@prosekit/preact 0.7.0-beta.2 → 0.7.0-beta.4

package/dist/prosekit-preact-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-preact-tooltip.js","names":[],"sources":["../src/components/tooltip/tooltip-popup.gen.ts","../src/components/tooltip/tooltip-positioner.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"sourcesContent":["/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerTooltipPopupElement, type TooltipPopupElement } from '@prosekit/web/tooltip';\nimport { createElement, type HTMLAttributes, type Ref } from 'preact';\nimport { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';\nimport { useCallback, useRef } from 'preact/hooks';\n\n/**\n * Props for the {@link TooltipPopup} Preact component.\n *\n * @public\n */\nexport interface TooltipPopupProps extends HTMLAttributes<TooltipPopupElement> {}\n\nfunction TooltipPopupComponent(props: TooltipPopupProps, forwardedRef: Ref<TooltipPopupElement>) {\n  registerTooltipPopupElement();\n\n  const elementRef = useRef<TooltipPopupElement>(null);\n\n  const { ...restProps } = props;\n\n  const mergedRef = useCallback(\n    (element: TooltipPopupElement | null) => {\n      elementRef.current = element;\n      if (typeof forwardedRef === 'function') {\n        forwardedRef(element);\n      } else if (forwardedRef) {\n        forwardedRef.current = element;\n      }\n    },\n    [forwardedRef],\n  );\n\n  return createElement('prosekit-tooltip-popup', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A Preact component that renders an `prosekit-tooltip-popup` custom element.\n *\n * @public\n */\nexport const TooltipPopup: ForwardRefExoticComponent<TooltipPopupProps & RefAttributes<TooltipPopupElement>> = /* @__PURE__ */ forwardRef(TooltipPopupComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerTooltipPositionerElement, type TooltipPositionerElement, type TooltipPositionerProps as TooltipPositionerElementProps } from '@prosekit/web/tooltip';\nimport { createElement, type HTMLAttributes, type Ref } from 'preact';\nimport { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';\nimport { useCallback, useRef, useLayoutEffect } from 'preact/hooks';\n\n/**\n * Props for the {@link TooltipPositioner} Preact component.\n *\n * @public\n */\nexport interface TooltipPositionerProps extends HTMLAttributes<TooltipPositionerElement> {\n  /**\n   * The strategy to use for positioning\n   *\n   * @default \"absolute\"\n   */\n  strategy?: TooltipPositionerElementProps['strategy'];\n  /**\n   * The initial placement of the floating element\n   *\n   * @default \"top\"\n   */\n  placement?: TooltipPositionerElementProps['placement'];\n  /**\n   * Options to activate auto-update listeners\n   *\n   * @see https://floating-ui.com/docs/autoUpdate\n   *\n   * @default true\n   */\n  autoUpdate?: TooltipPositionerElementProps['autoUpdate'];\n  /**\n   * Whether to use the browser Popover API to place the floating element on\n   * top of other page content.\n   *\n   * @default true\n   */\n  hoist?: TooltipPositionerElementProps['hoist'];\n  /**\n   * The distance between the reference and floating element.\n   *\n   * @default 6\n   */\n  offset?: TooltipPositionerElementProps['offset'];\n  /**\n   * Whether to flip the `placement` in order to keep it in view when the\n   * preferred placement(s) will overflow the clipping boundary. You can also\n   * provide an array of placements to try sequentially if the preferred\n   * `placement` does not fit.\n   *\n   * @default true\n   */\n  flip?: TooltipPositionerElementProps['flip'];\n  /**\n   * Whether the floating element should shift to keep it in view.\n   *\n   * @default true\n   */\n  shift?: TooltipPositionerElementProps['shift'];\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default false\n   */\n  overlap?: TooltipPositionerElementProps['overlap'];\n  /**\n   * Whether to constrain the floating element's width and height to not exceed\n   * the viewport.\n   *\n   * @default false\n   */\n  fitViewport?: TooltipPositionerElementProps['fitViewport'];\n  /**\n   * Whether to constrain the floating element's width so that it matches the\n   * reference element.\n   *\n   * @default false\n   */\n  sameWidth?: TooltipPositionerElementProps['sameWidth'];\n  /**\n   * Whether to constrain the floating element's height so that it matches the\n   * reference element.\n   *\n   * @default false\n   */\n  sameHeight?: TooltipPositionerElementProps['sameHeight'];\n  /**\n   * Whether to improve positioning for inline reference elements that span over\n   * multiple lines.\n   *\n   * @default false\n   */\n  inline?: TooltipPositionerElementProps['inline'];\n  /**\n   * Whether to hide the floating element when the reference element or the\n   * floating element is fully clipped.\n   *\n   * @default false\n   */\n  hide?: TooltipPositionerElementProps['hide'];\n  /**\n   * Describes the clipping element(s) or area that overflow will be checked relative to.\n   * Please see https://floating-ui.com/docs/detectoverflow#boundary for more information.\n   *\n   * @default 'clippingAncestors'\n   */\n  boundary?: TooltipPositionerElementProps['boundary'];\n  /**\n   * Describes the root boundary that the element will be checked for overflow relative to.\n   * Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.\n   *\n   * @default 'viewport'\n   */\n  rootBoundary?: TooltipPositionerElementProps['rootBoundary'];\n  /**\n   * Describes the virtual padding around the boundary to check for overflow.\n   * Please see https://floating-ui.com/docs/detectoverflow#padding for more information.\n   *\n   * @default 4\n   */\n  overflowPadding?: TooltipPositionerElementProps['overflowPadding'];\n  /**\n   * The element that will be used to check for overflow. Please see\n   * https://floating-ui.com/docs/detectoverflow#elementcontext for more\n   * information.\n   *\n   * @default 'floating'\n   */\n  elementContext?: TooltipPositionerElementProps['elementContext'];\n  /**\n   * Whether to check the alternate elementContext's boundary. Please see\n   * https://floating-ui.com/docs/detectoverflow#altboundary for more\n   * information.\n   *\n   * @default false\n   */\n  altBoundary?: TooltipPositionerElementProps['altBoundary'];\n}\n\nfunction TooltipPositionerComponent(props: TooltipPositionerProps, forwardedRef: Ref<TooltipPositionerElement>) {\n  registerTooltipPositionerElement();\n\n  const elementRef = useRef<TooltipPositionerElement>(null);\n\n  const { altBoundary: p0, autoUpdate: p1, boundary: p2, elementContext: p3, fitViewport: p4, flip: p5, hide: p6, hoist: p7, inline: p8, offset: p9, overflowPadding: p10, overlap: p11, placement: p12, rootBoundary: p13, sameHeight: p14, sameWidth: p15, shift: p16, strategy: p17, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { altBoundary: p0, autoUpdate: p1, boundary: p2, elementContext: p3, fitViewport: p4, flip: p5, hide: p6, hoist: p7, inline: p8, offset: p9, overflowPadding: p10, overlap: p11, placement: p12, rootBoundary: p13, sameHeight: p14, sameWidth: p15, shift: p16, strategy: p17 });\n  });\n\n  const mergedRef = useCallback(\n    (element: TooltipPositionerElement | null) => {\n      elementRef.current = element;\n      if (typeof forwardedRef === 'function') {\n        forwardedRef(element);\n      } else if (forwardedRef) {\n        forwardedRef.current = element;\n      }\n    },\n    [forwardedRef],\n  );\n\n  return createElement('prosekit-tooltip-positioner', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A Preact component that renders an `prosekit-tooltip-positioner` custom element.\n *\n * @public\n */\nexport const TooltipPositioner: ForwardRefExoticComponent<TooltipPositionerProps & RefAttributes<TooltipPositionerElement>> = /* @__PURE__ */ forwardRef(TooltipPositionerComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerTooltipRootElement, type TooltipRootElement, type TooltipRootProps as TooltipRootElementProps, type TooltipRootEvents } from '@prosekit/web/tooltip';\nimport { createElement, type HTMLAttributes, type Ref } from 'preact';\nimport { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';\nimport { useCallback, useRef, useLayoutEffect } from 'preact/hooks';\n\n/**\n * Props for the {@link TooltipRoot} Preact component.\n *\n * @public\n */\nexport interface TooltipRootProps extends HTMLAttributes<TooltipRootElement> {\n  /**\n   * Whether the overlay is initially open.\n   * @default false\n   */\n  defaultOpen?: TooltipRootElementProps['defaultOpen'];\n  /**\n   * Whether the overlay is currently open.\n   * @default null\n   */\n  open?: TooltipRootElementProps['open'];\n  /**\n   * Whether the component should ignore user interaction.\n   * @default false\n   */\n  disabled?: TooltipRootElementProps['disabled'];\n  /** Emitted when the tooltip is opened or closed. */\n  onOpenChange?: (event: TooltipRootEvents['openChange']) => void;\n}\n\nfunction TooltipRootComponent(props: TooltipRootProps, forwardedRef: Ref<TooltipRootElement>) {\n  registerTooltipRootElement();\n\n  const elementRef = useRef<TooltipRootElement>(null);\n  const handlersRef = useRef<Array<((event: Event) => void) | undefined>>([]);\n\n  const { defaultOpen: p0, disabled: p1, open: p2, onOpenChange: e0, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { defaultOpen: p0, disabled: p1, open: p2 });\n    handlersRef.current = [e0] as Array<((event: Event) => void) | undefined>;\n  });\n\n  useLayoutEffect(() => {\n    const element = elementRef.current;\n    if (!element) return;\n    const ac = new AbortController();\n    for (const [index, eventName] of ['openChange'].entries()) {\n      element.addEventListener(\n        eventName,\n        (event: Event) => {\n          handlersRef.current[index]?.(event);\n        },\n        { signal: ac.signal },\n      );\n    }\n    return () => ac.abort();\n  }, []);\n\n  const mergedRef = useCallback(\n    (element: TooltipRootElement | null) => {\n      elementRef.current = element;\n      if (typeof forwardedRef === 'function') {\n        forwardedRef(element);\n      } else if (forwardedRef) {\n        forwardedRef.current = element;\n      }\n    },\n    [forwardedRef],\n  );\n\n  return createElement('prosekit-tooltip-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A Preact component that renders an `prosekit-tooltip-root` custom element.\n *\n * @public\n */\nexport const TooltipRoot: ForwardRefExoticComponent<TooltipRootProps & RefAttributes<TooltipRootElement>> = /* @__PURE__ */ forwardRef(TooltipRootComponent);\n\nexport type { TooltipRootEvents };\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerTooltipTriggerElement, type TooltipTriggerElement, type TooltipTriggerProps as TooltipTriggerElementProps } from '@prosekit/web/tooltip';\nimport { createElement, type HTMLAttributes, type Ref } from 'preact';\nimport { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';\nimport { useCallback, useRef, useLayoutEffect } from 'preact/hooks';\n\n/**\n * Props for the {@link TooltipTrigger} Preact component.\n *\n * @public\n */\nexport interface TooltipTriggerProps extends HTMLAttributes<TooltipTriggerElement> {\n  /**\n   * Whether the component should ignore user interaction.\n   * @default false\n   */\n  disabled?: TooltipTriggerElementProps['disabled'];\n  /**\n   * The delay in milliseconds before opening the tooltip on hover.\n   * @default 600\n   */\n  openDelay?: TooltipTriggerElementProps['openDelay'];\n  /**\n   * The delay in milliseconds before closing the tooltip when hover/focus ends.\n   * @default 0\n   */\n  closeDelay?: TooltipTriggerElementProps['closeDelay'];\n}\n\nfunction TooltipTriggerComponent(props: TooltipTriggerProps, forwardedRef: Ref<TooltipTriggerElement>) {\n  registerTooltipTriggerElement();\n\n  const elementRef = useRef<TooltipTriggerElement>(null);\n\n  const { closeDelay: p0, disabled: p1, openDelay: p2, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { closeDelay: p0, disabled: p1, openDelay: p2 });\n  });\n\n  const mergedRef = useCallback(\n    (element: TooltipTriggerElement | null) => {\n      elementRef.current = element;\n      if (typeof forwardedRef === 'function') {\n        forwardedRef(element);\n      } else if (forwardedRef) {\n        forwardedRef.current = element;\n      }\n    },\n    [forwardedRef],\n  );\n\n  return createElement('prosekit-tooltip-trigger', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A Preact component that renders an `prosekit-tooltip-trigger` custom element.\n *\n * @public\n */\nexport const TooltipTrigger: ForwardRefExoticComponent<TooltipTriggerProps & RefAttributes<TooltipTriggerElement>> = /* @__PURE__ */ forwardRef(TooltipTriggerComponent);\n"],"mappings":"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"}
+{"version":3,"file":"prosekit-preact-tooltip.js","names":[],"sources":["../src/components/tooltip/tooltip-popup.gen.ts","../src/components/tooltip/tooltip-positioner.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"sourcesContent":["// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerTooltipPopupElement, type TooltipPopupElement } from '@prosekit/web/tooltip';\nimport { createElement, type HTMLAttributes, type Ref } from 'preact';\nimport { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';\nimport { useCallback, useRef } from 'preact/hooks';\n\n/** Props for the {@link TooltipPopup} Preact component. */\nexport interface TooltipPopupProps {}\n\nfunction TooltipPopupComponent(props: TooltipPopupProps, forwardedRef: Ref<TooltipPopupElement>) {\n  registerTooltipPopupElement();\n\n  const elementRef = useRef<TooltipPopupElement>(null);\n\n  const { ...restProps } = props;\n\n  const mergedRef = useCallback(\n    (element: TooltipPopupElement | null) => {\n      elementRef.current = element;\n      if (typeof forwardedRef === 'function') {\n        forwardedRef(element);\n      } else if (forwardedRef) {\n        forwardedRef.current = element;\n      }\n    },\n    [forwardedRef],\n  );\n\n  return createElement('prosekit-tooltip-popup', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/** A Preact component that renders an `prosekit-tooltip-popup` custom element. */\nexport const TooltipPopup: ForwardRefExoticComponent<TooltipPopupProps & HTMLAttributes<TooltipPopupElement> & RefAttributes<TooltipPopupElement>> = /* @__PURE__ */ forwardRef(TooltipPopupComponent);\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerTooltipPositionerElement, type TooltipPositionerElement, type TooltipPositionerProps as TooltipPositionerElementProps } from '@prosekit/web/tooltip';\nimport { createElement, type HTMLAttributes, type Ref } from 'preact';\nimport { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';\nimport { useCallback, useRef, useLayoutEffect } from 'preact/hooks';\n\n/** Props for the {@link TooltipPositioner} Preact component. */\nexport interface TooltipPositionerProps {\n  /**\n   * The strategy to use for positioning\n   *\n   * @default \"absolute\"\n   */\n  strategy?: TooltipPositionerElementProps['strategy'];\n  /**\n   * The initial placement of the floating element\n   *\n   * @default \"top\"\n   */\n  placement?: TooltipPositionerElementProps['placement'];\n  /**\n   * Options to activate auto-update listeners\n   *\n   * @see https://floating-ui.com/docs/autoUpdate\n   *\n   * @default true\n   */\n  autoUpdate?: TooltipPositionerElementProps['autoUpdate'];\n  /**\n   * Whether to use the browser Popover API to place the floating element on\n   * top of other page content.\n   *\n   * @default true\n   */\n  hoist?: TooltipPositionerElementProps['hoist'];\n  /**\n   * The distance between the reference and floating element.\n   *\n   * @default 6\n   */\n  offset?: TooltipPositionerElementProps['offset'];\n  /**\n   * Whether to flip the `placement` in order to keep it in view when the\n   * preferred placement(s) will overflow the clipping boundary. You can also\n   * provide an array of placements to try sequentially if the preferred\n   * `placement` does not fit.\n   *\n   * @default true\n   */\n  flip?: TooltipPositionerElementProps['flip'];\n  /**\n   * Whether the floating element should shift to keep it in view.\n   *\n   * @default true\n   */\n  shift?: TooltipPositionerElementProps['shift'];\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default false\n   */\n  overlap?: TooltipPositionerElementProps['overlap'];\n  /**\n   * Whether to constrain the floating element's width and height to not exceed\n   * the viewport.\n   *\n   * @default false\n   */\n  fitViewport?: TooltipPositionerElementProps['fitViewport'];\n  /**\n   * Whether to constrain the floating element's width so that it matches the\n   * reference element.\n   *\n   * @default false\n   */\n  sameWidth?: TooltipPositionerElementProps['sameWidth'];\n  /**\n   * Whether to constrain the floating element's height so that it matches the\n   * reference element.\n   *\n   * @default false\n   */\n  sameHeight?: TooltipPositionerElementProps['sameHeight'];\n  /**\n   * Whether to improve positioning for inline reference elements that span over\n   * multiple lines.\n   *\n   * @default false\n   */\n  inline?: TooltipPositionerElementProps['inline'];\n  /**\n   * Whether to hide the floating element when the reference element or the\n   * floating element is fully clipped.\n   *\n   * @default false\n   */\n  hide?: TooltipPositionerElementProps['hide'];\n  /**\n   * Describes the clipping element(s) or area that overflow will be checked relative to.\n   * Please see https://floating-ui.com/docs/detectoverflow#boundary for more information.\n   *\n   * @default 'clippingAncestors'\n   */\n  boundary?: TooltipPositionerElementProps['boundary'];\n  /**\n   * Describes the root boundary that the element will be checked for overflow relative to.\n   * Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.\n   *\n   * @default 'viewport'\n   */\n  rootBoundary?: TooltipPositionerElementProps['rootBoundary'];\n  /**\n   * Describes the virtual padding around the boundary to check for overflow.\n   * Please see https://floating-ui.com/docs/detectoverflow#padding for more information.\n   *\n   * @default 4\n   */\n  overflowPadding?: TooltipPositionerElementProps['overflowPadding'];\n  /**\n   * The element that will be used to check for overflow. Please see\n   * https://floating-ui.com/docs/detectoverflow#elementcontext for more\n   * information.\n   *\n   * @default 'floating'\n   */\n  elementContext?: TooltipPositionerElementProps['elementContext'];\n  /**\n   * Whether to check the alternate elementContext's boundary. Please see\n   * https://floating-ui.com/docs/detectoverflow#altboundary for more\n   * information.\n   *\n   * @default false\n   */\n  altBoundary?: TooltipPositionerElementProps['altBoundary'];\n}\n\nfunction TooltipPositionerComponent(props: TooltipPositionerProps, forwardedRef: Ref<TooltipPositionerElement>) {\n  registerTooltipPositionerElement();\n\n  const elementRef = useRef<TooltipPositionerElement>(null);\n\n  const { altBoundary: p0, autoUpdate: p1, boundary: p2, elementContext: p3, fitViewport: p4, flip: p5, hide: p6, hoist: p7, inline: p8, offset: p9, overflowPadding: p10, overlap: p11, placement: p12, rootBoundary: p13, sameHeight: p14, sameWidth: p15, shift: p16, strategy: p17, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { altBoundary: p0, autoUpdate: p1, boundary: p2, elementContext: p3, fitViewport: p4, flip: p5, hide: p6, hoist: p7, inline: p8, offset: p9, overflowPadding: p10, overlap: p11, placement: p12, rootBoundary: p13, sameHeight: p14, sameWidth: p15, shift: p16, strategy: p17 });\n  });\n\n  const mergedRef = useCallback(\n    (element: TooltipPositionerElement | null) => {\n      elementRef.current = element;\n      if (typeof forwardedRef === 'function') {\n        forwardedRef(element);\n      } else if (forwardedRef) {\n        forwardedRef.current = element;\n      }\n    },\n    [forwardedRef],\n  );\n\n  return createElement('prosekit-tooltip-positioner', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/** A Preact component that renders an `prosekit-tooltip-positioner` custom element. */\nexport const TooltipPositioner: ForwardRefExoticComponent<TooltipPositionerProps & HTMLAttributes<TooltipPositionerElement> & RefAttributes<TooltipPositionerElement>> = /* @__PURE__ */ forwardRef(TooltipPositionerComponent);\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerTooltipRootElement, type TooltipRootElement, type TooltipRootProps as TooltipRootElementProps, type TooltipRootEvents } from '@prosekit/web/tooltip';\nimport { createElement, type HTMLAttributes, type Ref } from 'preact';\nimport { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';\nimport { useCallback, useRef, useLayoutEffect } from 'preact/hooks';\n\n/** Props for the {@link TooltipRoot} Preact component. */\nexport interface TooltipRootProps {\n  /**\n   * Whether the overlay is initially open.\n   * @default false\n   */\n  defaultOpen?: TooltipRootElementProps['defaultOpen'];\n  /**\n   * Whether the overlay is currently open.\n   * @default null\n   */\n  open?: TooltipRootElementProps['open'];\n  /**\n   * Whether the component should ignore user interaction.\n   * @default false\n   */\n  disabled?: TooltipRootElementProps['disabled'];\n  /** Emitted when the tooltip is opened or closed. */\n  onOpenChange?: (event: TooltipRootEvents['openChange']) => void;\n}\n\nfunction TooltipRootComponent(props: TooltipRootProps, forwardedRef: Ref<TooltipRootElement>) {\n  registerTooltipRootElement();\n\n  const elementRef = useRef<TooltipRootElement>(null);\n  const handlersRef = useRef<Array<((event: Event) => void) | undefined>>([]);\n\n  const { defaultOpen: p0, disabled: p1, open: p2, onOpenChange: e0, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { defaultOpen: p0, disabled: p1, open: p2 });\n    handlersRef.current = [e0] as Array<((event: Event) => void) | undefined>;\n  });\n\n  useLayoutEffect(() => {\n    const element = elementRef.current;\n    if (!element) return;\n    const ac = new AbortController();\n    for (const [index, eventName] of ['openChange'].entries()) {\n      element.addEventListener(\n        eventName,\n        (event: Event) => {\n          handlersRef.current[index]?.(event);\n        },\n        { signal: ac.signal },\n      );\n    }\n    return () => ac.abort();\n  }, []);\n\n  const mergedRef = useCallback(\n    (element: TooltipRootElement | null) => {\n      elementRef.current = element;\n      if (typeof forwardedRef === 'function') {\n        forwardedRef(element);\n      } else if (forwardedRef) {\n        forwardedRef.current = element;\n      }\n    },\n    [forwardedRef],\n  );\n\n  return createElement('prosekit-tooltip-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/** A Preact component that renders an `prosekit-tooltip-root` custom element. */\nexport const TooltipRoot: ForwardRefExoticComponent<TooltipRootProps & HTMLAttributes<TooltipRootElement> & RefAttributes<TooltipRootElement>> = /* @__PURE__ */ forwardRef(TooltipRootComponent);\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerTooltipTriggerElement, type TooltipTriggerElement, type TooltipTriggerProps as TooltipTriggerElementProps } from '@prosekit/web/tooltip';\nimport { createElement, type HTMLAttributes, type Ref } from 'preact';\nimport { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';\nimport { useCallback, useRef, useLayoutEffect } from 'preact/hooks';\n\n/** Props for the {@link TooltipTrigger} Preact component. */\nexport interface TooltipTriggerProps {\n  /**\n   * Whether the component should ignore user interaction.\n   * @default false\n   */\n  disabled?: TooltipTriggerElementProps['disabled'];\n  /**\n   * The delay in milliseconds before opening the tooltip on hover.\n   * @default 600\n   */\n  openDelay?: TooltipTriggerElementProps['openDelay'];\n  /**\n   * The delay in milliseconds before closing the tooltip when hover/focus ends.\n   * @default 0\n   */\n  closeDelay?: TooltipTriggerElementProps['closeDelay'];\n}\n\nfunction TooltipTriggerComponent(props: TooltipTriggerProps, forwardedRef: Ref<TooltipTriggerElement>) {\n  registerTooltipTriggerElement();\n\n  const elementRef = useRef<TooltipTriggerElement>(null);\n\n  const { closeDelay: p0, disabled: p1, openDelay: p2, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { closeDelay: p0, disabled: p1, openDelay: p2 });\n  });\n\n  const mergedRef = useCallback(\n    (element: TooltipTriggerElement | null) => {\n      elementRef.current = element;\n      if (typeof forwardedRef === 'function') {\n        forwardedRef(element);\n      } else if (forwardedRef) {\n        forwardedRef.current = element;\n      }\n    },\n    [forwardedRef],\n  );\n\n  return createElement('prosekit-tooltip-trigger', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/** A Preact component that renders an `prosekit-tooltip-trigger` custom element. */\nexport const TooltipTrigger: ForwardRefExoticComponent<TooltipTriggerProps & HTMLAttributes<TooltipTriggerElement> & RefAttributes<TooltipTriggerElement>> = /* @__PURE__ */ forwardRef(TooltipTriggerComponent);\n"],"mappings":"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"}

package/dist/prosekit-preact.d.ts

@@ -4,8 +4,6 @@ import { MarkViewContext, NodeViewContext } from "@prosemirror-adapter/preact";
 import { CoreMarkViewUserOptions, CoreNodeViewUserOptions } from "@prosemirror-adapter/core";
 import { ProseMirrorNode } from "@prosekit/pm/model";
 import { EditorState } from "@prosekit/pm/state";
-
-//#region src/components/prosekit.d.ts
 interface ProseKitProps {
   editor: Editor;
   children?: ComponentChildren;
@@ -16,8 +14,6 @@ interface ProseKitProps {
  * @public
  */
 declare const ProseKit: ComponentType<ProseKitProps>;
-//#endregion
-//#region src/extensions/preact-mark-view.d.ts
 /**
  * @public
  */
@@ -43,8 +39,6 @@ interface PreactMarkViewOptions extends CoreMarkViewUserOptions<PreactMarkViewCo
  * @public
  */
 declare function definePreactMarkView(options: PreactMarkViewOptions): Extension;
-//#endregion
-//#region src/extensions/preact-node-view.d.ts
 /**
  * @public
  */
@@ -70,8 +64,6 @@ interface PreactNodeViewOptions extends CoreNodeViewUserOptions<PreactNodeViewCo
  * @public
  */
 declare function definePreactNodeView(options: PreactNodeViewOptions): Extension;
-//#endregion
-//#region src/hooks/use-extension.d.ts
 interface UseExtensionOptions {
   /**
    * The editor to add the extension to. If not provided, it will use the
@@ -93,16 +85,12 @@ declare function useExtension(
  */
 
 extension: Extension | null, options?: UseExtensionOptions): void;
-//#endregion
-//#region src/hooks/use-doc-change.d.ts
 /**
  * Calls the given handler whenever the editor document changes.
  *
  * @public
  */
 declare function useDocChange(handler: (doc: ProseMirrorNode) => void, options?: UseExtensionOptions): void;
-//#endregion
-//#region src/hooks/use-editor-derived-value.d.ts
 interface UseEditorDerivedOptions<E extends Extension = any> {
   /**
    * The editor to add the extension to. If not provided, it will use the
@@ -132,8 +120,6 @@ declare function useEditorDerivedValue<E extends Extension, Derived>(
  */
 
 derive: (editor: Editor<E>) => Derived, options?: UseEditorDerivedOptions<E>): Derived;
-//#endregion
-//#region src/hooks/use-editor.d.ts
 /**
  * Retrieves the editor instance from the nearest ProseKit component.
  *
@@ -148,19 +134,13 @@ declare function useEditor<E extends Extension = any>(options?: {
    */
   update?: boolean;
 }): Editor<E>;
-//#endregion
-//#region src/hooks/use-keymap.d.ts
 declare function useKeymap(keymap: Keymap, options?: UseExtensionOptions): void;
-//#endregion
-//#region src/hooks/use-state-update.d.ts
 /**
  * Calls the given handler whenever the editor state changes.
  *
  * @public
  */
 declare function useStateUpdate(handler: (state: EditorState) => void, options?: UseExtensionOptions): void;
-//#endregion
-//#region src/types.d.ts
 /**
  * @internal
  */
@@ -174,6 +154,5 @@ type PropsWithClass<P = unknown> = P & {
 type PropsWithChildren<P = unknown> = P & {
   children?: ComponentChildren | undefined;
 };
-//#endregion
 export { type PreactMarkViewComponent, type PreactMarkViewOptions, type PreactMarkViewProps, type PreactNodeViewComponent, type PreactNodeViewOptions, type PreactNodeViewProps, type PropsWithChildren, type PropsWithClass, ProseKit, type ProseKitProps, type UseEditorDerivedOptions, type UseExtensionOptions, definePreactMarkView, definePreactNodeView, useDocChange, useEditor, useEditorDerivedValue, useExtension, useKeymap, useStateUpdate };
 //# sourceMappingURL=prosekit-preact.d.ts.map

package/dist/prosekit-preact.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-preact.d.ts","names":[],"sources":["../src/components/prosekit.ts","../src/extensions/preact-mark-view.ts","../src/extensions/preact-node-view.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-editor.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts","../src/types.ts"],"mappings":";;;;;;;;UAOiB,aAAA;EACf,MAAA,EAAQ,MAAA;EACR,QAAA,GAAW,iBAAA;AAAA;;;AAFb;;;cAUa,QAAA,EAAU,aAAA,CAAc,aAAA;;;;;;UCHpB,mBAAA,SAA4B,eAAA;;;;KAKjC,uBAAA,GAA0B,aAAA,CAAc,mBAAA;;;;;;UAOnC,qBAAA,SAA8B,uBAAA,CAAwB,uBAAA;EDEtE;;;ECEC,IAAA;AAAA;;;;AAXF;;iBA4CgB,oBAAA,CAAqB,OAAA,EAAS,qBAAA,GAAwB,SAAA;;;;;;UCjDrD,mBAAA,SAA4B,eAAA;;;;KAKjC,uBAAA,GAA0B,aAAA,CAAc,mBAAA;;;;;;UAOnC,qBAAA,SAA8B,uBAAA,CAAwB,uBAAA;EFEtE;;;EEEC,IAAA;AAAA;;;;ADXF;;iBC4CgB,oBAAA,CAAqB,OAAA,EAAS,qBAAA,GAAwB,SAAA;;;UCxDrD,mBAAA;;;;;EAKf,MAAA,GAAS,MAAA;;AHLX;;EGUE,QAAA,GAAW,QAAA;AAAA;;;;iBAMG,YAAA;;;AHNhB;;;AGWE,SAAA,EAAW,SAAA,SACX,OAAA,GAAU,mBAAA;;;;;;;;iBCjBI,YAAA,CACd,OAAA,GAAU,GAAA,EAAK,eAAA,WACf,OAAA,GAAU,mBAAA;;;UCRK,uBAAA,WAAkC,SAAA;;;;;EAKjD,MAAA,GAAS,MAAA,CAAO,CAAA;AAAA;ALJlB;;;;;;;;;;AAUA;AAVA,iBKkBgB,qBAAA,WAAgC,SAAA,UAAA;;;;;;;AJXhD;;;AIoBE,MAAA,GAAS,MAAA,EAAQ,MAAA,CAAO,CAAA,MAAO,OAAA,EAC/B,OAAA,GAAU,uBAAA,CAAwB,CAAA,IACjC,OAAA;;;;;;;;iBC1Ba,SAAA,WAAoB,SAAA,OAAA,CAAiB,OAAA;;ANHrD;;;;;EMUE,MAAA;AAAA,IACE,MAAA,CAAO,CAAA;;;iBCbK,SAAA,CAAU,MAAA,EAAQ,MAAA,EAAQ,OAAA,GAAU,mBAAA;;;;;;;;iBCOpC,cAAA,CACd,OAAA,GAAU,KAAA,EAAO,WAAA,WACjB,OAAA,GAAU,mBAAA;;;;;;KCTA,cAAA,gBAA8B,CAAA;EACxC,KAAA;EACA,SAAA;AAAA;ATAF;;;AAAA,KSMY,iBAAA,gBAAiC,CAAA;EAC3C,QAAA,GAAW,iBAAA;AAAA"}
+{"version":3,"file":"prosekit-preact.d.ts","names":[],"sources":["../src/components/prosekit.ts","../src/extensions/preact-mark-view.ts","../src/extensions/preact-node-view.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-editor.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts","../src/types.ts"],"mappings":";;;;;;UAOiB,aAAA;EACf,MAAA,EAAQ,MAAA;EACR,QAAA,GAAW,iBAAA;AAAA;;AAFb;;;;cAUa,QAAA,EAAU,aAAA,CAAc,aAAA;;;;UCHpB,mBAAA,SAA4B,eAAA;;;;KAKjC,uBAAA,GAA0B,aAAA,CAAc,mBAAA;;;;;ADFpD;UCSiB,qBAAA,SAA8B,uBAAA,CAAwB,uBAAA;;;;EAIrE,IAAA;AAAA;AAXF;;;;;AAAA,iBA4CgB,oBAAA,CAAqB,OAAA,EAAS,qBAAA,GAAwB,SAAA;;;;UCjDrD,mBAAA,SAA4B,eAAA;;;;KAKjC,uBAAA,GAA0B,aAAA,CAAc,mBAAA;;;;;AFFpD;UESiB,qBAAA,SAA8B,uBAAA,CAAwB,uBAAA;;;;EAIrE,IAAA;AAAA;ADXF;;;;;AAAA,iBC4CgB,oBAAA,CAAqB,OAAA,EAAS,qBAAA,GAAwB,SAAA;AAAA,UCxDrD,mBAAA;;;;;EAKf,MAAA,GAAS,MAAA;EHLM;;;EGUf,QAAA,GAAW,QAAA;AAAA;;;;iBAMG,YAAA;;AHNhB;;;;AGWE,SAAA,EAAW,SAAA,SACX,OAAA,GAAU,mBAAA;;;;;;iBCjBI,YAAA,CACd,OAAA,GAAU,GAAA,EAAK,eAAA,WACf,OAAA,GAAU,mBAAA;AAAA,UCRK,uBAAA,WAAkC,SAAA;;;;;EAKjD,MAAA,GAAS,MAAA,CAAO,CAAA;AAAA;;;;;;;;;;ALMlB;;iBKQgB,qBAAA,WAAgC,SAAA,UAAA;;;;AJXhD;;;;;;AIoBE,MAAA,GAAS,MAAA,EAAQ,MAAA,CAAO,CAAA,MAAO,OAAA,EAC/B,OAAA,GAAU,uBAAA,CAAwB,CAAA,IACjC,OAAA;;;;;;iBC1Ba,SAAA,WAAoB,SAAA,OAAA,CAAiB,OAAA;ENHpC;;;;;;EMUf,MAAA;AAAA,IACE,MAAA,CAAO,CAAA;AAAA,iBCbK,SAAA,CAAU,MAAA,EAAQ,MAAA,EAAQ,OAAA,GAAU,mBAAA;;;;;;iBCOpC,cAAA,CACd,OAAA,GAAU,KAAA,EAAO,WAAA,WACjB,OAAA,GAAU,mBAAA;;;;KCTA,cAAA,gBAA8B,CAAA;EACxC,KAAA;EACA,SAAA;AAAA;;;;KAMU,iBAAA,gBAAiC,CAAA;EAC3C,QAAA,GAAW,iBAAA;AAAA"}

package/dist/prosekit-preact.js

@@ -5,7 +5,6 @@ import { EditorNotFoundError, ProseKitError, defineDocChangeHandler, defineKeyma
 import { AbstractPreactMarkView, AbstractPreactNodeView, buildPreactMarkViewCreator, buildPreactNodeViewCreator, usePreactRenderer } from "@prosemirror-adapter/preact";
 import { createPortal, useSyncExternalStore } from "preact/compat";
 import { queueExtension } from "@prosekit/web";
-//#region src/extensions/preact-mark-view.ts
 var ProseKitPreactMarkView = class extends AbstractPreactMarkView {
 	constructor(..._args) {
 		super(..._args);
@@ -36,8 +35,6 @@ function definePreactMarkView(options) {
 		args: options
 	});
 }
-//#endregion
-//#region src/extensions/preact-node-view.ts
 var ProseKitPreactNodeView = class extends AbstractPreactNodeView {
 	constructor(..._args) {
 		super(..._args);
@@ -68,8 +65,6 @@ function definePreactNodeView(options) {
 		args: options
 	});
 }
-//#endregion
-//#region src/hooks/use-editor-extension.ts
 /**
 * @internal
 */
@@ -79,8 +74,6 @@ function useEditorExtension(editor, extension) {
 		if (extension) return queueExtension(editor, extension);
 	}, [editor, extension]);
 }
-//#endregion
-//#region src/components/view-renderer.ts
 const ViewRenderer = ({ editor, children }) => {
 	const { renderPreactRenderer, removePreactRenderer, render } = usePreactRenderer();
 	useEditorExtension(editor, useMemo(() => {
@@ -88,8 +81,6 @@ const ViewRenderer = ({ editor, children }) => {
 	}, [renderPreactRenderer, removePreactRenderer]));
 	return createElement(Fragment, null, createElement(Fragment, null, children), createElement(Fragment, null, render()));
 };
-//#endregion
-//#region src/components/prosekit.ts
 /**
 * The root component for a ProseKit editor.
 *
@@ -102,8 +93,6 @@ const ProseKit = (props) => {
 		children
 	}));
 };
-//#endregion
-//#region src/hooks/use-event-callback.ts
 /**
 * @internal
 */
@@ -114,8 +103,6 @@ function useEventCallback(callback) {
 	}, [callback]);
 	return useCallback((...args) => callbackRef.current(...args), []);
 }
-//#endregion
-//#region src/hooks/use-priority-extension.ts
 /**
 * @internal
 */
@@ -124,8 +111,6 @@ function usePriorityExtension(extension, priority) {
 		return extension && priority ? withPriority(extension, priority) : extension;
 	}, [extension, priority]);
 }
-//#endregion
-//#region src/hooks/use-extension.ts
 /**
 * Add an extension to the editor.
 */
@@ -133,8 +118,6 @@ function useExtension(extension, options) {
 	const editorContext = useEditorContext();
 	useEditorExtension(options?.editor || editorContext, usePriorityExtension(extension, options?.priority));
 }
-//#endregion
-//#region src/hooks/use-doc-change.ts
 /**
 * Calls the given handler whenever the editor document changes.
 *
@@ -144,8 +127,6 @@ function useDocChange(handler, options) {
 	const memoizedHandler = useEventCallback(handler);
 	useExtension(useMemo(() => defineDocChangeHandler((view) => memoizedHandler(view.state.doc)), [memoizedHandler]), options);
 }
-//#endregion
-//#region src/hooks/use-editor-derived-value.ts
 /**
 * Runs a function to derive a value from the editor instance after editor state
 * changes.
@@ -186,8 +167,6 @@ function createEditorStore(editor, derive) {
 	};
 	return [subscribe, getSnapshot];
 }
-//#endregion
-//#region src/hooks/use-editor.ts
 /**
 * Retrieves the editor instance from the nearest ProseKit component.
 *
@@ -214,13 +193,9 @@ function useForceUpdate() {
 	const [, dispatch] = useReducer((x) => x + 1, 0);
 	return dispatch;
 }
-//#endregion
-//#region src/hooks/use-keymap.ts
 function useKeymap(keymap, options) {
 	useExtension(useMemo(() => defineKeymap(keymap), [keymap]), options);
 }
-//#endregion
-//#region src/hooks/use-state-update.ts
 /**
 * Calls the given handler whenever the editor state changes.
 *
@@ -230,7 +205,6 @@ function useStateUpdate(handler, options) {
 	const memoizedHandler = useEventCallback(handler);
 	useExtension(useMemo(() => defineUpdateHandler((view) => memoizedHandler(view.state)), [memoizedHandler]), options);
 }
-//#endregion
 export { ProseKit, definePreactMarkView, definePreactNodeView, useDocChange, useEditor, useEditorDerivedValue, useExtension, useKeymap, useStateUpdate };
 
 //# sourceMappingURL=prosekit-preact.js.map

package/dist/prosekit-preact.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-preact.js","names":[],"sources":["../src/extensions/preact-mark-view.ts","../src/extensions/preact-node-view.ts","../src/hooks/use-editor-extension.ts","../src/components/view-renderer.ts","../src/components/prosekit.ts","../src/hooks/use-event-callback.ts","../src/hooks/use-priority-extension.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-editor.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"sourcesContent":["import { defineMarkViewComponent, defineMarkViewFactory, type Extension } from '@prosekit/core'\nimport type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  AbstractPreactMarkView,\n  buildPreactMarkViewCreator,\n  type MarkViewContext,\n  type PreactRendererResult,\n} from '@prosemirror-adapter/preact'\nimport { createElement, type ComponentType } from 'preact'\nimport { createPortal } from 'preact/compat'\n\n/**\n * @public\n */\nexport interface PreactMarkViewProps extends MarkViewContext {}\n\n/**\n * @public\n */\nexport type PreactMarkViewComponent = ComponentType<PreactMarkViewProps>\n\n/**\n * Options for {@link definePreactMarkView}.\n *\n * @public\n */\nexport interface PreactMarkViewOptions extends CoreMarkViewUserOptions<PreactMarkViewComponent> {\n  /**\n   * The name of the mark type.\n   */\n  name: string\n}\n\nclass ProseKitPreactMarkView extends AbstractPreactMarkView<PreactMarkViewComponent> {\n  render = () => {\n    const UserComponent = this.component\n    const props = { ...this.context }\n    return createPortal(\n      createElement(UserComponent, props),\n      this.dom,\n    )\n  }\n}\n\n/**\n * @internal\n */\nexport function definePreactMarkViewFactory(\n  renderPreactRenderer: PreactRendererResult['renderPreactRenderer'],\n  removePreactRenderer: PreactRendererResult['removePreactRenderer'],\n): Extension {\n  const factory = buildPreactMarkViewCreator(renderPreactRenderer, removePreactRenderer, ProseKitPreactMarkView)\n  return defineMarkViewFactory<PreactMarkViewOptions>({\n    group: 'preact',\n    factory,\n  })\n}\n\n/**\n * Defines a mark view using a Preact component.\n *\n * @public\n */\nexport function definePreactMarkView(options: PreactMarkViewOptions): Extension {\n  return defineMarkViewComponent<PreactMarkViewOptions>({\n    group: 'preact',\n    name: options.name,\n    args: options,\n  })\n}\n","import { defineNodeViewComponent, defineNodeViewFactory, type Extension } from '@prosekit/core'\nimport type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  AbstractPreactNodeView,\n  buildPreactNodeViewCreator,\n  type NodeViewContext,\n  type PreactRendererResult,\n} from '@prosemirror-adapter/preact'\nimport { createElement, type ComponentType } from 'preact'\nimport { createPortal } from 'preact/compat'\n\n/**\n * @public\n */\nexport interface PreactNodeViewProps extends NodeViewContext {}\n\n/**\n * @public\n */\nexport type PreactNodeViewComponent = ComponentType<PreactNodeViewProps>\n\n/**\n * Options for {@link definePreactNodeView}.\n *\n * @public\n */\nexport interface PreactNodeViewOptions extends CoreNodeViewUserOptions<PreactNodeViewComponent> {\n  /**\n   * The name of the node type.\n   */\n  name: string\n}\n\nclass ProseKitPreactNodeView extends AbstractPreactNodeView<PreactNodeViewComponent> {\n  render = () => {\n    const UserComponent = this.component\n    const props = { ...this.context }\n    return createPortal(\n      createElement(UserComponent, props),\n      this.dom,\n    )\n  }\n}\n\n/**\n * @internal\n */\nexport function definePreactNodeViewFactory(\n  renderPreactRenderer: PreactRendererResult['renderPreactRenderer'],\n  removePreactRenderer: PreactRendererResult['removePreactRenderer'],\n): Extension {\n  const factory = buildPreactNodeViewCreator(renderPreactRenderer, removePreactRenderer, ProseKitPreactNodeView)\n  return defineNodeViewFactory<PreactNodeViewOptions>({\n    group: 'preact',\n    factory,\n  })\n}\n\n/**\n * Defines a node view using a Preact component.\n *\n * @public\n */\nexport function definePreactNodeView(options: PreactNodeViewOptions): Extension {\n  return defineNodeViewComponent<PreactNodeViewOptions>({\n    group: 'preact',\n    name: options.name,\n    args: options,\n  })\n}\n","import { EditorNotFoundError, type Editor, type Extension } from '@prosekit/core'\nimport { queueExtension } from '@prosekit/web'\nimport { useEffect } from 'preact/hooks'\n\n/**\n * @internal\n */\nexport function useEditorExtension(\n  editor: Editor | null | undefined,\n  extension: Extension | null,\n): void {\n  if (!editor) {\n    throw new EditorNotFoundError()\n  }\n\n  useEffect(() => {\n    if (extension) {\n      return queueExtension(editor, extension)\n    }\n  }, [editor, extension])\n}\n","import { union, type Editor } from '@prosekit/core'\nimport { usePreactRenderer } from '@prosemirror-adapter/preact'\nimport { createElement, Fragment, type ComponentChildren, type ComponentType } from 'preact'\nimport { useMemo } from 'preact/hooks'\n\nimport { definePreactMarkViewFactory } from '../extensions/preact-mark-view.ts'\nimport { definePreactNodeViewFactory } from '../extensions/preact-node-view.ts'\nimport { useEditorExtension } from '../hooks/use-editor-extension.ts'\n\ninterface ViewRendererProps {\n  editor: Editor\n  children: ComponentChildren\n}\n\nexport const ViewRenderer: ComponentType<ViewRendererProps> = ({ editor, children }) => {\n  const { renderPreactRenderer, removePreactRenderer, render } = usePreactRenderer()\n\n  const extension = useMemo(() => {\n    return union([\n      definePreactMarkViewFactory(renderPreactRenderer, removePreactRenderer),\n      definePreactNodeViewFactory(renderPreactRenderer, removePreactRenderer),\n    ])\n  }, [renderPreactRenderer, removePreactRenderer])\n\n  useEditorExtension(editor, extension)\n\n  return createElement(Fragment, null, createElement(Fragment, null, children), createElement(Fragment, null, render()))\n}\n","import type { Editor } from '@prosekit/core'\nimport { createElement, type ComponentChildren, type ComponentType } from 'preact'\n\nimport { EditorContextProvider } from '../contexts/editor-context.ts'\n\nimport { ViewRenderer } from './view-renderer.ts'\n\nexport interface ProseKitProps {\n  editor: Editor\n  children?: ComponentChildren\n}\n\n/**\n * The root component for a ProseKit editor.\n *\n * @public\n */\nexport const ProseKit: ComponentType<ProseKitProps> = (props) => {\n  const { editor, children } = props\n\n  return createElement(\n    EditorContextProvider,\n    { value: editor },\n    createElement(\n      ViewRenderer,\n      { editor, children },\n    ),\n  )\n}\n","import { useCallback, useLayoutEffect, useRef } from 'preact/hooks'\n\n/**\n * @internal\n */\nexport function useEventCallback<Args extends unknown[], Return>(\n  callback: (...args: Args) => Return,\n): (...args: Args) => Return {\n  const callbackRef = useRef(callback)\n  useLayoutEffect(() => {\n    callbackRef.current = callback\n  }, [callback])\n  return useCallback((...args: Args) => callbackRef.current(...args), [])\n}\n","import { withPriority, type Extension, type Priority } from '@prosekit/core'\nimport { useMemo } from 'preact/hooks'\n\n/**\n * @internal\n */\nexport function usePriorityExtension<T extends Extension = Extension>(\n  extension: T | null,\n  priority?: Priority | null,\n): T | null {\n  return useMemo(() => {\n    return extension && priority ? withPriority(extension, priority) : extension\n  }, [extension, priority])\n}\n","import type { Editor, Extension, Priority } from '@prosekit/core'\n\nimport { useEditorContext } from '../contexts/editor-context.ts'\n\nimport { useEditorExtension } from './use-editor-extension.ts'\nimport { usePriorityExtension } from './use-priority-extension.ts'\n\nexport interface UseExtensionOptions {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: Editor\n\n  /**\n   * Optional priority to add the extension with.\n   */\n  priority?: Priority\n}\n\n/**\n * Add an extension to the editor.\n */\nexport function useExtension(\n  /**\n   * The extension to add to the editor. If it changes, the previous\n   * extension will be removed and the new one (if not null) will be added.\n   */\n  extension: Extension | null,\n  options?: UseExtensionOptions,\n): void {\n  const editorContext = useEditorContext()\n  useEditorExtension(\n    options?.editor || editorContext,\n    usePriorityExtension(extension, options?.priority),\n  )\n}\n","import { defineDocChangeHandler } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\nimport { useMemo } from 'preact/hooks'\n\nimport { useEventCallback } from './use-event-callback.ts'\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\n/**\n * Calls the given handler whenever the editor document changes.\n *\n * @public\n */\nexport function useDocChange(\n  handler: (doc: ProseMirrorNode) => void,\n  options?: UseExtensionOptions,\n): void {\n  const memoizedHandler = useEventCallback(handler)\n  const extension = useMemo(\n    () => defineDocChangeHandler((view) => memoizedHandler(view.state.doc)),\n    [memoizedHandler],\n  )\n  useExtension(extension, options)\n}\n","import { defineMountHandler, defineUpdateHandler, EditorNotFoundError, union, type Editor, type Extension } from '@prosekit/core'\nimport { useSyncExternalStore } from 'preact/compat'\nimport { useMemo } from 'preact/hooks'\n\nimport { useEditorContext } from '../contexts/editor-context.ts'\n\nexport interface UseEditorDerivedOptions<E extends Extension = any> {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: Editor<E>\n}\n\n/**\n * Runs a function to derive a value from the editor instance after editor state\n * changes.\n *\n * This is useful when you need to render something based on the editor state,\n * for example, whether the selected text is wrapped in an italic mark.\n *\n * It returns the derived value that updates whenever the editor state changes.\n *\n * @public\n */\nexport function useEditorDerivedValue<E extends Extension, Derived>(\n  /**\n   * A function that receives the editor instance and returns a derived value.\n   *\n   * It will be called whenever the editor's document state changes, or when it\n   * mounts.\n   *\n   * This function should be memoized.\n   */\n  derive: (editor: Editor<E>) => Derived,\n  options?: UseEditorDerivedOptions<E>,\n): Derived {\n  const editorContext = useEditorContext<E>()\n  const editor = options?.editor ?? editorContext\n  if (!editor) {\n    throw new EditorNotFoundError()\n  }\n\n  const [subscribe, getSnapshot] = useMemo(() => {\n    return createEditorStore(editor, derive)\n  }, [editor, derive])\n\n  return useSyncExternalStore(subscribe, getSnapshot)\n}\n\nfunction createEditorStore<Derived, E extends Extension = any>(editor: Editor<E>, derive: (editor: Editor<E>) => Derived) {\n  let dirty = true\n  let derived: Derived\n\n  const subscribe = (onChange: VoidFunction): VoidFunction => {\n    const handleChange = () => {\n      dirty = true\n      onChange()\n    }\n    const extension = union(\n      defineUpdateHandler(handleChange),\n      defineMountHandler(handleChange),\n    )\n    return editor.use(extension)\n  }\n\n  const getSnapshot = () => {\n    if (dirty) {\n      dirty = false\n      derived = derive(editor)\n    }\n    return derived\n  }\n\n  return [subscribe, getSnapshot] as const\n}\n","import { defineMountHandler, defineUpdateHandler, ProseKitError, union, type Editor, type Extension } from '@prosekit/core'\nimport { useEffect, useReducer } from 'preact/hooks'\n\nimport { useEditorContext } from '../contexts/editor-context.ts'\n\n/**\n * Retrieves the editor instance from the nearest ProseKit component.\n *\n * @public\n */\nexport function useEditor<E extends Extension = any>(options?: {\n  /**\n   * Whether to update the component when the editor is mounted or editor state\n   * is updated.\n   *\n   * @default false\n   */\n  update?: boolean\n}): Editor<E> {\n  const update = options?.update ?? false\n\n  const editor = useEditorContext<E>()\n  if (!editor) {\n    throw new ProseKitError(\n      'useEditor must be used within the ProseKit component',\n    )\n  }\n\n  const forceUpdate = useForceUpdate()\n\n  useEffect(() => {\n    if (update) {\n      const extension = union(\n        defineMountHandler(forceUpdate),\n        defineUpdateHandler(forceUpdate),\n      )\n      return editor.use(extension)\n    }\n  }, [editor, update, forceUpdate])\n\n  return editor\n}\n\nfunction useForceUpdate() {\n  const [, dispatch] = useReducer((x: number) => x + 1, 0)\n  return dispatch\n}\n","import { defineKeymap, type Keymap } from '@prosekit/core'\nimport { useMemo } from 'preact/hooks'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\nexport function useKeymap(keymap: Keymap, options?: UseExtensionOptions): void {\n  const extension = useMemo(() => defineKeymap(keymap), [keymap])\n  useExtension(extension, options)\n}\n","import { defineUpdateHandler } from '@prosekit/core'\nimport type { EditorState } from '@prosekit/pm/state'\nimport { useMemo } from 'preact/hooks'\n\nimport { useEventCallback } from './use-event-callback.ts'\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\n/**\n * Calls the given handler whenever the editor state changes.\n *\n * @public\n */\nexport function useStateUpdate(\n  handler: (state: EditorState) => void,\n  options?: UseExtensionOptions,\n): void {\n  const memoizedHandler = useEventCallback(handler)\n  const extension = useMemo(\n    () => defineUpdateHandler((view) => memoizedHandler(view.state)),\n    [memoizedHandler],\n  )\n  useExtension(extension, options)\n}\n"],"mappings":"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"}
+{"version":3,"file":"prosekit-preact.js","names":[],"sources":["../src/extensions/preact-mark-view.ts","../src/extensions/preact-node-view.ts","../src/hooks/use-editor-extension.ts","../src/components/view-renderer.ts","../src/components/prosekit.ts","../src/hooks/use-event-callback.ts","../src/hooks/use-priority-extension.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-editor.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"sourcesContent":["import { defineMarkViewComponent, defineMarkViewFactory, type Extension } from '@prosekit/core'\nimport type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  AbstractPreactMarkView,\n  buildPreactMarkViewCreator,\n  type MarkViewContext,\n  type PreactRendererResult,\n} from '@prosemirror-adapter/preact'\nimport { createElement, type ComponentType } from 'preact'\nimport { createPortal } from 'preact/compat'\n\n/**\n * @public\n */\nexport interface PreactMarkViewProps extends MarkViewContext {}\n\n/**\n * @public\n */\nexport type PreactMarkViewComponent = ComponentType<PreactMarkViewProps>\n\n/**\n * Options for {@link definePreactMarkView}.\n *\n * @public\n */\nexport interface PreactMarkViewOptions extends CoreMarkViewUserOptions<PreactMarkViewComponent> {\n  /**\n   * The name of the mark type.\n   */\n  name: string\n}\n\nclass ProseKitPreactMarkView extends AbstractPreactMarkView<PreactMarkViewComponent> {\n  render = () => {\n    const UserComponent = this.component\n    const props = { ...this.context }\n    return createPortal(\n      createElement(UserComponent, props),\n      this.dom,\n    )\n  }\n}\n\n/**\n * @internal\n */\nexport function definePreactMarkViewFactory(\n  renderPreactRenderer: PreactRendererResult['renderPreactRenderer'],\n  removePreactRenderer: PreactRendererResult['removePreactRenderer'],\n): Extension {\n  const factory = buildPreactMarkViewCreator(renderPreactRenderer, removePreactRenderer, ProseKitPreactMarkView)\n  return defineMarkViewFactory<PreactMarkViewOptions>({\n    group: 'preact',\n    factory,\n  })\n}\n\n/**\n * Defines a mark view using a Preact component.\n *\n * @public\n */\nexport function definePreactMarkView(options: PreactMarkViewOptions): Extension {\n  return defineMarkViewComponent<PreactMarkViewOptions>({\n    group: 'preact',\n    name: options.name,\n    args: options,\n  })\n}\n","import { defineNodeViewComponent, defineNodeViewFactory, type Extension } from '@prosekit/core'\nimport type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  AbstractPreactNodeView,\n  buildPreactNodeViewCreator,\n  type NodeViewContext,\n  type PreactRendererResult,\n} from '@prosemirror-adapter/preact'\nimport { createElement, type ComponentType } from 'preact'\nimport { createPortal } from 'preact/compat'\n\n/**\n * @public\n */\nexport interface PreactNodeViewProps extends NodeViewContext {}\n\n/**\n * @public\n */\nexport type PreactNodeViewComponent = ComponentType<PreactNodeViewProps>\n\n/**\n * Options for {@link definePreactNodeView}.\n *\n * @public\n */\nexport interface PreactNodeViewOptions extends CoreNodeViewUserOptions<PreactNodeViewComponent> {\n  /**\n   * The name of the node type.\n   */\n  name: string\n}\n\nclass ProseKitPreactNodeView extends AbstractPreactNodeView<PreactNodeViewComponent> {\n  render = () => {\n    const UserComponent = this.component\n    const props = { ...this.context }\n    return createPortal(\n      createElement(UserComponent, props),\n      this.dom,\n    )\n  }\n}\n\n/**\n * @internal\n */\nexport function definePreactNodeViewFactory(\n  renderPreactRenderer: PreactRendererResult['renderPreactRenderer'],\n  removePreactRenderer: PreactRendererResult['removePreactRenderer'],\n): Extension {\n  const factory = buildPreactNodeViewCreator(renderPreactRenderer, removePreactRenderer, ProseKitPreactNodeView)\n  return defineNodeViewFactory<PreactNodeViewOptions>({\n    group: 'preact',\n    factory,\n  })\n}\n\n/**\n * Defines a node view using a Preact component.\n *\n * @public\n */\nexport function definePreactNodeView(options: PreactNodeViewOptions): Extension {\n  return defineNodeViewComponent<PreactNodeViewOptions>({\n    group: 'preact',\n    name: options.name,\n    args: options,\n  })\n}\n","import { EditorNotFoundError, type Editor, type Extension } from '@prosekit/core'\nimport { queueExtension } from '@prosekit/web'\nimport { useEffect } from 'preact/hooks'\n\n/**\n * @internal\n */\nexport function useEditorExtension(\n  editor: Editor | null | undefined,\n  extension: Extension | null,\n): void {\n  if (!editor) {\n    throw new EditorNotFoundError()\n  }\n\n  useEffect(() => {\n    if (extension) {\n      return queueExtension(editor, extension)\n    }\n  }, [editor, extension])\n}\n","import { union, type Editor } from '@prosekit/core'\nimport { usePreactRenderer } from '@prosemirror-adapter/preact'\nimport { createElement, Fragment, type ComponentChildren, type ComponentType } from 'preact'\nimport { useMemo } from 'preact/hooks'\n\nimport { definePreactMarkViewFactory } from '../extensions/preact-mark-view.ts'\nimport { definePreactNodeViewFactory } from '../extensions/preact-node-view.ts'\nimport { useEditorExtension } from '../hooks/use-editor-extension.ts'\n\ninterface ViewRendererProps {\n  editor: Editor\n  children: ComponentChildren\n}\n\nexport const ViewRenderer: ComponentType<ViewRendererProps> = ({ editor, children }) => {\n  const { renderPreactRenderer, removePreactRenderer, render } = usePreactRenderer()\n\n  const extension = useMemo(() => {\n    return union([\n      definePreactMarkViewFactory(renderPreactRenderer, removePreactRenderer),\n      definePreactNodeViewFactory(renderPreactRenderer, removePreactRenderer),\n    ])\n  }, [renderPreactRenderer, removePreactRenderer])\n\n  useEditorExtension(editor, extension)\n\n  return createElement(Fragment, null, createElement(Fragment, null, children), createElement(Fragment, null, render()))\n}\n","import type { Editor } from '@prosekit/core'\nimport { createElement, type ComponentChildren, type ComponentType } from 'preact'\n\nimport { EditorContextProvider } from '../contexts/editor-context.ts'\n\nimport { ViewRenderer } from './view-renderer.ts'\n\nexport interface ProseKitProps {\n  editor: Editor\n  children?: ComponentChildren\n}\n\n/**\n * The root component for a ProseKit editor.\n *\n * @public\n */\nexport const ProseKit: ComponentType<ProseKitProps> = (props) => {\n  const { editor, children } = props\n\n  return createElement(\n    EditorContextProvider,\n    { value: editor },\n    createElement(\n      ViewRenderer,\n      { editor, children },\n    ),\n  )\n}\n","import { useCallback, useLayoutEffect, useRef } from 'preact/hooks'\n\n/**\n * @internal\n */\nexport function useEventCallback<Args extends unknown[], Return>(\n  callback: (...args: Args) => Return,\n): (...args: Args) => Return {\n  const callbackRef = useRef(callback)\n  useLayoutEffect(() => {\n    callbackRef.current = callback\n  }, [callback])\n  return useCallback((...args: Args) => callbackRef.current(...args), [])\n}\n","import { withPriority, type Extension, type Priority } from '@prosekit/core'\nimport { useMemo } from 'preact/hooks'\n\n/**\n * @internal\n */\nexport function usePriorityExtension<T extends Extension = Extension>(\n  extension: T | null,\n  priority?: Priority | null,\n): T | null {\n  return useMemo(() => {\n    return extension && priority ? withPriority(extension, priority) : extension\n  }, [extension, priority])\n}\n","import type { Editor, Extension, Priority } from '@prosekit/core'\n\nimport { useEditorContext } from '../contexts/editor-context.ts'\n\nimport { useEditorExtension } from './use-editor-extension.ts'\nimport { usePriorityExtension } from './use-priority-extension.ts'\n\nexport interface UseExtensionOptions {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: Editor\n\n  /**\n   * Optional priority to add the extension with.\n   */\n  priority?: Priority\n}\n\n/**\n * Add an extension to the editor.\n */\nexport function useExtension(\n  /**\n   * The extension to add to the editor. If it changes, the previous\n   * extension will be removed and the new one (if not null) will be added.\n   */\n  extension: Extension | null,\n  options?: UseExtensionOptions,\n): void {\n  const editorContext = useEditorContext()\n  useEditorExtension(\n    options?.editor || editorContext,\n    usePriorityExtension(extension, options?.priority),\n  )\n}\n","import { defineDocChangeHandler } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\nimport { useMemo } from 'preact/hooks'\n\nimport { useEventCallback } from './use-event-callback.ts'\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\n/**\n * Calls the given handler whenever the editor document changes.\n *\n * @public\n */\nexport function useDocChange(\n  handler: (doc: ProseMirrorNode) => void,\n  options?: UseExtensionOptions,\n): void {\n  const memoizedHandler = useEventCallback(handler)\n  const extension = useMemo(\n    () => defineDocChangeHandler((view) => memoizedHandler(view.state.doc)),\n    [memoizedHandler],\n  )\n  useExtension(extension, options)\n}\n","import { defineMountHandler, defineUpdateHandler, EditorNotFoundError, union, type Editor, type Extension } from '@prosekit/core'\nimport { useSyncExternalStore } from 'preact/compat'\nimport { useMemo } from 'preact/hooks'\n\nimport { useEditorContext } from '../contexts/editor-context.ts'\n\nexport interface UseEditorDerivedOptions<E extends Extension = any> {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: Editor<E>\n}\n\n/**\n * Runs a function to derive a value from the editor instance after editor state\n * changes.\n *\n * This is useful when you need to render something based on the editor state,\n * for example, whether the selected text is wrapped in an italic mark.\n *\n * It returns the derived value that updates whenever the editor state changes.\n *\n * @public\n */\nexport function useEditorDerivedValue<E extends Extension, Derived>(\n  /**\n   * A function that receives the editor instance and returns a derived value.\n   *\n   * It will be called whenever the editor's document state changes, or when it\n   * mounts.\n   *\n   * This function should be memoized.\n   */\n  derive: (editor: Editor<E>) => Derived,\n  options?: UseEditorDerivedOptions<E>,\n): Derived {\n  const editorContext = useEditorContext<E>()\n  const editor = options?.editor ?? editorContext\n  if (!editor) {\n    throw new EditorNotFoundError()\n  }\n\n  const [subscribe, getSnapshot] = useMemo(() => {\n    return createEditorStore(editor, derive)\n  }, [editor, derive])\n\n  return useSyncExternalStore(subscribe, getSnapshot)\n}\n\nfunction createEditorStore<Derived, E extends Extension = any>(editor: Editor<E>, derive: (editor: Editor<E>) => Derived) {\n  let dirty = true\n  let derived: Derived\n\n  const subscribe = (onChange: VoidFunction): VoidFunction => {\n    const handleChange = () => {\n      dirty = true\n      onChange()\n    }\n    const extension = union(\n      defineUpdateHandler(handleChange),\n      defineMountHandler(handleChange),\n    )\n    return editor.use(extension)\n  }\n\n  const getSnapshot = () => {\n    if (dirty) {\n      dirty = false\n      derived = derive(editor)\n    }\n    return derived\n  }\n\n  return [subscribe, getSnapshot] as const\n}\n","import { defineMountHandler, defineUpdateHandler, ProseKitError, union, type Editor, type Extension } from '@prosekit/core'\nimport { useEffect, useReducer } from 'preact/hooks'\n\nimport { useEditorContext } from '../contexts/editor-context.ts'\n\n/**\n * Retrieves the editor instance from the nearest ProseKit component.\n *\n * @public\n */\nexport function useEditor<E extends Extension = any>(options?: {\n  /**\n   * Whether to update the component when the editor is mounted or editor state\n   * is updated.\n   *\n   * @default false\n   */\n  update?: boolean\n}): Editor<E> {\n  const update = options?.update ?? false\n\n  const editor = useEditorContext<E>()\n  if (!editor) {\n    throw new ProseKitError(\n      'useEditor must be used within the ProseKit component',\n    )\n  }\n\n  const forceUpdate = useForceUpdate()\n\n  useEffect(() => {\n    if (update) {\n      const extension = union(\n        defineMountHandler(forceUpdate),\n        defineUpdateHandler(forceUpdate),\n      )\n      return editor.use(extension)\n    }\n  }, [editor, update, forceUpdate])\n\n  return editor\n}\n\nfunction useForceUpdate() {\n  const [, dispatch] = useReducer((x: number) => x + 1, 0)\n  return dispatch\n}\n","import { defineKeymap, type Keymap } from '@prosekit/core'\nimport { useMemo } from 'preact/hooks'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\nexport function useKeymap(keymap: Keymap, options?: UseExtensionOptions): void {\n  const extension = useMemo(() => defineKeymap(keymap), [keymap])\n  useExtension(extension, options)\n}\n","import { defineUpdateHandler } from '@prosekit/core'\nimport type { EditorState } from '@prosekit/pm/state'\nimport { useMemo } from 'preact/hooks'\n\nimport { useEventCallback } from './use-event-callback.ts'\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\n/**\n * Calls the given handler whenever the editor state changes.\n *\n * @public\n */\nexport function useStateUpdate(\n  handler: (state: EditorState) => void,\n  options?: UseExtensionOptions,\n): void {\n  const memoizedHandler = useEventCallback(handler)\n  const extension = useMemo(\n    () => defineUpdateHandler((view) => memoizedHandler(view.state)),\n    [memoizedHandler],\n  )\n  useExtension(extension, options)\n}\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/preact",
   "type": "module",
-  "version": "0.7.0-beta.2",
+  "version": "0.7.0-beta.4",
   "private": false,
   "description": "Preact components and utilities for ProseKit",
   "author": {
@@ -75,8 +75,8 @@
     "@prosemirror-adapter/core": "^0.5.3",
     "@prosemirror-adapter/preact": "^0.5.3",
     "@prosekit/core": "^0.12.0-beta.0",
-    "@prosekit/pm": "^0.1.15",
-    "@prosekit/web": "^0.8.0-beta.2"
+    "@prosekit/web": "^0.8.0-beta.4",
+    "@prosekit/pm": "^0.1.15"
   },
   "peerDependencies": {
     "preact": ">= 10.11.0"
@@ -94,8 +94,8 @@
     "vitest-browser-preact": "^1.0.0",
     "@prosekit/config-ts": "0.0.0",
     "@prosekit/config-vitest": "0.0.0",
-    "@prosekit/config-tsdown": "0.0.0",
-    "@prosekit/testing": "0.0.0"
+    "@prosekit/testing": "0.0.0",
+    "@prosekit/config-tsdown": "0.0.0"
   },
   "publishConfig": {
     "dev": {}

package/src/components/autocomplete/autocomplete-empty.gen.ts

@@ -1,18 +1,12 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerAutocompleteEmptyElement, type AutocompleteEmptyElement } from '@prosekit/web/autocomplete';
 import { createElement, type HTMLAttributes, type Ref } from 'preact';
 import { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';
 import { useCallback, useRef } from 'preact/hooks';
 
-/**
- * Props for the {@link AutocompleteEmpty} Preact component.
- *
- * @public
- */
-export interface AutocompleteEmptyProps extends HTMLAttributes<AutocompleteEmptyElement> {}
+/** Props for the {@link AutocompleteEmpty} Preact component. */
+export interface AutocompleteEmptyProps {}
 
 function AutocompleteEmptyComponent(props: AutocompleteEmptyProps, forwardedRef: Ref<AutocompleteEmptyElement>) {
   registerAutocompleteEmptyElement();
@@ -36,9 +30,5 @@ function AutocompleteEmptyComponent(props: AutocompleteEmptyProps, forwardedRef:
   return createElement('prosekit-autocomplete-empty', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A Preact component that renders an `prosekit-autocomplete-empty` custom element.
- *
- * @public
- */
-export const AutocompleteEmpty: ForwardRefExoticComponent<AutocompleteEmptyProps & RefAttributes<AutocompleteEmptyElement>> = /* @__PURE__ */ forwardRef(AutocompleteEmptyComponent);
+/** A Preact component that renders an `prosekit-autocomplete-empty` custom element. */
+export const AutocompleteEmpty: ForwardRefExoticComponent<AutocompleteEmptyProps & HTMLAttributes<AutocompleteEmptyElement> & RefAttributes<AutocompleteEmptyElement>> = /* @__PURE__ */ forwardRef(AutocompleteEmptyComponent);

package/src/components/autocomplete/autocomplete-item.gen.ts

@@ -1,18 +1,12 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerAutocompleteItemElement, type AutocompleteItemElement, type AutocompleteItemProps as AutocompleteItemElementProps, type AutocompleteItemEvents } from '@prosekit/web/autocomplete';
 import { createElement, type HTMLAttributes, type Ref } from 'preact';
 import { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';
 import { useCallback, useRef, useLayoutEffect } from 'preact/hooks';
 
-/**
- * Props for the {@link AutocompleteItem} Preact component.
- *
- * @public
- */
-export interface AutocompleteItemProps extends Omit<HTMLAttributes<AutocompleteItemElement>, 'onSelect'> {
+/** Props for the {@link AutocompleteItem} Preact component. */
+export interface AutocompleteItemProps {
   /**
    * The value of the item, which will be matched against the query.
    *
@@ -77,11 +71,5 @@ function AutocompleteItemComponent(props: AutocompleteItemProps, forwardedRef: R
   return createElement('prosekit-autocomplete-item', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A Preact component that renders an `prosekit-autocomplete-item` custom element.
- *
- * @public
- */
-export const AutocompleteItem: ForwardRefExoticComponent<AutocompleteItemProps & RefAttributes<AutocompleteItemElement>> = /* @__PURE__ */ forwardRef(AutocompleteItemComponent);
-
-export type { AutocompleteItemEvents };
+/** A Preact component that renders an `prosekit-autocomplete-item` custom element. */
+export const AutocompleteItem: ForwardRefExoticComponent<AutocompleteItemProps & Omit<HTMLAttributes<AutocompleteItemElement>, 'onSelect'> & RefAttributes<AutocompleteItemElement>> = /* @__PURE__ */ forwardRef(AutocompleteItemComponent);

package/src/components/autocomplete/autocomplete-popup.gen.ts

@@ -1,18 +1,12 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerAutocompletePopupElement, type AutocompletePopupElement, type AutocompletePopupEvents } from '@prosekit/web/autocomplete';
 import { createElement, type HTMLAttributes, type Ref } from 'preact';
 import { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';
 import { useCallback, useRef, useLayoutEffect } from 'preact/hooks';
 
-/**
- * Props for the {@link AutocompletePopup} Preact component.
- *
- * @public
- */
-export interface AutocompletePopupProps extends HTMLAttributes<AutocompletePopupElement> {
+/** Props for the {@link AutocompletePopup} Preact component. */
+export interface AutocompletePopupProps {
   /**
    * Emitted when the selected value changes. Only available when multiple is
    * false.
@@ -70,11 +64,5 @@ function AutocompletePopupComponent(props: AutocompletePopupProps, forwardedRef:
   return createElement('prosekit-autocomplete-popup', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A Preact component that renders an `prosekit-autocomplete-popup` custom element.
- *
- * @public
- */
-export const AutocompletePopup: ForwardRefExoticComponent<AutocompletePopupProps & RefAttributes<AutocompletePopupElement>> = /* @__PURE__ */ forwardRef(AutocompletePopupComponent);
-
-export type { AutocompletePopupEvents };
+/** A Preact component that renders an `prosekit-autocomplete-popup` custom element. */
+export const AutocompletePopup: ForwardRefExoticComponent<AutocompletePopupProps & HTMLAttributes<AutocompletePopupElement> & RefAttributes<AutocompletePopupElement>> = /* @__PURE__ */ forwardRef(AutocompletePopupComponent);

package/src/components/autocomplete/autocomplete-positioner.gen.ts

@@ -1,18 +1,12 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerAutocompletePositionerElement, type AutocompletePositionerElement, type AutocompletePositionerProps as AutocompletePositionerElementProps } from '@prosekit/web/autocomplete';
 import { createElement, type HTMLAttributes, type Ref } from 'preact';
 import { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';
 import { useCallback, useRef, useLayoutEffect } from 'preact/hooks';
 
-/**
- * Props for the {@link AutocompletePositioner} Preact component.
- *
- * @public
- */
-export interface AutocompletePositionerProps extends HTMLAttributes<AutocompletePositionerElement> {
+/** Props for the {@link AutocompletePositioner} Preact component. */
+export interface AutocompletePositionerProps {
   /**
    * The placement of the popover, relative to the text cursor.
    *
@@ -145,9 +139,5 @@ function AutocompletePositionerComponent(props: AutocompletePositionerProps, for
   return createElement('prosekit-autocomplete-positioner', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A Preact component that renders an `prosekit-autocomplete-positioner` custom element.
- *
- * @public
- */
-export const AutocompletePositioner: ForwardRefExoticComponent<AutocompletePositionerProps & RefAttributes<AutocompletePositionerElement>> = /* @__PURE__ */ forwardRef(AutocompletePositionerComponent);
+/** A Preact component that renders an `prosekit-autocomplete-positioner` custom element. */
+export const AutocompletePositioner: ForwardRefExoticComponent<AutocompletePositionerProps & HTMLAttributes<AutocompletePositionerElement> & RefAttributes<AutocompletePositionerElement>> = /* @__PURE__ */ forwardRef(AutocompletePositionerComponent);

package/src/components/autocomplete/autocomplete-root.gen.ts

@@ -1,6 +1,4 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerAutocompleteRootElement, type AutocompleteRootElement, type AutocompleteRootProps as AutocompleteRootElementProps, type AutocompleteRootEvents } from '@prosekit/web/autocomplete';
 import { createElement, type HTMLAttributes, type Ref } from 'preact';
@@ -9,12 +7,8 @@ import { useCallback, useRef, useLayoutEffect } from 'preact/hooks';
 
 import { useEditorContext } from '../../contexts/editor-context.ts';
 
-/**
- * Props for the {@link AutocompleteRoot} Preact component.
- *
- * @public
- */
-export interface AutocompleteRootProps extends HTMLAttributes<AutocompleteRootElement> {
+/** Props for the {@link AutocompleteRoot} Preact component. */
+export interface AutocompleteRootProps {
   /**
    * The ProseKit editor instance.
    *
@@ -99,11 +93,5 @@ function AutocompleteRootComponent(props: AutocompleteRootProps, forwardedRef: R
   return createElement('prosekit-autocomplete-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
 }
 
-/**
- * A Preact component that renders an `prosekit-autocomplete-root` custom element.
- *
- * @public
- */
-export const AutocompleteRoot: ForwardRefExoticComponent<AutocompleteRootProps & RefAttributes<AutocompleteRootElement>> = /* @__PURE__ */ forwardRef(AutocompleteRootComponent);
-
-export type { AutocompleteRootEvents };
+/** A Preact component that renders an `prosekit-autocomplete-root` custom element. */
+export const AutocompleteRoot: ForwardRefExoticComponent<AutocompleteRootProps & HTMLAttributes<AutocompleteRootElement> & RefAttributes<AutocompleteRootElement>> = /* @__PURE__ */ forwardRef(AutocompleteRootComponent);

package/src/components/autocomplete/index.gen.ts

@@ -1,15 +1,11 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 export { AutocompleteEmpty, type AutocompleteEmptyProps } from './autocomplete-empty.gen.ts';
 
-export { AutocompleteItem, type AutocompleteItemProps, type AutocompleteItemEvents } from './autocomplete-item.gen.ts';
+export { AutocompleteItem, type AutocompleteItemProps } from './autocomplete-item.gen.ts';
 
-export { AutocompletePopup, type AutocompletePopupProps, type AutocompletePopupEvents } from './autocomplete-popup.gen.ts';
+export { AutocompletePopup, type AutocompletePopupProps } from './autocomplete-popup.gen.ts';
 
 export { AutocompletePositioner, type AutocompletePositionerProps } from './autocomplete-positioner.gen.ts';
 
-export { AutocompleteRoot, type AutocompleteRootProps, type AutocompleteRootEvents } from './autocomplete-root.gen.ts';
-
-export { OpenChangeEvent, QueryChangeEvent, SelectEvent, ValueChangeEvent, ValuesChangeEvent } from '@prosekit/web/autocomplete';
+export { AutocompleteRoot, type AutocompleteRootProps } from './autocomplete-root.gen.ts';