@prosekit/react 0.7.0-beta.3 → 0.7.0-beta.5

package/dist/prosekit-react-block-handle.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react-block-handle.js","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popup.gen.ts","../src/components/block-handle/block-handle-positioner.gen.ts","../src/components/block-handle/block-handle-root.gen.ts"],"sourcesContent":["/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandleAddElement, type BlockHandleAddElement, type BlockHandleAddProps as BlockHandleAddElementProps } from '@prosekit/web/block-handle';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/**\n * Props for the {@link BlockHandleAdd} React component.\n *\n * @public\n */\nexport interface BlockHandleAddProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleAddElementProps['editor'];\n}\n\nfunction BlockHandleAddComponent(props: BlockHandleAddProps, forwardedRef: ForwardedRef<BlockHandleAddElement>) {\n  registerBlockHandleAddElement();\n\n  const elementRef = useRef<BlockHandleAddElement>(null);\n\n  const p0Fallback = useEditorContext();\n\n  const { editor: p0, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { editor: p0 ?? p0Fallback });\n  });\n\n  const mergedRef = useCallback(\n    (element: BlockHandleAddElement | 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-block-handle-add', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A React component that renders an `prosekit-block-handle-add` custom element.\n *\n * @public\n */\nexport const BlockHandleAdd: ForwardRefExoticComponent<BlockHandleAddProps & HTMLAttributes<BlockHandleAddElement> & RefAttributes<BlockHandleAddElement>> = /* @__PURE__ */ forwardRef(BlockHandleAddComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandleDraggableElement, type BlockHandleDraggableElement, type BlockHandleDraggableProps as BlockHandleDraggableElementProps } from '@prosekit/web/block-handle';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/**\n * Props for the {@link BlockHandleDraggable} React component.\n *\n * @public\n */\nexport interface BlockHandleDraggableProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleDraggableElementProps['editor'];\n}\n\nfunction BlockHandleDraggableComponent(props: BlockHandleDraggableProps, forwardedRef: ForwardedRef<BlockHandleDraggableElement>) {\n  registerBlockHandleDraggableElement();\n\n  const elementRef = useRef<BlockHandleDraggableElement>(null);\n\n  const p0Fallback = useEditorContext();\n\n  const { editor: p0, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { editor: p0 ?? p0Fallback });\n  });\n\n  const mergedRef = useCallback(\n    (element: BlockHandleDraggableElement | 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-block-handle-draggable', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A React component that renders an `prosekit-block-handle-draggable` custom element.\n *\n * @public\n */\nexport const BlockHandleDraggable: ForwardRefExoticComponent<BlockHandleDraggableProps & HTMLAttributes<BlockHandleDraggableElement> & RefAttributes<BlockHandleDraggableElement>> = /* @__PURE__ */ forwardRef(BlockHandleDraggableComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandlePopupElement, type BlockHandlePopupElement } from '@prosekit/web/block-handle';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from 'react';\n\n/**\n * Props for the {@link BlockHandlePopup} React component.\n *\n * @public\n */\nexport interface BlockHandlePopupProps {}\n\nfunction BlockHandlePopupComponent(props: BlockHandlePopupProps, forwardedRef: ForwardedRef<BlockHandlePopupElement>) {\n  registerBlockHandlePopupElement();\n\n  const elementRef = useRef<BlockHandlePopupElement>(null);\n\n  const { ...restProps } = props;\n\n  const mergedRef = useCallback(\n    (element: BlockHandlePopupElement | 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-block-handle-popup', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A React component that renders an `prosekit-block-handle-popup` custom element.\n *\n * @public\n */\nexport const BlockHandlePopup: ForwardRefExoticComponent<BlockHandlePopupProps & HTMLAttributes<BlockHandlePopupElement> & RefAttributes<BlockHandlePopupElement>> = /* @__PURE__ */ forwardRef(BlockHandlePopupComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandlePositionerElement, type BlockHandlePositionerElement, type BlockHandlePositionerProps as BlockHandlePositionerElementProps } from '@prosekit/web/block-handle';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\n/**\n * Props for the {@link BlockHandlePositioner} React component.\n *\n * @public\n */\nexport interface BlockHandlePositionerProps {\n  /**\n   * The placement of the popover, relative to the hovered block.\n   *\n   * @default \"left\"\n   */\n  placement?: BlockHandlePositionerElementProps['placement'];\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?: BlockHandlePositionerElementProps['hoist'];\n  /**\n   * @default false\n   * @hidden\n   */\n  flip?: BlockHandlePositionerElementProps['flip'];\n  /**\n   * @default false\n   * @hidden\n   */\n  shift?: BlockHandlePositionerElementProps['shift'];\n  /**\n   * @default true\n   * @hidden\n   */\n  hide?: BlockHandlePositionerElementProps['hide'];\n  /**\n   * The strategy to use for positioning\n   *\n   * @default \"absolute\"\n   */\n  strategy?: BlockHandlePositionerElementProps['strategy'];\n  /**\n   * Options to activate auto-update listeners\n   *\n   * @see https://floating-ui.com/docs/autoUpdate\n   *\n   * @default true\n   */\n  autoUpdate?: BlockHandlePositionerElementProps['autoUpdate'];\n  /**\n   * The distance between the reference and floating element.\n   *\n   * @default 6\n   */\n  offset?: BlockHandlePositionerElementProps['offset'];\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default false\n   */\n  overlap?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['sameHeight'];\n  /**\n   * Whether to improve positioning for inline reference elements that span over\n   * multiple lines.\n   *\n   * @default false\n   */\n  inline?: BlockHandlePositionerElementProps['inline'];\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?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['altBoundary'];\n}\n\nfunction BlockHandlePositionerComponent(props: BlockHandlePositionerProps, forwardedRef: ForwardedRef<BlockHandlePositionerElement>) {\n  registerBlockHandlePositionerElement();\n\n  const elementRef = useRef<BlockHandlePositionerElement>(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: BlockHandlePositionerElement | 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-block-handle-positioner', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A React component that renders an `prosekit-block-handle-positioner` custom element.\n *\n * @public\n */\nexport const BlockHandlePositioner: ForwardRefExoticComponent<BlockHandlePositionerProps & HTMLAttributes<BlockHandlePositionerElement> & RefAttributes<BlockHandlePositionerElement>> = /* @__PURE__ */ forwardRef(BlockHandlePositionerComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandleRootElement, type BlockHandleRootElement, type BlockHandleRootProps as BlockHandleRootElementProps, type BlockHandleRootEvents } from '@prosekit/web/block-handle';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/**\n * Props for the {@link BlockHandleRoot} React component.\n *\n * @public\n */\nexport interface BlockHandleRootProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleRootElementProps['editor'];\n  /** Fired when the hovered block changes. */\n  onStateChange?: (event: BlockHandleRootEvents['stateChange']) => void;\n}\n\nfunction BlockHandleRootComponent(props: BlockHandleRootProps, forwardedRef: ForwardedRef<BlockHandleRootElement>) {\n  registerBlockHandleRootElement();\n\n  const elementRef = useRef<BlockHandleRootElement>(null);\n  const handlersRef = useRef<Array<((event: Event) => void) | undefined>>([]);\n\n  const p0Fallback = useEditorContext();\n\n  const { editor: p0, onStateChange: e0, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { editor: p0 ?? p0Fallback });\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 ['stateChange'].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: BlockHandleRootElement | 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-block-handle-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A React component that renders an `prosekit-block-handle-root` custom element.\n *\n * @public\n */\nexport const BlockHandleRoot: ForwardRefExoticComponent<BlockHandleRootProps & HTMLAttributes<BlockHandleRootElement> & RefAttributes<BlockHandleRootElement>> = /* @__PURE__ */ forwardRef(BlockHandleRootComponent);\n"],"mappings":";;;;;;;AAwBA,SAAS,wBAAwB,OAA4B,cAAmD;AAC9G,gCAA+B;CAE/B,MAAM,aAAa,OAA8B,KAAK;CAEtD,MAAM,aAAa,kBAAkB;CAErC,MAAM,EAAE,QAAQ,IAAI,GAAG,cAAc;AAErC,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;AACd,SAAO,OAAO,SAAS,EAAE,QAAQ,MAAM,YAAY,CAAC;GACpD;CAEF,MAAM,YAAY,aACf,YAA0C;AACzC,aAAW,UAAU;AACrB,MAAI,OAAO,iBAAiB,WAC1B,cAAa,QAAQ;WACZ,aACT,cAAa,UAAU;IAG3B,CAAC,aAAa,CACf;AAED,QAAO,cAAc,6BAA6B;EAAE,GAAG;EAAW,KAAK;EAAW,0BAA0B;EAAM,CAAC;;;;;;;AAQrH,MAAa,iBAAgK,2BAAW,wBAAwB;;;;;;ACnChN,SAAS,8BAA8B,OAAkC,cAAyD;AAChI,sCAAqC;CAErC,MAAM,aAAa,OAAoC,KAAK;CAE5D,MAAM,aAAa,kBAAkB;CAErC,MAAM,EAAE,QAAQ,IAAI,GAAG,cAAc;AAErC,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;AACd,SAAO,OAAO,SAAS,EAAE,QAAQ,MAAM,YAAY,CAAC;GACpD;CAEF,MAAM,YAAY,aACf,YAAgD;AAC/C,aAAW,UAAU;AACrB,MAAI,OAAO,iBAAiB,WAC1B,cAAa,QAAQ;WACZ,aACT,cAAa,UAAU;IAG3B,CAAC,aAAa,CACf;AAED,QAAO,cAAc,mCAAmC;EAAE,GAAG;EAAW,KAAK;EAAW,0BAA0B;EAAM,CAAC;;;;;;;AAQ3H,MAAa,uBAAwL,2BAAW,8BAA8B;;;;;;AC7C9O,SAAS,0BAA0B,OAA8B,cAAqD;AACpH,kCAAiC;CAEjC,MAAM,aAAa,OAAgC,KAAK;CAExD,MAAM,EAAE,GAAG,cAAc;CAEzB,MAAM,YAAY,aACf,YAA4C;AAC3C,aAAW,UAAU;AACrB,MAAI,OAAO,iBAAiB,WAC1B,cAAa,QAAQ;WACZ,aACT,cAAa,UAAU;IAG3B,CAAC,aAAa,CACf;AAED,QAAO,cAAc,+BAA+B;EAAE,GAAG;EAAW,KAAK;EAAW,0BAA0B;EAAM,CAAC;;;;;;;AAQvH,MAAa,mBAAwK,2BAAW,0BAA0B;;;;;;AC8F1N,SAAS,+BAA+B,OAAmC,cAA0D;AACnI,uCAAsC;CAEtC,MAAM,aAAa,OAAqC,KAAK;CAE7D,MAAM,EAAE,aAAa,IAAI,YAAY,IAAI,UAAU,IAAI,gBAAgB,IAAI,aAAa,IAAI,MAAM,IAAI,MAAM,IAAI,OAAO,IAAI,QAAQ,IAAI,QAAQ,IAAI,iBAAiB,KAAK,SAAS,KAAK,WAAW,KAAK,cAAc,KAAK,YAAY,KAAK,WAAW,KAAK,OAAO,KAAK,UAAU,KAAK,GAAG,cAAc;AAEvS,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;AACd,SAAO,OAAO,SAAS;GAAE,aAAa;GAAI,YAAY;GAAI,UAAU;GAAI,gBAAgB;GAAI,aAAa;GAAI,MAAM;GAAI,MAAM;GAAI,OAAO;GAAI,QAAQ;GAAI,QAAQ;GAAI,iBAAiB;GAAK,SAAS;GAAK,WAAW;GAAK,cAAc;GAAK,YAAY;GAAK,WAAW;GAAK,OAAO;GAAK,UAAU;GAAK,CAAC;GACxS;CAEF,MAAM,YAAY,aACf,YAAiD;AAChD,aAAW,UAAU;AACrB,MAAI,OAAO,iBAAiB,WAC1B,cAAa,QAAQ;WACZ,aACT,cAAa,UAAU;IAG3B,CAAC,aAAa,CACf;AAED,QAAO,cAAc,oCAAoC;EAAE,GAAG;EAAW,KAAK;EAAW,0BAA0B;EAAM,CAAC;;;;;;;AAQ5H,MAAa,wBAA4L,2BAAW,+BAA+B;;;;;;AC9InP,SAAS,yBAAyB,OAA6B,cAAoD;AACjH,iCAAgC;CAEhC,MAAM,aAAa,OAA+B,KAAK;CACvD,MAAM,cAAc,OAAoD,EAAE,CAAC;CAE3E,MAAM,aAAa,kBAAkB;CAErC,MAAM,EAAE,QAAQ,IAAI,eAAe,IAAI,GAAG,cAAc;AAExD,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;AACd,SAAO,OAAO,SAAS,EAAE,QAAQ,MAAM,YAAY,CAAC;AACpD,cAAY,UAAU,CAAC,GAAG;GAC1B;AAEF,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;EACd,MAAM,KAAK,IAAI,iBAAiB;AAChC,OAAK,MAAM,CAAC,OAAO,cAAc,CAAC,cAAc,CAAC,SAAS,CACxD,SAAQ,iBACN,YACC,UAAiB;AAChB,eAAY,QAAQ,SAAS,MAAM;KAErC,EAAE,QAAQ,GAAG,QAAQ,CACtB;AAEH,eAAa,GAAG,OAAO;IACtB,EAAE,CAAC;CAEN,MAAM,YAAY,aACf,YAA2C;AAC1C,aAAW,UAAU;AACrB,MAAI,OAAO,iBAAiB,WAC1B,cAAa,QAAQ;WACZ,aACT,cAAa,UAAU;IAG3B,CAAC,aAAa,CACf;AAED,QAAO,cAAc,8BAA8B;EAAE,GAAG;EAAW,KAAK;EAAW,0BAA0B;EAAM,CAAC;;;;;;;AAQtH,MAAa,kBAAoK,2BAAW,yBAAyB"}
+{"version":3,"file":"prosekit-react-block-handle.js","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popup.gen.ts","../src/components/block-handle/block-handle-positioner.gen.ts","../src/components/block-handle/block-handle-root.gen.ts","../src/components/block-handle/index.ts"],"sourcesContent":["// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerBlockHandleAddElement, type BlockHandleAddElement, type BlockHandleAddProps as BlockHandleAddElementProps } from '@prosekit/web/block-handle';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/** Props for the {@link BlockHandleAdd} React component. */\nexport interface BlockHandleAddProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleAddElementProps['editor'];\n}\n\nfunction BlockHandleAddComponent(props: BlockHandleAddProps, forwardedRef: ForwardedRef<BlockHandleAddElement>) {\n  registerBlockHandleAddElement();\n\n  const elementRef = useRef<BlockHandleAddElement>(null);\n\n  const p0Fallback = useEditorContext();\n\n  const { editor: p0, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { editor: p0 ?? p0Fallback });\n  });\n\n  const mergedRef = useCallback(\n    (element: BlockHandleAddElement | 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-block-handle-add', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/** A React component that renders an `prosekit-block-handle-add` custom element. */\nexport const BlockHandleAdd: ForwardRefExoticComponent<BlockHandleAddProps & HTMLAttributes<BlockHandleAddElement> & RefAttributes<BlockHandleAddElement>> = /* @__PURE__ */ forwardRef(BlockHandleAddComponent);\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerBlockHandleDraggableElement, type BlockHandleDraggableElement, type BlockHandleDraggableProps as BlockHandleDraggableElementProps } from '@prosekit/web/block-handle';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/** Props for the {@link BlockHandleDraggable} React component. */\nexport interface BlockHandleDraggableProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleDraggableElementProps['editor'];\n}\n\nfunction BlockHandleDraggableComponent(props: BlockHandleDraggableProps, forwardedRef: ForwardedRef<BlockHandleDraggableElement>) {\n  registerBlockHandleDraggableElement();\n\n  const elementRef = useRef<BlockHandleDraggableElement>(null);\n\n  const p0Fallback = useEditorContext();\n\n  const { editor: p0, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { editor: p0 ?? p0Fallback });\n  });\n\n  const mergedRef = useCallback(\n    (element: BlockHandleDraggableElement | 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-block-handle-draggable', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/** A React component that renders an `prosekit-block-handle-draggable` custom element. */\nexport const BlockHandleDraggable: ForwardRefExoticComponent<BlockHandleDraggableProps & HTMLAttributes<BlockHandleDraggableElement> & RefAttributes<BlockHandleDraggableElement>> = /* @__PURE__ */ forwardRef(BlockHandleDraggableComponent);\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerBlockHandlePopupElement, type BlockHandlePopupElement } from '@prosekit/web/block-handle';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from 'react';\n\n/** Props for the {@link BlockHandlePopup} React component. */\nexport interface BlockHandlePopupProps {}\n\nfunction BlockHandlePopupComponent(props: BlockHandlePopupProps, forwardedRef: ForwardedRef<BlockHandlePopupElement>) {\n  registerBlockHandlePopupElement();\n\n  const elementRef = useRef<BlockHandlePopupElement>(null);\n\n  const { ...restProps } = props;\n\n  const mergedRef = useCallback(\n    (element: BlockHandlePopupElement | 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-block-handle-popup', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/** A React component that renders an `prosekit-block-handle-popup` custom element. */\nexport const BlockHandlePopup: ForwardRefExoticComponent<BlockHandlePopupProps & HTMLAttributes<BlockHandlePopupElement> & RefAttributes<BlockHandlePopupElement>> = /* @__PURE__ */ forwardRef(BlockHandlePopupComponent);\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerBlockHandlePositionerElement, type BlockHandlePositionerElement, type BlockHandlePositionerProps as BlockHandlePositionerElementProps } from '@prosekit/web/block-handle';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\n/** Props for the {@link BlockHandlePositioner} React component. */\nexport interface BlockHandlePositionerProps {\n  /**\n   * The placement of the popover, relative to the hovered block.\n   *\n   * @default \"left\"\n   */\n  placement?: BlockHandlePositionerElementProps['placement'];\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?: BlockHandlePositionerElementProps['hoist'];\n  /**\n   * @default false\n   * @hidden\n   */\n  flip?: BlockHandlePositionerElementProps['flip'];\n  /**\n   * @default false\n   * @hidden\n   */\n  shift?: BlockHandlePositionerElementProps['shift'];\n  /**\n   * @default true\n   * @hidden\n   */\n  hide?: BlockHandlePositionerElementProps['hide'];\n  /**\n   * The strategy to use for positioning\n   *\n   * @default \"absolute\"\n   */\n  strategy?: BlockHandlePositionerElementProps['strategy'];\n  /**\n   * Options to activate auto-update listeners\n   *\n   * @see https://floating-ui.com/docs/autoUpdate\n   *\n   * @default true\n   */\n  autoUpdate?: BlockHandlePositionerElementProps['autoUpdate'];\n  /**\n   * The distance between the reference and floating element.\n   *\n   * @default 6\n   */\n  offset?: BlockHandlePositionerElementProps['offset'];\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default false\n   */\n  overlap?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['sameHeight'];\n  /**\n   * Whether to improve positioning for inline reference elements that span over\n   * multiple lines.\n   *\n   * @default false\n   */\n  inline?: BlockHandlePositionerElementProps['inline'];\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?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['altBoundary'];\n}\n\nfunction BlockHandlePositionerComponent(props: BlockHandlePositionerProps, forwardedRef: ForwardedRef<BlockHandlePositionerElement>) {\n  registerBlockHandlePositionerElement();\n\n  const elementRef = useRef<BlockHandlePositionerElement>(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: BlockHandlePositionerElement | 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-block-handle-positioner', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/** A React component that renders an `prosekit-block-handle-positioner` custom element. */\nexport const BlockHandlePositioner: ForwardRefExoticComponent<BlockHandlePositionerProps & HTMLAttributes<BlockHandlePositionerElement> & RefAttributes<BlockHandlePositionerElement>> = /* @__PURE__ */ forwardRef(BlockHandlePositionerComponent);\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerBlockHandleRootElement, type BlockHandleRootElement, type BlockHandleRootProps as BlockHandleRootElementProps, type BlockHandleRootEvents } from '@prosekit/web/block-handle';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/** Props for the {@link BlockHandleRoot} React component. */\nexport interface BlockHandleRootProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleRootElementProps['editor'];\n  /** Fired when the hovered block changes. */\n  onStateChange?: (event: BlockHandleRootEvents['stateChange']) => void;\n}\n\nfunction BlockHandleRootComponent(props: BlockHandleRootProps, forwardedRef: ForwardedRef<BlockHandleRootElement>) {\n  registerBlockHandleRootElement();\n\n  const elementRef = useRef<BlockHandleRootElement>(null);\n  const handlersRef = useRef<Array<((event: Event) => void) | undefined>>([]);\n\n  const p0Fallback = useEditorContext();\n\n  const { editor: p0, onStateChange: e0, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { editor: p0 ?? p0Fallback });\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 ['stateChange'].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: BlockHandleRootElement | 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-block-handle-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/** A React component that renders an `prosekit-block-handle-root` custom element. */\nexport const BlockHandleRoot: ForwardRefExoticComponent<BlockHandleRootProps & HTMLAttributes<BlockHandleRootElement> & RefAttributes<BlockHandleRootElement>> = /* @__PURE__ */ forwardRef(BlockHandleRootComponent);\n","/**\n\n@module\n\n## Anatomy\n\n```jsx\nimport {\n  BlockHandleAdd,\n  BlockHandleDraggable,\n  BlockHandlePopup,\n  BlockHandlePositioner,\n  BlockHandleRoot,\n} from 'prosekit/react/block-handle'\n\n<BlockHandleRoot>\n  <BlockHandlePositioner>\n    <BlockHandlePopup>\n      <BlockHandleAdd>...</BlockHandleAdd>\n      <BlockHandleDraggable>...</BlockHandleDraggable>\n    </BlockHandlePopup>\n  </BlockHandlePositioner>\n</BlockHandleRoot>\n```\n*/\n\n'use client'\n\nexport * from './index.gen.ts'\n"],"mappings":"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"}

package/dist/prosekit-react-drop-indicator.d.ts

@@ -1,12 +1,6 @@
 import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
 import { DropIndicatorElement, DropIndicatorProps as DropIndicatorProps$1 } from "@prosekit/web/drop-indicator";
-
-//#region src/components/drop-indicator/drop-indicator.gen.d.ts
-/**
- * Props for the {@link DropIndicator} React component.
- *
- * @public
- */
+/** Props for the {@link DropIndicator} React component. */
 interface DropIndicatorProps {
   /**
    * The ProseKit editor instance.
@@ -22,12 +16,7 @@ interface DropIndicatorProps {
    */
   width?: DropIndicatorProps$1['width'];
 }
-/**
- * A React component that renders an `prosekit-drop-indicator` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-drop-indicator` custom element. */
 declare const DropIndicator: ForwardRefExoticComponent<DropIndicatorProps & HTMLAttributes<DropIndicatorElement> & RefAttributes<DropIndicatorElement>>;
-//#endregion
 export { DropIndicator, type DropIndicatorProps };
 //# sourceMappingURL=prosekit-react-drop-indicator.d.ts.map

package/dist/prosekit-react-drop-indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react-drop-indicator.d.ts","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"mappings":";;;;;;;;;UAciB,kBAAA;EAaP;;;AAsCV;;;EA5CE,MAAA,GAAS,oBAAA;EA4C+E;;;;;EAtCxF,KAAA,GAAQ,oBAAA;AAAA;;;;;;cAsCG,aAAA,EAAe,yBAAA,CAA0B,kBAAA,GAAqB,cAAA,CAAe,oBAAA,IAAwB,aAAA,CAAc,oBAAA"}
+{"version":3,"file":"prosekit-react-drop-indicator.d.ts","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"mappings":";;;UAQiB,kBAAA;EAAkB;;;;;;EAOjC,MAAA,GAAS,oBAAA;EAMwB;;AAkCnC;;;EAlCE,KAAA,GAAQ,oBAAA;AAAA;;cAkCG,aAAA,EAAe,yBAAA,CAA0B,kBAAA,GAAqB,cAAA,CAAe,oBAAA,IAAwB,aAAA,CAAc,oBAAA"}

package/dist/prosekit-react-drop-indicator.js

@@ -1,10 +1,7 @@
+"use client";
 import { n as useEditorContext } from "./editor-context.js";
 import { createElement, forwardRef, useCallback, useLayoutEffect, useRef } from "react";
 import { registerDropIndicatorElement } from "@prosekit/web/drop-indicator";
-//#region src/components/drop-indicator/drop-indicator.gen.ts
-/**
-* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
-*/
 function DropIndicatorComponent(props, forwardedRef) {
 	registerDropIndicatorElement();
 	const elementRef = useRef(null);
@@ -29,13 +26,20 @@ function DropIndicatorComponent(props, forwardedRef) {
 		suppressHydrationWarning: true
 	});
 }
+/** A React component that renders an `prosekit-drop-indicator` custom element. */
+const DropIndicator = /* @__PURE__ */ forwardRef(DropIndicatorComponent);
 /**
-* A React component that renders an `prosekit-drop-indicator` custom element.
-*
-* @public
+
+@module
+
+## Anatomy
+
+```jsx
+import { DropIndicator } from 'prosekit/react/drop-indicator'
+
+<DropIndicator />
+```
 */
-const DropIndicator = /* @__PURE__ */ forwardRef(DropIndicatorComponent);
-//#endregion
 export { DropIndicator };
 
 //# sourceMappingURL=prosekit-react-drop-indicator.js.map

package/dist/prosekit-react-drop-indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react-drop-indicator.js","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"sourcesContent":["/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerDropIndicatorElement, type DropIndicatorElement, type DropIndicatorProps as DropIndicatorElementProps } from '@prosekit/web/drop-indicator';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/**\n * Props for the {@link DropIndicator} React component.\n *\n * @public\n */\nexport interface DropIndicatorProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: DropIndicatorElementProps['editor'];\n  /**\n   * The line width in pixels.\n   *\n   * @default 2\n   */\n  width?: DropIndicatorElementProps['width'];\n}\n\nfunction DropIndicatorComponent(props: DropIndicatorProps, forwardedRef: ForwardedRef<DropIndicatorElement>) {\n  registerDropIndicatorElement();\n\n  const elementRef = useRef<DropIndicatorElement>(null);\n\n  const p0Fallback = useEditorContext();\n\n  const { editor: p0, width: p1, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { editor: p0 ?? p0Fallback, width: p1 });\n  });\n\n  const mergedRef = useCallback(\n    (element: DropIndicatorElement | 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-drop-indicator', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A React component that renders an `prosekit-drop-indicator` custom element.\n *\n * @public\n */\nexport const DropIndicator: ForwardRefExoticComponent<DropIndicatorProps & HTMLAttributes<DropIndicatorElement> & RefAttributes<DropIndicatorElement>> = /* @__PURE__ */ forwardRef(DropIndicatorComponent);\n"],"mappings":";;;;;;;AA8BA,SAAS,uBAAuB,OAA2B,cAAkD;AAC3G,+BAA8B;CAE9B,MAAM,aAAa,OAA6B,KAAK;CAErD,MAAM,aAAa,kBAAkB;CAErC,MAAM,EAAE,QAAQ,IAAI,OAAO,IAAI,GAAG,cAAc;AAEhD,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;AACd,SAAO,OAAO,SAAS;GAAE,QAAQ,MAAM;GAAY,OAAO;GAAI,CAAC;GAC/D;CAEF,MAAM,YAAY,aACf,YAAyC;AACxC,aAAW,UAAU;AACrB,MAAI,OAAO,iBAAiB,WAC1B,cAAa,QAAQ;WACZ,aACT,cAAa,UAAU;IAG3B,CAAC,aAAa,CACf;AAED,QAAO,cAAc,2BAA2B;EAAE,GAAG;EAAW,KAAK;EAAW,0BAA0B;EAAM,CAAC;;;;;;;AAQnH,MAAa,gBAA4J,2BAAW,uBAAuB"}
+{"version":3,"file":"prosekit-react-drop-indicator.js","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts","../src/components/drop-indicator/index.ts"],"sourcesContent":["// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerDropIndicatorElement, type DropIndicatorElement, type DropIndicatorProps as DropIndicatorElementProps } from '@prosekit/web/drop-indicator';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/** Props for the {@link DropIndicator} React component. */\nexport interface DropIndicatorProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: DropIndicatorElementProps['editor'];\n  /**\n   * The line width in pixels.\n   *\n   * @default 2\n   */\n  width?: DropIndicatorElementProps['width'];\n}\n\nfunction DropIndicatorComponent(props: DropIndicatorProps, forwardedRef: ForwardedRef<DropIndicatorElement>) {\n  registerDropIndicatorElement();\n\n  const elementRef = useRef<DropIndicatorElement>(null);\n\n  const p0Fallback = useEditorContext();\n\n  const { editor: p0, width: p1, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { editor: p0 ?? p0Fallback, width: p1 });\n  });\n\n  const mergedRef = useCallback(\n    (element: DropIndicatorElement | 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-drop-indicator', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/** A React component that renders an `prosekit-drop-indicator` custom element. */\nexport const DropIndicator: ForwardRefExoticComponent<DropIndicatorProps & HTMLAttributes<DropIndicatorElement> & RefAttributes<DropIndicatorElement>> = /* @__PURE__ */ forwardRef(DropIndicatorComponent);\n","/**\n\n@module\n\n## Anatomy\n\n```jsx\nimport { DropIndicator } from 'prosekit/react/drop-indicator'\n\n<DropIndicator />\n```\n*/\n\n'use client'\n\nexport * from './index.gen.ts'\n"],"mappings":";;;;AAwBA,SAAS,uBAAuB,OAA2B,cAAkD;AAC3G,+BAA8B;CAE9B,MAAM,aAAa,OAA6B,KAAK;CAErD,MAAM,aAAa,kBAAkB;CAErC,MAAM,EAAE,QAAQ,IAAI,OAAO,IAAI,GAAG,cAAc;AAEhD,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;AACd,SAAO,OAAO,SAAS;GAAE,QAAQ,MAAM;GAAY,OAAO;GAAI,CAAC;GAC/D;CAEF,MAAM,YAAY,aACf,YAAyC;AACxC,aAAW,UAAU;AACrB,MAAI,OAAO,iBAAiB,WAC1B,cAAa,QAAQ;WACZ,aACT,cAAa,UAAU;IAG3B,CAAC,aAAa,CACf;AAED,QAAO,cAAc,2BAA2B;EAAE,GAAG;EAAW,KAAK;EAAW,0BAA0B;EAAM,CAAC;;;AAInH,MAAa,gBAA4J,2BAAW,uBAAuB"}

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

@@ -1,26 +1,10 @@
 import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
 import { InlinePopoverPopupElement, InlinePopoverPositionerElement, InlinePopoverPositionerProps as InlinePopoverPositionerProps$1, InlinePopoverRootElement, InlinePopoverRootEvents, InlinePopoverRootProps as InlinePopoverRootProps$1 } from "@prosekit/web/inline-popover";
-
-//#region src/components/inline-popover/inline-popover-popup.gen.d.ts
-/**
- * Props for the {@link InlinePopoverPopup} React component.
- *
- * @public
- */
+/** Props for the {@link InlinePopoverPopup} React component. */
 interface InlinePopoverPopupProps {}
-/**
- * A React component that renders an `prosekit-inline-popover-popup` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-inline-popover-popup` custom element. */
 declare const InlinePopoverPopup: ForwardRefExoticComponent<InlinePopoverPopupProps & HTMLAttributes<InlinePopoverPopupElement> & RefAttributes<InlinePopoverPopupElement>>;
-//#endregion
-//#region src/components/inline-popover/inline-popover-positioner.gen.d.ts
-/**
- * Props for the {@link InlinePopoverPositioner} React component.
- *
- * @public
- */
+/** Props for the {@link InlinePopoverPositioner} React component. */
 interface InlinePopoverPositionerProps {
   /**
    * The initial placement of the floating element
@@ -149,19 +133,9 @@ interface InlinePopoverPositionerProps {
    */
   altBoundary?: InlinePopoverPositionerProps$1['altBoundary'];
 }
-/**
- * A React component that renders an `prosekit-inline-popover-positioner` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-inline-popover-positioner` custom element. */
 declare const InlinePopoverPositioner: ForwardRefExoticComponent<InlinePopoverPositionerProps & HTMLAttributes<InlinePopoverPositionerElement> & RefAttributes<InlinePopoverPositionerElement>>;
-//#endregion
-//#region src/components/inline-popover/inline-popover-root.gen.d.ts
-/**
- * Props for the {@link InlinePopoverRoot} React component.
- *
- * @public
- */
+/** Props for the {@link InlinePopoverRoot} React component. */
 interface InlinePopoverRootProps {
   /**
    * The ProseKit editor instance.
@@ -197,12 +171,7 @@ interface InlinePopoverRootProps {
   /** Emitted when the open state of the popover changes. */
   onOpenChange?: (event: InlinePopoverRootEvents['openChange']) => void;
 }
-/**
- * A React component that renders an `prosekit-inline-popover-root` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-inline-popover-root` custom element. */
 declare const InlinePopoverRoot: ForwardRefExoticComponent<InlinePopoverRootProps & HTMLAttributes<InlinePopoverRootElement> & RefAttributes<InlinePopoverRootElement>>;
-//#endregion
 export { InlinePopoverPopup, type InlinePopoverPopupProps, InlinePopoverPositioner, type InlinePopoverPositionerProps, InlinePopoverRoot, type InlinePopoverRootProps };
 //# sourceMappingURL=prosekit-react-inline-popover.d.ts.map

package/dist/prosekit-react-inline-popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react-inline-popover.d.ts","names":[],"sources":["../src/components/inline-popover/inline-popover-popup.gen.ts","../src/components/inline-popover/inline-popover-positioner.gen.ts","../src/components/inline-popover/inline-popover-root.gen.ts"],"mappings":";;;;;;;;AAyCA;UA7BiB,uBAAA;;;;;;cA6BJ,kBAAA,EAAoB,yBAAA,CAA0B,uBAAA,GAA0B,cAAA,CAAe,yBAAA,IAA6B,aAAA,CAAc,yBAAA;;;;;;;AAA/I;UC7BiB,4BAAA;;;;;;EAMf,SAAA,GAAY,8BAAA;EDuBmB;;;;;ECjB/B,MAAA,GAAS,8BAAA;EDiByF;;;;;;ECVlG,IAAA,GAAO,8BAAA;;AAnBT;;;;;EA0BE,KAAA,GAAQ,8BAAA;EAAA;;;;;;EAOR,OAAA,GAAU,8BAAA;EA0CF;;;;;;EAnCR,MAAA,GAAS,8BAAA;EAsFK;;;;;EAhFd,eAAA,GAAkB,8BAAA;EAlCT;;;;;EAwCT,QAAA,GAAW,8BAAA;EAnBD;;;;;;;EA2BV,UAAA,GAAa,8BAAA;EAAA;;;;;;;;EASb,IAAA,GAAO,8BAAA;EA2BP;;;;;EArBA,KAAA,GAAQ,8BAAA;EA2CR;;;;;;EApCA,WAAA,GAAc,8BAAA;EAgF6O;;;;;;EAzE3P,SAAA,GAAY,8BAAA;EAyEwB;;;;;;EAlEpC,UAAA,GAAa,8BAAA;EAkEiI;;;;;;EA3D9I,QAAA,GAAW,8BAAA;ECrGI;;;;;;ED4Gf,YAAA,GAAe,8BAAA;EC7EJ;;;;;;;EDqFX,cAAA,GAAiB,8BAAA;EC/FjB;;;;;;;EDuGA,WAAA,GAAc,8BAAA;AAAA;;;ACnChB;;;cDuEa,uBAAA,EAAyB,yBAAA,CAA0B,4BAAA,GAA+B,cAAA,CAAe,8BAAA,IAAkC,aAAA,CAAc,8BAAA;;;;;;;ADrI9J;UE3BiB,sBAAA;;;;;;;EAOf,MAAA,GAAS,wBAAA;EFoB+C;;;;;;EEbxD,WAAA,GAAc,wBAAA;EFa+H;;;;;;EEN7I,eAAA,GAAkB,wBAAA;EDvByB;;;;EC4B3C,IAAA,GAAO,wBAAA;EDFC;;;;ECOR,QAAA,GAAW,wBAAA;ED2BE;ECzBb,YAAA,IAAgB,KAAA,EAAO,uBAAA;AAAA;;;;;;cAwDZ,iBAAA,EAAmB,yBAAA,CAA0B,sBAAA,GAAyB,cAAA,CAAe,wBAAA,IAA4B,aAAA,CAAc,wBAAA"}
+{"version":3,"file":"prosekit-react-inline-popover.d.ts","names":[],"sources":["../src/components/inline-popover/inline-popover-popup.gen.ts","../src/components/inline-popover/inline-popover-positioner.gen.ts","../src/components/inline-popover/inline-popover-root.gen.ts"],"mappings":";;;UAMiB,uBAAA;;cAyBJ,kBAAA,EAAoB,yBAAA,CAA0B,uBAAA,GAA0B,cAAA,CAAe,yBAAA,IAA6B,aAAA,CAAc,yBAAA;;UCzB9H,4BAAA;EDAuB;;;;AAyBxC;ECnBE,SAAA,GAAY,8BAAA;;;;;;EAMZ,MAAA,GAAS,8BAAA;EDasB;;;;;;ECN/B,IAAA,GAAO,8BAAA;EDMwH;;;;;ACzBjI;EA0BE,KAAA,GAAQ,8BAAA;;;;;;;EAOR,OAAA,GAAU,8BAAA;EAaQ;;;;;;EANlB,MAAA,GAAS,8BAAA;EAwDI;;;;;EAlDb,eAAA,GAAkB,8BAAA;EAgF+B;;;;;EA1EjD,QAAA,GAAW,8BAAA;EAjCJ;;;;;;;EAyCP,UAAA,GAAa,8BAAA;EAdK;;;;;;;;EAuBlB,IAAA,GAAO,8BAAA;EAaP;;;;;EAPA,KAAA,GAAQ,8BAAA;EA4BR;;;;;;EArBA,WAAA,GAAc,8BAAA;EA4CA;;;AAgChB;;;EArEE,SAAA,GAAY,8BAAA;EAqEgG;;;;;;EA9D5G,UAAA,GAAa,8BAAA;EA8DuB;;;;;;EAvDpC,QAAA,GAAW,8BAAA;EAuD+K;;AC5J5L;;;;ED4GE,YAAA,GAAe,8BAAA;ECvFG;;;;;;;ED+FlB,cAAA,GAAiB,8BAAA;ECtGjB;;;;;;;ED8GA,WAAA,GAAc,8BAAA;AAAA;;cAgCH,uBAAA,EAAyB,yBAAA,CAA0B,4BAAA,GAA+B,cAAA,CAAe,8BAAA,IAAkC,aAAA,CAAc,8BAAA;;UC5J7I,sBAAA;EFFuB;;;;AAyBxC;;EEhBE,MAAA,GAAS,wBAAA;EFgBgD;;;;;;EETzD,WAAA,GAAc,wBAAA;EFS0C;;;;;;EEFxD,eAAA,GAAkB,wBAAA;EFEoJ;;;ACzBxK;EC4BE,IAAA,GAAO,wBAAA;;;;;EAKP,QAAA,GAAW,wBAAA;EDAD;ECEV,YAAA,IAAgB,KAAA,EAAO,uBAAA;AAAA;;cAoDZ,iBAAA,EAAmB,yBAAA,CAA0B,sBAAA,GAAyB,cAAA,CAAe,wBAAA,IAA4B,aAAA,CAAc,wBAAA"}

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

@@ -1,10 +1,7 @@
+"use client";
 import { n as useEditorContext } from "./editor-context.js";
 import { createElement, forwardRef, useCallback, useLayoutEffect, useRef } from "react";
 import { registerInlinePopoverPopupElement, registerInlinePopoverPositionerElement, registerInlinePopoverRootElement } from "@prosekit/web/inline-popover";
-//#region src/components/inline-popover/inline-popover-popup.gen.ts
-/**
-* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
-*/
 function InlinePopoverPopupComponent(props, forwardedRef) {
 	registerInlinePopoverPopupElement();
 	const elementRef = useRef(null);
@@ -20,17 +17,8 @@ function InlinePopoverPopupComponent(props, forwardedRef) {
 		suppressHydrationWarning: true
 	});
 }
-/**
-* A React component that renders an `prosekit-inline-popover-popup` custom element.
-*
-* @public
-*/
+/** A React component that renders an `prosekit-inline-popover-popup` custom element. */
 const InlinePopoverPopup = /* @__PURE__ */ forwardRef(InlinePopoverPopupComponent);
-//#endregion
-//#region src/components/inline-popover/inline-popover-positioner.gen.ts
-/**
-* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
-*/
 function InlinePopoverPositionerComponent(props, forwardedRef) {
 	registerInlinePopoverPositionerElement();
 	const elementRef = useRef(null);
@@ -70,17 +58,8 @@ function InlinePopoverPositionerComponent(props, forwardedRef) {
 		suppressHydrationWarning: true
 	});
 }
-/**
-* A React component that renders an `prosekit-inline-popover-positioner` custom element.
-*
-* @public
-*/
+/** A React component that renders an `prosekit-inline-popover-positioner` custom element. */
 const InlinePopoverPositioner = /* @__PURE__ */ forwardRef(InlinePopoverPositionerComponent);
-//#endregion
-//#region src/components/inline-popover/inline-popover-root.gen.ts
-/**
-* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
-*/
 function InlinePopoverRootComponent(props, forwardedRef) {
 	registerInlinePopoverRootElement();
 	const elementRef = useRef(null);
@@ -119,13 +98,28 @@ function InlinePopoverRootComponent(props, forwardedRef) {
 		suppressHydrationWarning: true
 	});
 }
+/** A React component that renders an `prosekit-inline-popover-root` custom element. */
+const InlinePopoverRoot = /* @__PURE__ */ forwardRef(InlinePopoverRootComponent);
 /**
-* A React component that renders an `prosekit-inline-popover-root` custom element.
-*
-* @public
+
+@module
+
+## Anatomy
+
+```jsx
+import {
+InlinePopoverPopup,
+InlinePopoverPositioner,
+InlinePopoverRoot,
+} from 'prosekit/react/inline-popover'
+
+<InlinePopoverRoot>
+<InlinePopoverPositioner>
+<InlinePopoverPopup>...</InlinePopoverPopup>
+</InlinePopoverPositioner>
+</InlinePopoverRoot>
+```
 */
-const InlinePopoverRoot = /* @__PURE__ */ forwardRef(InlinePopoverRootComponent);
-//#endregion
 export { InlinePopoverPopup, InlinePopoverPositioner, InlinePopoverRoot };
 
 //# sourceMappingURL=prosekit-react-inline-popover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react-inline-popover.js","names":[],"sources":["../src/components/inline-popover/inline-popover-popup.gen.ts","../src/components/inline-popover/inline-popover-positioner.gen.ts","../src/components/inline-popover/inline-popover-root.gen.ts"],"sourcesContent":["/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerInlinePopoverPopupElement, type InlinePopoverPopupElement } from '@prosekit/web/inline-popover';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from 'react';\n\n/**\n * Props for the {@link InlinePopoverPopup} React component.\n *\n * @public\n */\nexport interface InlinePopoverPopupProps {}\n\nfunction InlinePopoverPopupComponent(props: InlinePopoverPopupProps, forwardedRef: ForwardedRef<InlinePopoverPopupElement>) {\n  registerInlinePopoverPopupElement();\n\n  const elementRef = useRef<InlinePopoverPopupElement>(null);\n\n  const { ...restProps } = props;\n\n  const mergedRef = useCallback(\n    (element: InlinePopoverPopupElement | 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-inline-popover-popup', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A React component that renders an `prosekit-inline-popover-popup` custom element.\n *\n * @public\n */\nexport const InlinePopoverPopup: ForwardRefExoticComponent<InlinePopoverPopupProps & HTMLAttributes<InlinePopoverPopupElement> & RefAttributes<InlinePopoverPopupElement>> = /* @__PURE__ */ forwardRef(InlinePopoverPopupComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerInlinePopoverPositionerElement, type InlinePopoverPositionerElement, type InlinePopoverPositionerProps as InlinePopoverPositionerElementProps } from '@prosekit/web/inline-popover';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\n/**\n * Props for the {@link InlinePopoverPositioner} React component.\n *\n * @public\n */\nexport interface InlinePopoverPositionerProps {\n  /**\n   * The initial placement of the floating element\n   *\n   * @default \"top\"\n   */\n  placement?: InlinePopoverPositionerElementProps['placement'];\n  /**\n   * The distance between the reference and floating element.\n   *\n   * @default 12\n   */\n  offset?: InlinePopoverPositionerElementProps['offset'];\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?: InlinePopoverPositionerElementProps['hide'];\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?: InlinePopoverPositionerElementProps['hoist'];\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default true\n   */\n  overlap?: InlinePopoverPositionerElementProps['overlap'];\n  /**\n   * Whether to improve positioning for inline reference elements that span over\n   * multiple lines.\n   *\n   * @default true\n   */\n  inline?: InlinePopoverPositionerElementProps['inline'];\n  /**\n   * Describes the virtual padding around the boundary to check for overflow.\n   *\n   * @default 8\n   */\n  overflowPadding?: InlinePopoverPositionerElementProps['overflowPadding'];\n  /**\n   * The strategy to use for positioning\n   *\n   * @default \"absolute\"\n   */\n  strategy?: InlinePopoverPositionerElementProps['strategy'];\n  /**\n   * Options to activate auto-update listeners\n   *\n   * @see https://floating-ui.com/docs/autoUpdate\n   *\n   * @default true\n   */\n  autoUpdate?: InlinePopoverPositionerElementProps['autoUpdate'];\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?: InlinePopoverPositionerElementProps['flip'];\n  /**\n   * Whether the floating element should shift to keep it in view.\n   *\n   * @default true\n   */\n  shift?: InlinePopoverPositionerElementProps['shift'];\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?: InlinePopoverPositionerElementProps['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?: InlinePopoverPositionerElementProps['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?: InlinePopoverPositionerElementProps['sameHeight'];\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?: InlinePopoverPositionerElementProps['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?: InlinePopoverPositionerElementProps['rootBoundary'];\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?: InlinePopoverPositionerElementProps['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?: InlinePopoverPositionerElementProps['altBoundary'];\n}\n\nfunction InlinePopoverPositionerComponent(props: InlinePopoverPositionerProps, forwardedRef: ForwardedRef<InlinePopoverPositionerElement>) {\n  registerInlinePopoverPositionerElement();\n\n  const elementRef = useRef<InlinePopoverPositionerElement>(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: InlinePopoverPositionerElement | 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-inline-popover-positioner', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A React component that renders an `prosekit-inline-popover-positioner` custom element.\n *\n * @public\n */\nexport const InlinePopoverPositioner: ForwardRefExoticComponent<InlinePopoverPositionerProps & HTMLAttributes<InlinePopoverPositionerElement> & RefAttributes<InlinePopoverPositionerElement>> = /* @__PURE__ */ forwardRef(InlinePopoverPositionerComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerInlinePopoverRootElement, type InlinePopoverRootElement, type InlinePopoverRootProps as InlinePopoverRootElementProps, type InlinePopoverRootEvents } from '@prosekit/web/inline-popover';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/**\n * Props for the {@link InlinePopoverRoot} React component.\n *\n * @public\n */\nexport interface InlinePopoverRootProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: InlinePopoverRootElementProps['editor'];\n  /**\n   * Whether the popover is open by default when some inline content is\n   * selected.\n   *\n   * @default true\n   */\n  defaultOpen?: InlinePopoverRootElementProps['defaultOpen'];\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?: InlinePopoverRootElementProps['dismissOnEscape'];\n  /**\n   * Whether the overlay is currently open.\n   * @default null\n   */\n  open?: InlinePopoverRootElementProps['open'];\n  /**\n   * Whether the component should ignore user interaction.\n   * @default false\n   */\n  disabled?: InlinePopoverRootElementProps['disabled'];\n  /** Emitted when the open state of the popover changes. */\n  onOpenChange?: (event: InlinePopoverRootEvents['openChange']) => void;\n}\n\nfunction InlinePopoverRootComponent(props: InlinePopoverRootProps, forwardedRef: ForwardedRef<InlinePopoverRootElement>) {\n  registerInlinePopoverRootElement();\n\n  const elementRef = useRef<InlinePopoverRootElement>(null);\n  const handlersRef = useRef<Array<((event: Event) => void) | undefined>>([]);\n\n  const p3Fallback = useEditorContext();\n\n  const { defaultOpen: p0, disabled: p1, dismissOnEscape: p2, editor: p3, open: p4, 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, dismissOnEscape: p2, editor: p3 ?? p3Fallback, open: p4 });\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: InlinePopoverRootElement | 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-inline-popover-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A React component that renders an `prosekit-inline-popover-root` custom element.\n *\n * @public\n */\nexport const InlinePopoverRoot: ForwardRefExoticComponent<InlinePopoverRootProps & HTMLAttributes<InlinePopoverRootElement> & RefAttributes<InlinePopoverRootElement>> = /* @__PURE__ */ forwardRef(InlinePopoverRootComponent);\n"],"mappings":";;;;;;;AAcA,SAAS,4BAA4B,OAAgC,cAAuD;AAC1H,oCAAmC;CAEnC,MAAM,aAAa,OAAkC,KAAK;CAE1D,MAAM,EAAE,GAAG,cAAc;CAEzB,MAAM,YAAY,aACf,YAA8C;AAC7C,aAAW,UAAU;AACrB,MAAI,OAAO,iBAAiB,WAC1B,cAAa,QAAQ;WACZ,aACT,cAAa,UAAU;IAG3B,CAAC,aAAa,CACf;AAED,QAAO,cAAc,iCAAiC;EAAE,GAAG;EAAW,KAAK;EAAW,0BAA0B;EAAM,CAAC;;;;;;;AAQzH,MAAa,qBAAgL,2BAAW,4BAA4B;;;;;;ACoGpO,SAAS,iCAAiC,OAAqC,cAA4D;AACzI,yCAAwC;CAExC,MAAM,aAAa,OAAuC,KAAK;CAE/D,MAAM,EAAE,aAAa,IAAI,YAAY,IAAI,UAAU,IAAI,gBAAgB,IAAI,aAAa,IAAI,MAAM,IAAI,MAAM,IAAI,OAAO,IAAI,QAAQ,IAAI,QAAQ,IAAI,iBAAiB,KAAK,SAAS,KAAK,WAAW,KAAK,cAAc,KAAK,YAAY,KAAK,WAAW,KAAK,OAAO,KAAK,UAAU,KAAK,GAAG,cAAc;AAEvS,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;AACd,SAAO,OAAO,SAAS;GAAE,aAAa;GAAI,YAAY;GAAI,UAAU;GAAI,gBAAgB;GAAI,aAAa;GAAI,MAAM;GAAI,MAAM;GAAI,OAAO;GAAI,QAAQ;GAAI,QAAQ;GAAI,iBAAiB;GAAK,SAAS;GAAK,WAAW;GAAK,cAAc;GAAK,YAAY;GAAK,WAAW;GAAK,OAAO;GAAK,UAAU;GAAK,CAAC;GACxS;CAEF,MAAM,YAAY,aACf,YAAmD;AAClD,aAAW,UAAU;AACrB,MAAI,OAAO,iBAAiB,WAC1B,cAAa,QAAQ;WACZ,aACT,cAAa,UAAU;IAG3B,CAAC,aAAa,CACf;AAED,QAAO,cAAc,sCAAsC;EAAE,GAAG;EAAW,KAAK;EAAW,0BAA0B;EAAM,CAAC;;;;;;;AAQ9H,MAAa,0BAAoM,2BAAW,iCAAiC;;;;;;AC5H7P,SAAS,2BAA2B,OAA+B,cAAsD;AACvH,mCAAkC;CAElC,MAAM,aAAa,OAAiC,KAAK;CACzD,MAAM,cAAc,OAAoD,EAAE,CAAC;CAE3E,MAAM,aAAa,kBAAkB;CAErC,MAAM,EAAE,aAAa,IAAI,UAAU,IAAI,iBAAiB,IAAI,QAAQ,IAAI,MAAM,IAAI,cAAc,IAAI,GAAG,cAAc;AAErH,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;AACd,SAAO,OAAO,SAAS;GAAE,aAAa;GAAI,UAAU;GAAI,iBAAiB;GAAI,QAAQ,MAAM;GAAY,MAAM;GAAI,CAAC;AAClH,cAAY,UAAU,CAAC,GAAG;GAC1B;AAEF,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;EACd,MAAM,KAAK,IAAI,iBAAiB;AAChC,OAAK,MAAM,CAAC,OAAO,cAAc,CAAC,aAAa,CAAC,SAAS,CACvD,SAAQ,iBACN,YACC,UAAiB;AAChB,eAAY,QAAQ,SAAS,MAAM;KAErC,EAAE,QAAQ,GAAG,QAAQ,CACtB;AAEH,eAAa,GAAG,OAAO;IACtB,EAAE,CAAC;CAEN,MAAM,YAAY,aACf,YAA6C;AAC5C,aAAW,UAAU;AACrB,MAAI,OAAO,iBAAiB,WAC1B,cAAa,QAAQ;WACZ,aACT,cAAa,UAAU;IAG3B,CAAC,aAAa,CACf;AAED,QAAO,cAAc,gCAAgC;EAAE,GAAG;EAAW,KAAK;EAAW,0BAA0B;EAAM,CAAC;;;;;;;AAQxH,MAAa,oBAA4K,2BAAW,2BAA2B"}
+{"version":3,"file":"prosekit-react-inline-popover.js","names":[],"sources":["../src/components/inline-popover/inline-popover-popup.gen.ts","../src/components/inline-popover/inline-popover-positioner.gen.ts","../src/components/inline-popover/inline-popover-root.gen.ts","../src/components/inline-popover/index.ts"],"sourcesContent":["// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerInlinePopoverPopupElement, type InlinePopoverPopupElement } from '@prosekit/web/inline-popover';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from 'react';\n\n/** Props for the {@link InlinePopoverPopup} React component. */\nexport interface InlinePopoverPopupProps {}\n\nfunction InlinePopoverPopupComponent(props: InlinePopoverPopupProps, forwardedRef: ForwardedRef<InlinePopoverPopupElement>) {\n  registerInlinePopoverPopupElement();\n\n  const elementRef = useRef<InlinePopoverPopupElement>(null);\n\n  const { ...restProps } = props;\n\n  const mergedRef = useCallback(\n    (element: InlinePopoverPopupElement | 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-inline-popover-popup', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/** A React component that renders an `prosekit-inline-popover-popup` custom element. */\nexport const InlinePopoverPopup: ForwardRefExoticComponent<InlinePopoverPopupProps & HTMLAttributes<InlinePopoverPopupElement> & RefAttributes<InlinePopoverPopupElement>> = /* @__PURE__ */ forwardRef(InlinePopoverPopupComponent);\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerInlinePopoverPositionerElement, type InlinePopoverPositionerElement, type InlinePopoverPositionerProps as InlinePopoverPositionerElementProps } from '@prosekit/web/inline-popover';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\n/** Props for the {@link InlinePopoverPositioner} React component. */\nexport interface InlinePopoverPositionerProps {\n  /**\n   * The initial placement of the floating element\n   *\n   * @default \"top\"\n   */\n  placement?: InlinePopoverPositionerElementProps['placement'];\n  /**\n   * The distance between the reference and floating element.\n   *\n   * @default 12\n   */\n  offset?: InlinePopoverPositionerElementProps['offset'];\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?: InlinePopoverPositionerElementProps['hide'];\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?: InlinePopoverPositionerElementProps['hoist'];\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default true\n   */\n  overlap?: InlinePopoverPositionerElementProps['overlap'];\n  /**\n   * Whether to improve positioning for inline reference elements that span over\n   * multiple lines.\n   *\n   * @default true\n   */\n  inline?: InlinePopoverPositionerElementProps['inline'];\n  /**\n   * Describes the virtual padding around the boundary to check for overflow.\n   *\n   * @default 8\n   */\n  overflowPadding?: InlinePopoverPositionerElementProps['overflowPadding'];\n  /**\n   * The strategy to use for positioning\n   *\n   * @default \"absolute\"\n   */\n  strategy?: InlinePopoverPositionerElementProps['strategy'];\n  /**\n   * Options to activate auto-update listeners\n   *\n   * @see https://floating-ui.com/docs/autoUpdate\n   *\n   * @default true\n   */\n  autoUpdate?: InlinePopoverPositionerElementProps['autoUpdate'];\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?: InlinePopoverPositionerElementProps['flip'];\n  /**\n   * Whether the floating element should shift to keep it in view.\n   *\n   * @default true\n   */\n  shift?: InlinePopoverPositionerElementProps['shift'];\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?: InlinePopoverPositionerElementProps['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?: InlinePopoverPositionerElementProps['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?: InlinePopoverPositionerElementProps['sameHeight'];\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?: InlinePopoverPositionerElementProps['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?: InlinePopoverPositionerElementProps['rootBoundary'];\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?: InlinePopoverPositionerElementProps['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?: InlinePopoverPositionerElementProps['altBoundary'];\n}\n\nfunction InlinePopoverPositionerComponent(props: InlinePopoverPositionerProps, forwardedRef: ForwardedRef<InlinePopoverPositionerElement>) {\n  registerInlinePopoverPositionerElement();\n\n  const elementRef = useRef<InlinePopoverPositionerElement>(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: InlinePopoverPositionerElement | 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-inline-popover-positioner', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/** A React component that renders an `prosekit-inline-popover-positioner` custom element. */\nexport const InlinePopoverPositioner: ForwardRefExoticComponent<InlinePopoverPositionerProps & HTMLAttributes<InlinePopoverPositionerElement> & RefAttributes<InlinePopoverPositionerElement>> = /* @__PURE__ */ forwardRef(InlinePopoverPositionerComponent);\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerInlinePopoverRootElement, type InlinePopoverRootElement, type InlinePopoverRootProps as InlinePopoverRootElementProps, type InlinePopoverRootEvents } from '@prosekit/web/inline-popover';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/** Props for the {@link InlinePopoverRoot} React component. */\nexport interface InlinePopoverRootProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: InlinePopoverRootElementProps['editor'];\n  /**\n   * Whether the popover is open by default when some inline content is\n   * selected.\n   *\n   * @default true\n   */\n  defaultOpen?: InlinePopoverRootElementProps['defaultOpen'];\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?: InlinePopoverRootElementProps['dismissOnEscape'];\n  /**\n   * Whether the overlay is currently open.\n   * @default null\n   */\n  open?: InlinePopoverRootElementProps['open'];\n  /**\n   * Whether the component should ignore user interaction.\n   * @default false\n   */\n  disabled?: InlinePopoverRootElementProps['disabled'];\n  /** Emitted when the open state of the popover changes. */\n  onOpenChange?: (event: InlinePopoverRootEvents['openChange']) => void;\n}\n\nfunction InlinePopoverRootComponent(props: InlinePopoverRootProps, forwardedRef: ForwardedRef<InlinePopoverRootElement>) {\n  registerInlinePopoverRootElement();\n\n  const elementRef = useRef<InlinePopoverRootElement>(null);\n  const handlersRef = useRef<Array<((event: Event) => void) | undefined>>([]);\n\n  const p3Fallback = useEditorContext();\n\n  const { defaultOpen: p0, disabled: p1, dismissOnEscape: p2, editor: p3, open: p4, 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, dismissOnEscape: p2, editor: p3 ?? p3Fallback, open: p4 });\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: InlinePopoverRootElement | 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-inline-popover-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/** A React component that renders an `prosekit-inline-popover-root` custom element. */\nexport const InlinePopoverRoot: ForwardRefExoticComponent<InlinePopoverRootProps & HTMLAttributes<InlinePopoverRootElement> & RefAttributes<InlinePopoverRootElement>> = /* @__PURE__ */ forwardRef(InlinePopoverRootComponent);\n","/**\n\n@module\n\n## Anatomy\n\n```jsx\nimport {\n  InlinePopoverPopup,\n  InlinePopoverPositioner,\n  InlinePopoverRoot,\n} from 'prosekit/react/inline-popover'\n\n<InlinePopoverRoot>\n  <InlinePopoverPositioner>\n    <InlinePopoverPopup>...</InlinePopoverPopup>\n  </InlinePopoverPositioner>\n</InlinePopoverRoot>\n```\n*/\n\n'use client'\n\nexport * from './index.gen.ts'\n"],"mappings":";;;;AAQA,SAAS,4BAA4B,OAAgC,cAAuD;AAC1H,oCAAmC;CAEnC,MAAM,aAAa,OAAkC,KAAK;CAE1D,MAAM,EAAE,GAAG,cAAc;CAEzB,MAAM,YAAY,aACf,YAA8C;AAC7C,aAAW,UAAU;AACrB,MAAI,OAAO,iBAAiB,WAC1B,cAAa,QAAQ;WACZ,aACT,cAAa,UAAU;IAG3B,CAAC,aAAa,CACf;AAED,QAAO,cAAc,iCAAiC;EAAE,GAAG;EAAW,KAAK;EAAW,0BAA0B;EAAM,CAAC;;;AAIzH,MAAa,qBAAgL,2BAAW,4BAA4B;ACwGpO,SAAS,iCAAiC,OAAqC,cAA4D;AACzI,yCAAwC;CAExC,MAAM,aAAa,OAAuC,KAAK;CAE/D,MAAM,EAAE,aAAa,IAAI,YAAY,IAAI,UAAU,IAAI,gBAAgB,IAAI,aAAa,IAAI,MAAM,IAAI,MAAM,IAAI,OAAO,IAAI,QAAQ,IAAI,QAAQ,IAAI,iBAAiB,KAAK,SAAS,KAAK,WAAW,KAAK,cAAc,KAAK,YAAY,KAAK,WAAW,KAAK,OAAO,KAAK,UAAU,KAAK,GAAG,cAAc;AAEvS,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;AACd,SAAO,OAAO,SAAS;GAAE,aAAa;GAAI,YAAY;GAAI,UAAU;GAAI,gBAAgB;GAAI,aAAa;GAAI,MAAM;GAAI,MAAM;GAAI,OAAO;GAAI,QAAQ;GAAI,QAAQ;GAAI,iBAAiB;GAAK,SAAS;GAAK,WAAW;GAAK,cAAc;GAAK,YAAY;GAAK,WAAW;GAAK,OAAO;GAAK,UAAU;GAAK,CAAC;GACxS;CAEF,MAAM,YAAY,aACf,YAAmD;AAClD,aAAW,UAAU;AACrB,MAAI,OAAO,iBAAiB,WAC1B,cAAa,QAAQ;WACZ,aACT,cAAa,UAAU;IAG3B,CAAC,aAAa,CACf;AAED,QAAO,cAAc,sCAAsC;EAAE,GAAG;EAAW,KAAK;EAAW,0BAA0B;EAAM,CAAC;;;AAI9H,MAAa,0BAAoM,2BAAW,iCAAiC;ACxH7P,SAAS,2BAA2B,OAA+B,cAAsD;AACvH,mCAAkC;CAElC,MAAM,aAAa,OAAiC,KAAK;CACzD,MAAM,cAAc,OAAoD,EAAE,CAAC;CAE3E,MAAM,aAAa,kBAAkB;CAErC,MAAM,EAAE,aAAa,IAAI,UAAU,IAAI,iBAAiB,IAAI,QAAQ,IAAI,MAAM,IAAI,cAAc,IAAI,GAAG,cAAc;AAErH,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;AACd,SAAO,OAAO,SAAS;GAAE,aAAa;GAAI,UAAU;GAAI,iBAAiB;GAAI,QAAQ,MAAM;GAAY,MAAM;GAAI,CAAC;AAClH,cAAY,UAAU,CAAC,GAAG;GAC1B;AAEF,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;EACd,MAAM,KAAK,IAAI,iBAAiB;AAChC,OAAK,MAAM,CAAC,OAAO,cAAc,CAAC,aAAa,CAAC,SAAS,CACvD,SAAQ,iBACN,YACC,UAAiB;AAChB,eAAY,QAAQ,SAAS,MAAM;KAErC,EAAE,QAAQ,GAAG,QAAQ,CACtB;AAEH,eAAa,GAAG,OAAO;IACtB,EAAE,CAAC;CAEN,MAAM,YAAY,aACf,YAA6C;AAC5C,aAAW,UAAU;AACrB,MAAI,OAAO,iBAAiB,WAC1B,cAAa,QAAQ;WACZ,aACT,cAAa,UAAU;IAG3B,CAAC,aAAa,CACf;AAED,QAAO,cAAc,gCAAgC;EAAE,GAAG;EAAW,KAAK;EAAW,0BAA0B;EAAM,CAAC;;;AAIxH,MAAa,oBAA4K,2BAAW,2BAA2B"}

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

@@ -1,12 +1,6 @@
 import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
-import { MenuItemElement, MenuItemEvents, MenuItemProps as MenuItemProps$1, MenuPopupElement, MenuPopupProps as MenuPopupProps$1, MenuPositionerElement, MenuPositionerProps as MenuPositionerProps$1, MenuRootElement, MenuRootEvents, MenuRootProps as MenuRootProps$1, MenuSubmenuRootElement, MenuSubmenuTriggerElement, MenuTriggerElement, MenuTriggerEvents, MenuTriggerProps as MenuTriggerProps$1 } from "@prosekit/web/menu";
-
-//#region src/components/menu/menu-item.gen.d.ts
-/**
- * Props for the {@link MenuItem} React component.
- *
- * @public
- */
+import { MenuItemElement, MenuItemEvents, MenuItemProps as MenuItemProps$1, MenuPopupElement, MenuPopupProps as MenuPopupProps$1, MenuPositionerElement, MenuPositionerProps as MenuPositionerProps$1, MenuRootElement, MenuRootEvents, MenuRootProps as MenuRootProps$1, MenuSubmenuRootElement, MenuSubmenuRootEvents, MenuSubmenuRootProps as MenuSubmenuRootProps$1, MenuSubmenuTriggerElement, MenuSubmenuTriggerProps as MenuSubmenuTriggerProps$1, MenuTriggerElement, MenuTriggerEvents, MenuTriggerProps as MenuTriggerProps$1 } from "@prosekit/web/menu";
+/** Props for the {@link MenuItem} React component. */
 interface MenuItemProps {
   /**
    * The unique value for this menu item.
@@ -29,19 +23,9 @@ interface MenuItemProps {
   /** Emitted when the the item is selected. */
   onSelect?: (event: MenuItemEvents['select']) => void;
 }
-/**
- * A React component that renders an `prosekit-menu-item` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-menu-item` custom element. */
 declare const MenuItem: ForwardRefExoticComponent<MenuItemProps & Omit<HTMLAttributes<MenuItemElement>, 'onSelect'> & RefAttributes<MenuItemElement>>;
-//#endregion
-//#region src/components/menu/menu-popup.gen.d.ts
-/**
- * Props for the {@link MenuPopup} React component.
- *
- * @public
- */
+/** Props for the {@link MenuPopup} React component. */
 interface MenuPopupProps {
   /**
    * By default, the MenuPopup element will listen for keydown events.
@@ -51,19 +35,9 @@ interface MenuPopupProps {
    */
   eventTarget?: MenuPopupProps$1['eventTarget'];
 }
-/**
- * A React component that renders an `prosekit-menu-popup` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-menu-popup` custom element. */
 declare const MenuPopup: ForwardRefExoticComponent<MenuPopupProps & HTMLAttributes<MenuPopupElement> & RefAttributes<MenuPopupElement>>;
-//#endregion
-//#region src/components/menu/menu-positioner.gen.d.ts
-/**
- * Props for the {@link MenuPositioner} React component.
- *
- * @public
- */
+/** Props for the {@link MenuPositioner} React component. */
 interface MenuPositionerProps {
   /**
    * The initial placement of the floating element
@@ -193,19 +167,9 @@ interface MenuPositionerProps {
    */
   altBoundary?: MenuPositionerProps$1['altBoundary'];
 }
-/**
- * A React component that renders an `prosekit-menu-positioner` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-menu-positioner` custom element. */
 declare const MenuPositioner: ForwardRefExoticComponent<MenuPositionerProps & HTMLAttributes<MenuPositionerElement> & RefAttributes<MenuPositionerElement>>;
-//#endregion
-//#region src/components/menu/menu-root.gen.d.ts
-/**
- * Props for the {@link MenuRoot} React component.
- *
- * @public
- */
+/** Props for the {@link MenuRoot} React component. */
 interface MenuRootProps {
   /**
    * Whether the overlay is initially open.
@@ -225,47 +189,48 @@ interface MenuRootProps {
   /** Emitted when the menu is opened or closed. */
   onOpenChange?: (event: MenuRootEvents['openChange']) => void;
 }
-/**
- * A React component that renders an `prosekit-menu-root` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-menu-root` custom element. */
 declare const MenuRoot: ForwardRefExoticComponent<MenuRootProps & HTMLAttributes<MenuRootElement> & RefAttributes<MenuRootElement>>;
-//#endregion
-//#region src/components/menu/menu-submenu-root.gen.d.ts
-/**
- * Props for the {@link MenuSubmenuRoot} React component.
- *
- * @public
- */
-interface MenuSubmenuRootProps {}
-/**
- * A React component that renders an `prosekit-menu-submenu-root` custom element.
- *
- * @public
- */
+/** Props for the {@link MenuSubmenuRoot} React component. */
+interface MenuSubmenuRootProps {
+  /**
+   * Whether the overlay is initially open.
+   * @default false
+   */
+  defaultOpen?: MenuSubmenuRootProps$1['defaultOpen'];
+  /**
+   * Whether the overlay is currently open.
+   * @default null
+   */
+  open?: MenuSubmenuRootProps$1['open'];
+  /**
+   * Whether the component should ignore user interaction.
+   * @default false
+   */
+  disabled?: MenuSubmenuRootProps$1['disabled'];
+  /** Emitted when the submenu is opened or closed. */
+  onOpenChange?: (event: MenuSubmenuRootEvents['openChange']) => void;
+}
+/** A React component that renders an `prosekit-menu-submenu-root` custom element. */
 declare const MenuSubmenuRoot: ForwardRefExoticComponent<MenuSubmenuRootProps & HTMLAttributes<MenuSubmenuRootElement> & RefAttributes<MenuSubmenuRootElement>>;
-//#endregion
-//#region src/components/menu/menu-submenu-trigger.gen.d.ts
-/**
- * Props for the {@link MenuSubmenuTrigger} React component.
- *
- * @public
- */
-interface MenuSubmenuTriggerProps {}
-/**
- * A React component that renders an `prosekit-menu-submenu-trigger` custom element.
- *
- * @public
- */
+/** Props for the {@link MenuSubmenuTrigger} React component. */
+interface MenuSubmenuTriggerProps {
+  /**
+   * The unique value for this submenu trigger in the parent menu.
+   *
+   * @default ""
+   */
+  value?: MenuSubmenuTriggerProps$1['value'];
+  /**
+   * Whether this submenu trigger is disabled.
+   *
+   * @default false
+   */
+  disabled?: MenuSubmenuTriggerProps$1['disabled'];
+}
+/** A React component that renders an `prosekit-menu-submenu-trigger` custom element. */
 declare const MenuSubmenuTrigger: ForwardRefExoticComponent<MenuSubmenuTriggerProps & HTMLAttributes<MenuSubmenuTriggerElement> & RefAttributes<MenuSubmenuTriggerElement>>;
-//#endregion
-//#region src/components/menu/menu-trigger.gen.d.ts
-/**
- * Props for the {@link MenuTrigger} React component.
- *
- * @public
- */
+/** Props for the {@link MenuTrigger} React component. */
 interface MenuTriggerProps {
   /**
    * Whether the component should ignore user interaction.
@@ -276,12 +241,7 @@ interface MenuTriggerProps {
   /** Emitted when the menu is opened or closed. */
   onOpenChange?: (event: MenuTriggerEvents['openChange']) => void;
 }
-/**
- * A React component that renders an `prosekit-menu-trigger` custom element.
- *
- * @public
- */
+/** A React component that renders an `prosekit-menu-trigger` custom element. */
 declare const MenuTrigger: ForwardRefExoticComponent<MenuTriggerProps & HTMLAttributes<MenuTriggerElement> & RefAttributes<MenuTriggerElement>>;
-//#endregion
 export { MenuItem, type MenuItemProps, MenuPopup, type MenuPopupProps, MenuPositioner, type MenuPositionerProps, MenuRoot, type MenuRootProps, MenuSubmenuRoot, type MenuSubmenuRootProps, MenuSubmenuTrigger, type MenuSubmenuTriggerProps, MenuTrigger, type MenuTriggerProps };
 //# sourceMappingURL=prosekit-react-menu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react-menu.d.ts","names":[],"sources":["../src/components/menu/menu-item.gen.ts","../src/components/menu/menu-popup.gen.ts","../src/components/menu/menu-positioner.gen.ts","../src/components/menu/menu-root.gen.ts","../src/components/menu/menu-submenu-root.gen.ts","../src/components/menu/menu-submenu-trigger.gen.ts","../src/components/menu/menu-trigger.gen.ts"],"mappings":";;;;;;;;;UAYiB,aAAA;EAoBkB;;;;;EAdjC,KAAA,GAAQ,eAAA;EAYR;;;;;EANA,QAAA,GAAW,eAAA;EAQgC;AAsD7C;;;;EAxDE,aAAA,GAAgB,eAAA;EAwDoD;EAtDpE,QAAA,IAAY,KAAA,EAAO,cAAA;AAAA;;;;;;cAsDR,QAAA,EAAU,yBAAA,CAA0B,aAAA,GAAgB,IAAA,CAAK,cAAA,CAAe,eAAA,iBAAgC,aAAA,CAAc,eAAA;;;;;;;;UC1ElH,cAAA;EDoBkB;;;;;;ECbjC,WAAA,GAAc,gBAAA;AAAA;;;;;;cAoCH,SAAA,EAAW,yBAAA,CAA0B,cAAA,GAAiB,cAAA,CAAe,gBAAA,IAAoB,aAAA,CAAc,gBAAA;;;;;;;;UC3CnG,mBAAA;EFoBkB;;;;;EEdjC,SAAA,GAAY,qBAAA;EFYZ;;;;;EENA,QAAA,GAAW,qBAAA;EFQgC;AAsD7C;;;;;;EEtDE,UAAA,GAAa,qBAAA;EFsDoH;;;;;;EE/CjI,KAAA,GAAQ,qBAAA;EF+CuD;;;;;EEzC/D,MAAA,GAAS,qBAAA;EFyCuI;;;;AC1ElJ;;;;EC0CE,IAAA,GAAO,qBAAA;EDCI;;;;;ECKX,KAAA,GAAQ,qBAAA;EDL0G;;;;;;ECYlH,OAAA,GAAU,qBAAA;EDZuD;;;;;;ECmBjE,WAAA,GAAc,qBAAA;;;AA9DhB;;;;EAqEE,SAAA,GAAY,qBAAA;EAjDC;;;;;;EAwDb,UAAA,GAAa,qBAAA;EAPD;;;;;;EAcZ,MAAA,GAAS,qBAAA;EAoCQ;;;;;;EA7BjB,IAAA,GAAO,qBAAA;EA9EI;;;;;;EAqFX,QAAA,GAAW,qBAAA;EAvDX;;;;;;EA8DA,YAAA,GAAe,qBAAA;EA1CD;;;;;;EAiDd,eAAA,GAAkB,qBAAA;EArBlB;;;;;;;EA6BA,cAAA,GAAiB,qBAAA;EAAjB;;;;;;AA4CF;EApCE,WAAA,GAAc,qBAAA;AAAA;;;;;;cAoCH,cAAA,EAAgB,yBAAA,CAA0B,mBAAA,GAAsB,cAAA,CAAe,qBAAA,IAAyB,aAAA,CAAc,qBAAA;;;;;;;;UCnKlH,aAAA;EHoBkB;;;;EGfjC,WAAA,GAAc,eAAA;EHOH;;;;EGFX,IAAA,GAAO,eAAA;EHUK;;;AAsDd;EG3DE,QAAA,GAAW,eAAA;;EAEX,YAAA,IAAgB,KAAA,EAAO,cAAA;AAAA;;;;;;cAsDZ,QAAA,EAAU,yBAAA,CAA0B,aAAA,GAAgB,cAAA,CAAe,eAAA,IAAmB,aAAA,CAAc,eAAA;;;;;;;;UCvEhG,oBAAA;;;;;;cA6BJ,eAAA,EAAiB,yBAAA,CAA0B,oBAAA,GAAuB,cAAA,CAAe,sBAAA,IAA0B,aAAA,CAAc,sBAAA;;;;;;;;UC7BrH,uBAAA;;;;;;cA6BJ,kBAAA,EAAoB,yBAAA,CAA0B,uBAAA,GAA0B,cAAA,CAAe,yBAAA,IAA6B,aAAA,CAAc,yBAAA;;;;;;;;UC7B9H,gBAAA;ENoBkB;;;;;EMdjC,QAAA,GAAW,kBAAA;ENYX;EMVA,YAAA,IAAgB,KAAA,EAAO,iBAAA;AAAA;;;;;ANkEzB;cMZa,WAAA,EAAa,yBAAA,CAA0B,gBAAA,GAAmB,cAAA,CAAe,kBAAA,IAAsB,aAAA,CAAc,kBAAA"}
+{"version":3,"file":"prosekit-react-menu.d.ts","names":[],"sources":["../src/components/menu/menu-item.gen.ts","../src/components/menu/menu-popup.gen.ts","../src/components/menu/menu-positioner.gen.ts","../src/components/menu/menu-root.gen.ts","../src/components/menu/menu-submenu-root.gen.ts","../src/components/menu/menu-submenu-trigger.gen.ts","../src/components/menu/menu-trigger.gen.ts"],"mappings":";;;UAMiB,aAAA;EAAa;;;;;EAM5B,KAAA,GAAQ,eAAA;EAcyB;;;;;EARjC,QAAA,GAAW,eAAA;EAMX;;;;;EAAA,aAAA,GAAgB,eAAA;EAE2B;EAA3C,QAAA,IAAY,KAAA,EAAO,cAAA;AAAA;;cAkDR,QAAA,EAAU,yBAAA,CAA0B,aAAA,GAAgB,IAAA,CAAK,cAAA,CAAe,eAAA,iBAAgC,aAAA,CAAc,eAAA;;UCtElH,cAAA;EDAa;;;;;;ECO5B,WAAA,GAAc,gBAAA;AAAA;;cAgCH,SAAA,EAAW,yBAAA,CAA0B,cAAA,GAAiB,cAAA,CAAe,gBAAA,IAAoB,aAAA,CAAc,gBAAA;;UCvCnG,mBAAA;EFAa;;;;;EEM5B,SAAA,GAAY,qBAAA;EFcqB;;;;;EERjC,QAAA,GAAW,qBAAA;EFMX;;;;;;;EEEA,UAAA,GAAa,qBAAA;EFkDqL;;;;;;EE3ClM,KAAA,GAAQ,qBAAA;EF2C2G;;;;;EErCnH,MAAA,GAAS,qBAAA;EFqCsD;;;;;;;;EE5B/D,IAAA,GAAO,qBAAA;ED1CsB;;;;AAuC/B;ECSE,KAAA,GAAQ,qBAAA;;;;;;;EAOR,OAAA,GAAU,qBAAA;EDhBqC;;;;;;ECuB/C,WAAA,GAAc,qBAAA;EDvBoG;;;;ACvCpH;;EAqEE,SAAA,GAAY,qBAAA;EA/DA;;;;;;EAsEZ,UAAA,GAAa,qBAAA;EArBH;;;;;;EA4BV,MAAA,GAAS,qBAAA;EAqBM;;;;;;EAdf,IAAA,GAAO,qBAAA;EApFK;;;;;;EA2FZ,QAAA,GAAW,qBAAA;EAhEX;;;;;;EAuEA,YAAA,GAAe,qBAAA;EAjDL;;;;;;EAwDV,eAAA,GAAkB,qBAAA;EA5BlB;;;;;;;EAoCA,cAAA,GAAiB,qBAAA;EARjB;;;;;;;EAgBA,WAAA,GAAc,qBAAA;AAAA;;cAgCH,cAAA,EAAgB,yBAAA,CAA0B,mBAAA,GAAsB,cAAA,CAAe,qBAAA,IAAyB,aAAA,CAAc,qBAAA;;UC/JlH,aAAA;EHAa;;;;EGK5B,WAAA,GAAc,eAAA;EHeK;;;;EGVnB,IAAA,GAAO,eAAA;EHEP;;;;EGGA,QAAA,GAAW,eAAA;EHKQ;EGHnB,YAAA,IAAgB,KAAA,EAAO,cAAA;AAAA;;cAkDZ,QAAA,EAAU,yBAAA,CAA0B,aAAA,GAAgB,cAAA,CAAe,eAAA,IAAmB,aAAA,CAAc,eAAA;;UCnEhG,oBAAA;EJAa;;;;EIK5B,WAAA,GAAc,sBAAA;EJeK;;;;EIVnB,IAAA,GAAO,sBAAA;EJEP;;;;EIGA,QAAA,GAAW,sBAAA;EJKQ;EIHnB,YAAA,IAAgB,KAAA,EAAO,qBAAA;AAAA;;cAkDZ,eAAA,EAAiB,yBAAA,CAA0B,oBAAA,GAAuB,cAAA,CAAe,sBAAA,IAA0B,aAAA,CAAc,sBAAA;;UCnErH,uBAAA;ELAa;;;;;EKM5B,KAAA,GAAQ,yBAAA;ELcyB;;;;;EKRjC,QAAA,GAAW,yBAAA;AAAA;;cAgCA,kBAAA,EAAoB,yBAAA,CAA0B,uBAAA,GAA0B,cAAA,CAAe,yBAAA,IAA6B,aAAA,CAAc,yBAAA;;UC5C9H,gBAAA;ENAa;;;;;EMM5B,QAAA,GAAW,kBAAA;ENcsB;EMZjC,YAAA,IAAgB,KAAA,EAAO,iBAAA;AAAA;;cAkDZ,WAAA,EAAa,yBAAA,CAA0B,gBAAA,GAAmB,cAAA,CAAe,kBAAA,IAAsB,aAAA,CAAc,kBAAA"}