@prosekit/react 0.6.2 → 0.6.4

package/dist/create-component-DzdxL6Ne.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-component-DzdxL6Ne.js","names":["cleanups: VoidFunction[]","properties: Record<string, unknown>","attributes: Record<string, unknown>","eventHandlers: Record<string, AnyFunction>","fixedEventHandlers: Record<string, AnyFunction>"],"sources":["../src/components/merge-refs.ts","../src/components/create-component.ts"],"sourcesContent":["import type { Ref } from 'react'\n\n/**\n * Assigns a value to a ref.\n * @returns The ref cleanup callback, if any.\n */\nfunction assignRef<T>(\n  ref: Ref<T> | undefined,\n  value: T | null,\n): VoidFunction | undefined | void {\n  if (typeof ref === 'function') {\n    return ref(value)\n  } else if (ref) {\n    ref.current = value\n  }\n}\n\n/**\n * Merges multiple refs into a single one.\n */\nexport function mergeRefs<T>(refs: (Ref<T> | undefined)[]): Ref<T> {\n  return (value: T | null) => {\n    const cleanups: VoidFunction[] = []\n\n    for (const ref of refs) {\n      const cleanup = assignRef(ref, value)\n      const isCleanup = typeof cleanup === 'function'\n      cleanups.push(isCleanup ? cleanup : () => assignRef(ref, null))\n    }\n\n    return () => {\n      for (const cleanup of cleanups) cleanup()\n    }\n  }\n}\n","import type { AnyFunction } from '@prosekit/core'\nimport {\n  createElement,\n  forwardRef,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ForwardRefExoticComponent,\n  type HTMLAttributes,\n  type RefAttributes,\n} from 'react'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\nimport { mergeRefs } from './merge-refs'\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect\n\nexport function createComponent<\n  Props extends object,\n  CustomElement extends HTMLElement,\n>(\n  tagName: string,\n  displayName: string,\n  propNames: string[],\n  eventNames: string[],\n): ForwardRefExoticComponent<\n  Partial<Props> & RefAttributes<CustomElement> & HTMLAttributes<CustomElement>\n> {\n  const hasEditor = propNames.includes('editor')\n  const lowerCaseEventNameMap = new Map(\n    eventNames.map((name) => [name.toLowerCase(), name]),\n  )\n\n  const Component = forwardRef<any, any>((props: Props, ref) => {\n    const [el, setEl] = useState<HTMLElement | null>(null)\n\n    const properties: Record<string, unknown> = {}\n    const attributes: Record<string, unknown> = {}\n    const eventHandlersRef = useRef<Record<string, AnyFunction>>({})\n    const eventHandlers: Record<string, AnyFunction> = {}\n\n    for (const [name, value] of Object.entries(props)) {\n      if (value === undefined) {\n        continue\n      }\n\n      if (propNames.includes(name)) {\n        properties[name] = value\n        continue\n      }\n\n      if (name.startsWith('on')) {\n        const lowerCaseEventName = name.slice(2).toLowerCase()\n        const eventName = lowerCaseEventNameMap.get(lowerCaseEventName)\n        if (eventName) {\n          const extractDetail = eventName.endsWith('Change')\n          eventHandlers[eventName] = (event: Event) => {\n            const handler = value as AnyFunction | null\n            if (typeof handler === 'function') {\n              handler(extractDetail ? (event as CustomEvent).detail : event)\n            }\n          }\n          continue\n        }\n      }\n\n      if (name === 'className') {\n        attributes['class'] = value\n      } else {\n        attributes[name] = value\n      }\n    }\n\n    const editor = useEditorContext()\n\n    if (hasEditor && editor && !properties['editor']) {\n      properties['editor'] = editor\n    }\n\n    // Set all properties.\n    useIsomorphicLayoutEffect(() => {\n      if (!el) return\n      for (const [name, value] of Object.entries(properties)) {\n        if (value !== undefined) {\n          // @ts-expect-error: we know that name is a valid property name\n          el[name] = value as unknown\n        }\n      }\n    }, [el, ...propNames.map((name) => properties[name])])\n\n    // Put all event listeners extracted from `props` into `eventHandlersRef`.\n    useIsomorphicLayoutEffect(() => {\n      eventHandlersRef.current = eventHandlers\n    })\n\n    // Register the event listeners to the element.\n    useIsomorphicLayoutEffect(() => {\n      if (!el) {\n        return\n      }\n\n      const fixedEventHandlers: Record<string, AnyFunction> = {}\n\n      for (const eventName of eventNames) {\n        fixedEventHandlers[eventName] = (event: Event) => {\n          eventHandlersRef.current[eventName]?.(event)\n        }\n      }\n\n      for (const [name, handler] of Object.entries(fixedEventHandlers)) {\n        el.addEventListener(name, handler)\n      }\n\n      return () => {\n        for (const [name, handler] of Object.entries(fixedEventHandlers)) {\n          el.removeEventListener(name, handler)\n        }\n      }\n    }, [el])\n\n    const mergedRef = useMemo(() => mergeRefs([ref, setEl]), [ref])\n\n    return createElement(tagName, {\n      ...attributes,\n      // Suppress hydration warnings for web components as the attributes are set after the component is mounted.\n      suppressHydrationWarning: true,\n      ref: mergedRef,\n    })\n  })\n\n  Component.displayName = displayName\n\n  return Component\n}\n"],"mappings":";;;;;;;;AAMA,SAAS,UACP,KACA,OACiC;AACjC,KAAI,OAAO,QAAQ,WACjB,QAAO,IAAI,MAAM;UACR,IACT,KAAI,UAAU;;;;;AAOlB,SAAgB,UAAa,MAAsC;AACjE,SAAQ,UAAoB;EAC1B,MAAMA,WAA2B,EAAE;AAEnC,OAAK,MAAM,OAAO,MAAM;GACtB,MAAM,UAAU,UAAU,KAAK,MAAM;GACrC,MAAM,YAAY,OAAO,YAAY;AACrC,YAAS,KAAK,YAAY,gBAAgB,UAAU,KAAK,KAAK,CAAC;;AAGjE,eAAa;AACX,QAAK,MAAM,WAAW,SAAU,UAAS;;;;;;;ACb/C,MAAM,4BAA4B,OAAO,WAAW,cAAc,kBAAkB;AAEpF,SAAgB,gBAId,SACA,aACA,WACA,YAGA;CACA,MAAM,YAAY,UAAU,SAAS,SAAS;CAC9C,MAAM,wBAAwB,IAAI,IAChC,WAAW,KAAK,SAAS,CAAC,KAAK,aAAa,EAAE,KAAK,CAAC,CACrD;CAED,MAAM,YAAY,YAAsB,OAAc,QAAQ;EAC5D,MAAM,CAAC,IAAI,SAAS,SAA6B,KAAK;EAEtD,MAAMC,aAAsC,EAAE;EAC9C,MAAMC,aAAsC,EAAE;EAC9C,MAAM,mBAAmB,OAAoC,EAAE,CAAC;EAChE,MAAMC,gBAA6C,EAAE;AAErD,OAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,MAAM,EAAE;AACjD,OAAI,UAAU,OACZ;AAGF,OAAI,UAAU,SAAS,KAAK,EAAE;AAC5B,eAAW,QAAQ;AACnB;;AAGF,OAAI,KAAK,WAAW,KAAK,EAAE;IACzB,MAAM,qBAAqB,KAAK,MAAM,EAAE,CAAC,aAAa;IACtD,MAAM,YAAY,sBAAsB,IAAI,mBAAmB;AAC/D,QAAI,WAAW;KACb,MAAM,gBAAgB,UAAU,SAAS,SAAS;AAClD,mBAAc,cAAc,UAAiB;MAC3C,MAAM,UAAU;AAChB,UAAI,OAAO,YAAY,WACrB,SAAQ,gBAAiB,MAAsB,SAAS,MAAM;;AAGlE;;;AAIJ,OAAI,SAAS,YACX,YAAW,WAAW;OAEtB,YAAW,QAAQ;;EAIvB,MAAM,SAAS,kBAAkB;AAEjC,MAAI,aAAa,UAAU,CAAC,WAAW,UACrC,YAAW,YAAY;AAIzB,kCAAgC;AAC9B,OAAI,CAAC,GAAI;AACT,QAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,WAAW,CACpD,KAAI,UAAU,OAEZ,IAAG,QAAQ;KAGd,CAAC,IAAI,GAAG,UAAU,KAAK,SAAS,WAAW,MAAM,CAAC,CAAC;AAGtD,kCAAgC;AAC9B,oBAAiB,UAAU;IAC3B;AAGF,kCAAgC;AAC9B,OAAI,CAAC,GACH;GAGF,MAAMC,qBAAkD,EAAE;AAE1D,QAAK,MAAM,aAAa,WACtB,oBAAmB,cAAc,UAAiB;AAChD,qBAAiB,QAAQ,aAAa,MAAM;;AAIhD,QAAK,MAAM,CAAC,MAAM,YAAY,OAAO,QAAQ,mBAAmB,CAC9D,IAAG,iBAAiB,MAAM,QAAQ;AAGpC,gBAAa;AACX,SAAK,MAAM,CAAC,MAAM,YAAY,OAAO,QAAQ,mBAAmB,CAC9D,IAAG,oBAAoB,MAAM,QAAQ;;KAGxC,CAAC,GAAG,CAAC;EAER,MAAM,YAAY,cAAc,UAAU,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;AAE/D,SAAO,cAAc,SAAS;GAC5B,GAAG;GAEH,0BAA0B;GAC1B,KAAK;GACN,CAAC;GACF;AAEF,WAAU,cAAc;AAExB,QAAO"}
+{"version":3,"file":"create-component-DzdxL6Ne.js","names":["cleanups: VoidFunction[]","properties: Record<string, unknown>","attributes: Record<string, unknown>","eventHandlers: Record<string, AnyFunction>","fixedEventHandlers: Record<string, AnyFunction>"],"sources":["../src/components/merge-refs.ts","../src/components/create-component.ts"],"sourcesContent":["import type { Ref } from 'react'\n\n/**\n * Assigns a value to a ref.\n * @returns The ref cleanup callback, if any.\n */\nfunction assignRef<T>(\n  ref: Ref<T> | undefined,\n  value: T | null,\n): VoidFunction | void {\n  if (typeof ref === 'function') {\n    return ref(value)\n  } else if (ref) {\n    ref.current = value\n  }\n}\n\n/**\n * Merges multiple refs into a single one.\n */\nexport function mergeRefs<T>(refs: (Ref<T> | undefined)[]): Ref<T> {\n  return (value: T | null) => {\n    const cleanups: VoidFunction[] = []\n\n    for (const ref of refs) {\n      const cleanup = assignRef(ref, value)\n      const isCleanup = typeof cleanup === 'function'\n      cleanups.push(isCleanup ? cleanup : () => assignRef(ref, null))\n    }\n\n    return () => {\n      for (const cleanup of cleanups) cleanup()\n    }\n  }\n}\n","import type { AnyFunction } from '@prosekit/core'\nimport {\n  createElement,\n  forwardRef,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ForwardRefExoticComponent,\n  type HTMLAttributes,\n  type RefAttributes,\n} from 'react'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\nimport { mergeRefs } from './merge-refs'\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect\n\nexport function createComponent<\n  Props extends object,\n  CustomElement extends HTMLElement,\n>(\n  tagName: string,\n  displayName: string,\n  propNames: string[],\n  eventNames: string[],\n): ForwardRefExoticComponent<\n  Partial<Props> & RefAttributes<CustomElement> & HTMLAttributes<CustomElement>\n> {\n  const hasEditor = propNames.includes('editor')\n  const lowerCaseEventNameMap = new Map(\n    eventNames.map((name) => [name.toLowerCase(), name]),\n  )\n\n  const Component = forwardRef<any, any>((props: Props, ref) => {\n    const [el, setEl] = useState<HTMLElement | null>(null)\n\n    const properties: Record<string, unknown> = {}\n    const attributes: Record<string, unknown> = {}\n    const eventHandlersRef = useRef<Record<string, AnyFunction>>({})\n    const eventHandlers: Record<string, AnyFunction> = {}\n\n    for (const [name, value] of Object.entries(props)) {\n      if (value === undefined) {\n        continue\n      }\n\n      if (propNames.includes(name)) {\n        properties[name] = value\n        continue\n      }\n\n      if (name.startsWith('on')) {\n        const lowerCaseEventName = name.slice(2).toLowerCase()\n        const eventName = lowerCaseEventNameMap.get(lowerCaseEventName)\n        if (eventName) {\n          const extractDetail = eventName.endsWith('Change')\n          eventHandlers[eventName] = (event: Event) => {\n            const handler = value as AnyFunction | null\n            if (typeof handler === 'function') {\n              handler(extractDetail ? (event as CustomEvent).detail : event)\n            }\n          }\n          continue\n        }\n      }\n\n      if (name === 'className') {\n        attributes['class'] = value\n      } else {\n        attributes[name] = value\n      }\n    }\n\n    const editor = useEditorContext()\n\n    if (hasEditor && editor && !properties['editor']) {\n      properties['editor'] = editor\n    }\n\n    // Set all properties.\n    useIsomorphicLayoutEffect(() => {\n      if (!el) return\n      for (const [name, value] of Object.entries(properties)) {\n        if (value !== undefined) {\n          // @ts-expect-error: we know that name is a valid property name\n          // eslint-disable-next-line react-hooks/immutability\n          el[name] = value\n        }\n      }\n    }, [el, ...propNames.map((name) => properties[name])])\n\n    // Put all event listeners extracted from `props` into `eventHandlersRef`.\n    useIsomorphicLayoutEffect(() => {\n      eventHandlersRef.current = eventHandlers\n    })\n\n    // Register the event listeners to the element.\n    useIsomorphicLayoutEffect(() => {\n      if (!el) {\n        return\n      }\n\n      const fixedEventHandlers: Record<string, AnyFunction> = {}\n\n      for (const eventName of eventNames) {\n        fixedEventHandlers[eventName] = (event: Event) => {\n          eventHandlersRef.current[eventName]?.(event)\n        }\n      }\n\n      for (const [name, handler] of Object.entries(fixedEventHandlers)) {\n        el.addEventListener(name, handler)\n      }\n\n      return () => {\n        for (const [name, handler] of Object.entries(fixedEventHandlers)) {\n          el.removeEventListener(name, handler)\n        }\n      }\n    }, [el])\n\n    const mergedRef = useMemo(() => mergeRefs([ref, setEl]), [ref])\n\n    return createElement(tagName, {\n      ...attributes,\n      // Suppress hydration warnings for web components as the attributes are set after the component is mounted.\n      suppressHydrationWarning: true,\n      ref: mergedRef,\n    })\n  })\n\n  Component.displayName = displayName\n\n  return Component\n}\n"],"mappings":";;;;;;;;AAMA,SAAS,UACP,KACA,OACqB;AACrB,KAAI,OAAO,QAAQ,WACjB,QAAO,IAAI,MAAM;UACR,IACT,KAAI,UAAU;;;;;AAOlB,SAAgB,UAAa,MAAsC;AACjE,SAAQ,UAAoB;EAC1B,MAAMA,WAA2B,EAAE;AAEnC,OAAK,MAAM,OAAO,MAAM;GACtB,MAAM,UAAU,UAAU,KAAK,MAAM;GACrC,MAAM,YAAY,OAAO,YAAY;AACrC,YAAS,KAAK,YAAY,gBAAgB,UAAU,KAAK,KAAK,CAAC;;AAGjE,eAAa;AACX,QAAK,MAAM,WAAW,SAAU,UAAS;;;;;;;ACb/C,MAAM,4BAA4B,OAAO,WAAW,cAAc,kBAAkB;AAEpF,SAAgB,gBAId,SACA,aACA,WACA,YAGA;CACA,MAAM,YAAY,UAAU,SAAS,SAAS;CAC9C,MAAM,wBAAwB,IAAI,IAChC,WAAW,KAAK,SAAS,CAAC,KAAK,aAAa,EAAE,KAAK,CAAC,CACrD;CAED,MAAM,YAAY,YAAsB,OAAc,QAAQ;EAC5D,MAAM,CAAC,IAAI,SAAS,SAA6B,KAAK;EAEtD,MAAMC,aAAsC,EAAE;EAC9C,MAAMC,aAAsC,EAAE;EAC9C,MAAM,mBAAmB,OAAoC,EAAE,CAAC;EAChE,MAAMC,gBAA6C,EAAE;AAErD,OAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,MAAM,EAAE;AACjD,OAAI,UAAU,OACZ;AAGF,OAAI,UAAU,SAAS,KAAK,EAAE;AAC5B,eAAW,QAAQ;AACnB;;AAGF,OAAI,KAAK,WAAW,KAAK,EAAE;IACzB,MAAM,qBAAqB,KAAK,MAAM,EAAE,CAAC,aAAa;IACtD,MAAM,YAAY,sBAAsB,IAAI,mBAAmB;AAC/D,QAAI,WAAW;KACb,MAAM,gBAAgB,UAAU,SAAS,SAAS;AAClD,mBAAc,cAAc,UAAiB;MAC3C,MAAM,UAAU;AAChB,UAAI,OAAO,YAAY,WACrB,SAAQ,gBAAiB,MAAsB,SAAS,MAAM;;AAGlE;;;AAIJ,OAAI,SAAS,YACX,YAAW,WAAW;OAEtB,YAAW,QAAQ;;EAIvB,MAAM,SAAS,kBAAkB;AAEjC,MAAI,aAAa,UAAU,CAAC,WAAW,UACrC,YAAW,YAAY;AAIzB,kCAAgC;AAC9B,OAAI,CAAC,GAAI;AACT,QAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,WAAW,CACpD,KAAI,UAAU,OAGZ,IAAG,QAAQ;KAGd,CAAC,IAAI,GAAG,UAAU,KAAK,SAAS,WAAW,MAAM,CAAC,CAAC;AAGtD,kCAAgC;AAC9B,oBAAiB,UAAU;IAC3B;AAGF,kCAAgC;AAC9B,OAAI,CAAC,GACH;GAGF,MAAMC,qBAAkD,EAAE;AAE1D,QAAK,MAAM,aAAa,WACtB,oBAAmB,cAAc,UAAiB;AAChD,qBAAiB,QAAQ,aAAa,MAAM;;AAIhD,QAAK,MAAM,CAAC,MAAM,YAAY,OAAO,QAAQ,mBAAmB,CAC9D,IAAG,iBAAiB,MAAM,QAAQ;AAGpC,gBAAa;AACX,SAAK,MAAM,CAAC,MAAM,YAAY,OAAO,QAAQ,mBAAmB,CAC9D,IAAG,oBAAoB,MAAM,QAAQ;;KAGxC,CAAC,GAAG,CAAC;EAER,MAAM,YAAY,cAAc,UAAU,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;AAE/D,SAAO,cAAc,SAAS;GAC5B,GAAG;GAEH,0BAA0B;GAC1B,KAAK;GACN,CAAC;GACF;AAEF,WAAU,cAAc;AAExB,QAAO"}

package/dist/prosekit-react-autocomplete.js

@@ -1,4 +1,3 @@
-import "./editor-context-cG0zkv13.js";
 import { t as createComponent } from "./create-component-DzdxL6Ne.js";
 import { autocompleteEmptyEvents, autocompleteEmptyProps, autocompleteItemEvents, autocompleteItemProps, autocompleteListEvents, autocompleteListProps, autocompletePopoverEvents, autocompletePopoverProps } from "@prosekit/web/autocomplete";
 

package/dist/prosekit-react-autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react-autocomplete.js","names":["AutocompleteEmpty: ForwardRefExoticComponent<\n  AutocompleteEmptyProps &\n  RefAttributes<AutocompleteEmptyElement> &\n  HTMLAttributes<AutocompleteEmptyElement>\n>","AutocompleteItem: ForwardRefExoticComponent<\n  AutocompleteItemProps &\n  RefAttributes<AutocompleteItemElement> &\n  HTMLAttributes<AutocompleteItemElement>\n>","AutocompleteList: ForwardRefExoticComponent<\n  AutocompleteListProps &\n  RefAttributes<AutocompleteListElement> &\n  HTMLAttributes<AutocompleteListElement>\n>","AutocompletePopover: ForwardRefExoticComponent<\n  AutocompletePopoverProps &\n  RefAttributes<AutocompletePopoverElement> &\n  HTMLAttributes<AutocompletePopoverElement>\n>"],"sources":["../src/components/autocomplete/autocomplete-empty.gen.ts","../src/components/autocomplete/autocomplete-item.gen.ts","../src/components/autocomplete/autocomplete-list.gen.ts","../src/components/autocomplete/autocomplete-popover.gen.ts"],"sourcesContent":["import {\n  type AutocompleteEmptyElement,\n  type AutocompleteEmptyProps as Props,\n  type AutocompleteEmptyEvents as Events,\n  autocompleteEmptyProps,\n  autocompleteEmptyEvents,\n} from '@prosekit/web/autocomplete'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link AutocompleteEmpty} component.\n */\nexport interface AutocompleteEmptyProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const AutocompleteEmpty: ForwardRefExoticComponent<\n  AutocompleteEmptyProps &\n  RefAttributes<AutocompleteEmptyElement> &\n  HTMLAttributes<AutocompleteEmptyElement>\n> = createComponent<\n  AutocompleteEmptyProps, \n  AutocompleteEmptyElement\n>(\n  'prosekit-autocomplete-empty',\n  'AutocompleteEmpty',\n  Object.keys(autocompleteEmptyProps),\n  Object.keys(autocompleteEmptyEvents),\n)\n","import {\n  type AutocompleteItemElement,\n  type AutocompleteItemProps as Props,\n  type AutocompleteItemEvents as Events,\n  autocompleteItemProps,\n  autocompleteItemEvents,\n} from '@prosekit/web/autocomplete'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link AutocompleteItem} component.\n */\nexport interface AutocompleteItemProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const AutocompleteItem: ForwardRefExoticComponent<\n  AutocompleteItemProps &\n  RefAttributes<AutocompleteItemElement> &\n  HTMLAttributes<AutocompleteItemElement>\n> = createComponent<\n  AutocompleteItemProps, \n  AutocompleteItemElement\n>(\n  'prosekit-autocomplete-item',\n  'AutocompleteItem',\n  Object.keys(autocompleteItemProps),\n  Object.keys(autocompleteItemEvents),\n)\n","import {\n  type AutocompleteListElement,\n  type AutocompleteListProps as Props,\n  type AutocompleteListEvents as Events,\n  autocompleteListProps,\n  autocompleteListEvents,\n} from '@prosekit/web/autocomplete'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link AutocompleteList} component.\n */\nexport interface AutocompleteListProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const AutocompleteList: ForwardRefExoticComponent<\n  AutocompleteListProps &\n  RefAttributes<AutocompleteListElement> &\n  HTMLAttributes<AutocompleteListElement>\n> = createComponent<\n  AutocompleteListProps, \n  AutocompleteListElement\n>(\n  'prosekit-autocomplete-list',\n  'AutocompleteList',\n  Object.keys(autocompleteListProps),\n  Object.keys(autocompleteListEvents),\n)\n","import {\n  type AutocompletePopoverElement,\n  type AutocompletePopoverProps as Props,\n  type AutocompletePopoverEvents as Events,\n  autocompletePopoverProps,\n  autocompletePopoverEvents,\n} from '@prosekit/web/autocomplete'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link AutocompletePopover} component.\n */\nexport interface AutocompletePopoverProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const AutocompletePopover: ForwardRefExoticComponent<\n  AutocompletePopoverProps &\n  RefAttributes<AutocompletePopoverElement> &\n  HTMLAttributes<AutocompletePopoverElement>\n> = createComponent<\n  AutocompletePopoverProps, \n  AutocompletePopoverElement\n>(\n  'prosekit-autocomplete-popover',\n  'AutocompletePopover',\n  Object.keys(autocompletePopoverProps),\n  Object.keys(autocompletePopoverEvents),\n)\n"],"mappings":";;;;;AAqBA,MAAaA,oBAIT,gBAIF,+BACA,qBACA,OAAO,KAAK,uBAAuB,EACnC,OAAO,KAAK,wBAAwB,CACrC;;;;ACZD,MAAaC,mBAIT,gBAIF,8BACA,oBACA,OAAO,KAAK,sBAAsB,EAClC,OAAO,KAAK,uBAAuB,CACpC;;;;ACZD,MAAaC,mBAIT,gBAIF,8BACA,oBACA,OAAO,KAAK,sBAAsB,EAClC,OAAO,KAAK,uBAAuB,CACpC;;;;ACZD,MAAaC,sBAIT,gBAIF,iCACA,uBACA,OAAO,KAAK,yBAAyB,EACrC,OAAO,KAAK,0BAA0B,CACvC"}
+{"version":3,"file":"prosekit-react-autocomplete.js","names":["AutocompleteEmpty: ForwardRefExoticComponent<\n  AutocompleteEmptyProps &\n  RefAttributes<AutocompleteEmptyElement> &\n  HTMLAttributes<AutocompleteEmptyElement>\n>","AutocompleteItem: ForwardRefExoticComponent<\n  AutocompleteItemProps &\n  RefAttributes<AutocompleteItemElement> &\n  HTMLAttributes<AutocompleteItemElement>\n>","AutocompleteList: ForwardRefExoticComponent<\n  AutocompleteListProps &\n  RefAttributes<AutocompleteListElement> &\n  HTMLAttributes<AutocompleteListElement>\n>","AutocompletePopover: ForwardRefExoticComponent<\n  AutocompletePopoverProps &\n  RefAttributes<AutocompletePopoverElement> &\n  HTMLAttributes<AutocompletePopoverElement>\n>"],"sources":["../src/components/autocomplete/autocomplete-empty.gen.ts","../src/components/autocomplete/autocomplete-item.gen.ts","../src/components/autocomplete/autocomplete-list.gen.ts","../src/components/autocomplete/autocomplete-popover.gen.ts"],"sourcesContent":["import {\n  type AutocompleteEmptyElement,\n  type AutocompleteEmptyProps as Props,\n  type AutocompleteEmptyEvents as Events,\n  autocompleteEmptyProps,\n  autocompleteEmptyEvents,\n} from '@prosekit/web/autocomplete'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link AutocompleteEmpty} component.\n */\nexport interface AutocompleteEmptyProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const AutocompleteEmpty: ForwardRefExoticComponent<\n  AutocompleteEmptyProps &\n  RefAttributes<AutocompleteEmptyElement> &\n  HTMLAttributes<AutocompleteEmptyElement>\n> = createComponent<\n  AutocompleteEmptyProps, \n  AutocompleteEmptyElement\n>(\n  'prosekit-autocomplete-empty',\n  'AutocompleteEmpty',\n  Object.keys(autocompleteEmptyProps),\n  Object.keys(autocompleteEmptyEvents),\n)\n","import {\n  type AutocompleteItemElement,\n  type AutocompleteItemProps as Props,\n  type AutocompleteItemEvents as Events,\n  autocompleteItemProps,\n  autocompleteItemEvents,\n} from '@prosekit/web/autocomplete'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link AutocompleteItem} component.\n */\nexport interface AutocompleteItemProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const AutocompleteItem: ForwardRefExoticComponent<\n  AutocompleteItemProps &\n  RefAttributes<AutocompleteItemElement> &\n  HTMLAttributes<AutocompleteItemElement>\n> = createComponent<\n  AutocompleteItemProps, \n  AutocompleteItemElement\n>(\n  'prosekit-autocomplete-item',\n  'AutocompleteItem',\n  Object.keys(autocompleteItemProps),\n  Object.keys(autocompleteItemEvents),\n)\n","import {\n  type AutocompleteListElement,\n  type AutocompleteListProps as Props,\n  type AutocompleteListEvents as Events,\n  autocompleteListProps,\n  autocompleteListEvents,\n} from '@prosekit/web/autocomplete'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link AutocompleteList} component.\n */\nexport interface AutocompleteListProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const AutocompleteList: ForwardRefExoticComponent<\n  AutocompleteListProps &\n  RefAttributes<AutocompleteListElement> &\n  HTMLAttributes<AutocompleteListElement>\n> = createComponent<\n  AutocompleteListProps, \n  AutocompleteListElement\n>(\n  'prosekit-autocomplete-list',\n  'AutocompleteList',\n  Object.keys(autocompleteListProps),\n  Object.keys(autocompleteListEvents),\n)\n","import {\n  type AutocompletePopoverElement,\n  type AutocompletePopoverProps as Props,\n  type AutocompletePopoverEvents as Events,\n  autocompletePopoverProps,\n  autocompletePopoverEvents,\n} from '@prosekit/web/autocomplete'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link AutocompletePopover} component.\n */\nexport interface AutocompletePopoverProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const AutocompletePopover: ForwardRefExoticComponent<\n  AutocompletePopoverProps &\n  RefAttributes<AutocompletePopoverElement> &\n  HTMLAttributes<AutocompletePopoverElement>\n> = createComponent<\n  AutocompletePopoverProps, \n  AutocompletePopoverElement\n>(\n  'prosekit-autocomplete-popover',\n  'AutocompletePopover',\n  Object.keys(autocompletePopoverProps),\n  Object.keys(autocompletePopoverEvents),\n)\n"],"mappings":";;;;AAqBA,MAAaA,oBAIT,gBAIF,+BACA,qBACA,OAAO,KAAK,uBAAuB,EACnC,OAAO,KAAK,wBAAwB,CACrC;;;;ACZD,MAAaC,mBAIT,gBAIF,8BACA,oBACA,OAAO,KAAK,sBAAsB,EAClC,OAAO,KAAK,uBAAuB,CACpC;;;;ACZD,MAAaC,mBAIT,gBAIF,8BACA,oBACA,OAAO,KAAK,sBAAsB,EAClC,OAAO,KAAK,uBAAuB,CACpC;;;;ACZD,MAAaC,sBAIT,gBAIF,iCACA,uBACA,OAAO,KAAK,yBAAyB,EACrC,OAAO,KAAK,0BAA0B,CACvC"}

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

@@ -1,4 +1,3 @@
-import "./editor-context-cG0zkv13.js";
 import { t as createComponent } from "./create-component-DzdxL6Ne.js";
 import { blockHandleAddEvents, blockHandleAddProps, blockHandleDraggableEvents, blockHandleDraggableProps, blockHandlePopoverEvents, blockHandlePopoverProps } from "@prosekit/web/block-handle";
 

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react-block-handle.js","names":["BlockHandleAdd: ForwardRefExoticComponent<\n  BlockHandleAddProps &\n  RefAttributes<BlockHandleAddElement> &\n  HTMLAttributes<BlockHandleAddElement>\n>","BlockHandleDraggable: ForwardRefExoticComponent<\n  BlockHandleDraggableProps &\n  RefAttributes<BlockHandleDraggableElement> &\n  HTMLAttributes<BlockHandleDraggableElement>\n>","BlockHandlePopover: ForwardRefExoticComponent<\n  BlockHandlePopoverProps &\n  RefAttributes<BlockHandlePopoverElement> &\n  HTMLAttributes<BlockHandlePopoverElement>\n>"],"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-popover.gen.ts"],"sourcesContent":["import {\n  type BlockHandleAddElement,\n  type BlockHandleAddProps as Props,\n  type BlockHandleAddEvents as Events,\n  blockHandleAddProps,\n  blockHandleAddEvents,\n} from '@prosekit/web/block-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link BlockHandleAdd} component.\n */\nexport interface BlockHandleAddProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const BlockHandleAdd: ForwardRefExoticComponent<\n  BlockHandleAddProps &\n  RefAttributes<BlockHandleAddElement> &\n  HTMLAttributes<BlockHandleAddElement>\n> = createComponent<\n  BlockHandleAddProps, \n  BlockHandleAddElement\n>(\n  'prosekit-block-handle-add',\n  'BlockHandleAdd',\n  Object.keys(blockHandleAddProps),\n  Object.keys(blockHandleAddEvents),\n)\n","import {\n  type BlockHandleDraggableElement,\n  type BlockHandleDraggableProps as Props,\n  type BlockHandleDraggableEvents as Events,\n  blockHandleDraggableProps,\n  blockHandleDraggableEvents,\n} from '@prosekit/web/block-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link BlockHandleDraggable} component.\n */\nexport interface BlockHandleDraggableProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const BlockHandleDraggable: ForwardRefExoticComponent<\n  BlockHandleDraggableProps &\n  RefAttributes<BlockHandleDraggableElement> &\n  HTMLAttributes<BlockHandleDraggableElement>\n> = createComponent<\n  BlockHandleDraggableProps, \n  BlockHandleDraggableElement\n>(\n  'prosekit-block-handle-draggable',\n  'BlockHandleDraggable',\n  Object.keys(blockHandleDraggableProps),\n  Object.keys(blockHandleDraggableEvents),\n)\n","import {\n  type BlockHandlePopoverElement,\n  type BlockHandlePopoverProps as Props,\n  type BlockHandlePopoverEvents as Events,\n  blockHandlePopoverProps,\n  blockHandlePopoverEvents,\n} from '@prosekit/web/block-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link BlockHandlePopover} component.\n */\nexport interface BlockHandlePopoverProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const BlockHandlePopover: ForwardRefExoticComponent<\n  BlockHandlePopoverProps &\n  RefAttributes<BlockHandlePopoverElement> &\n  HTMLAttributes<BlockHandlePopoverElement>\n> = createComponent<\n  BlockHandlePopoverProps, \n  BlockHandlePopoverElement\n>(\n  'prosekit-block-handle-popover',\n  'BlockHandlePopover',\n  Object.keys(blockHandlePopoverProps),\n  Object.keys(blockHandlePopoverEvents),\n)\n"],"mappings":";;;;;AAqBA,MAAaA,iBAIT,gBAIF,6BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;;ACZD,MAAaC,uBAIT,gBAIF,mCACA,wBACA,OAAO,KAAK,0BAA0B,EACtC,OAAO,KAAK,2BAA2B,CACxC;;;;ACZD,MAAaC,qBAIT,gBAIF,iCACA,sBACA,OAAO,KAAK,wBAAwB,EACpC,OAAO,KAAK,yBAAyB,CACtC"}
+{"version":3,"file":"prosekit-react-block-handle.js","names":["BlockHandleAdd: ForwardRefExoticComponent<\n  BlockHandleAddProps &\n  RefAttributes<BlockHandleAddElement> &\n  HTMLAttributes<BlockHandleAddElement>\n>","BlockHandleDraggable: ForwardRefExoticComponent<\n  BlockHandleDraggableProps &\n  RefAttributes<BlockHandleDraggableElement> &\n  HTMLAttributes<BlockHandleDraggableElement>\n>","BlockHandlePopover: ForwardRefExoticComponent<\n  BlockHandlePopoverProps &\n  RefAttributes<BlockHandlePopoverElement> &\n  HTMLAttributes<BlockHandlePopoverElement>\n>"],"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-popover.gen.ts"],"sourcesContent":["import {\n  type BlockHandleAddElement,\n  type BlockHandleAddProps as Props,\n  type BlockHandleAddEvents as Events,\n  blockHandleAddProps,\n  blockHandleAddEvents,\n} from '@prosekit/web/block-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link BlockHandleAdd} component.\n */\nexport interface BlockHandleAddProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const BlockHandleAdd: ForwardRefExoticComponent<\n  BlockHandleAddProps &\n  RefAttributes<BlockHandleAddElement> &\n  HTMLAttributes<BlockHandleAddElement>\n> = createComponent<\n  BlockHandleAddProps, \n  BlockHandleAddElement\n>(\n  'prosekit-block-handle-add',\n  'BlockHandleAdd',\n  Object.keys(blockHandleAddProps),\n  Object.keys(blockHandleAddEvents),\n)\n","import {\n  type BlockHandleDraggableElement,\n  type BlockHandleDraggableProps as Props,\n  type BlockHandleDraggableEvents as Events,\n  blockHandleDraggableProps,\n  blockHandleDraggableEvents,\n} from '@prosekit/web/block-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link BlockHandleDraggable} component.\n */\nexport interface BlockHandleDraggableProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const BlockHandleDraggable: ForwardRefExoticComponent<\n  BlockHandleDraggableProps &\n  RefAttributes<BlockHandleDraggableElement> &\n  HTMLAttributes<BlockHandleDraggableElement>\n> = createComponent<\n  BlockHandleDraggableProps, \n  BlockHandleDraggableElement\n>(\n  'prosekit-block-handle-draggable',\n  'BlockHandleDraggable',\n  Object.keys(blockHandleDraggableProps),\n  Object.keys(blockHandleDraggableEvents),\n)\n","import {\n  type BlockHandlePopoverElement,\n  type BlockHandlePopoverProps as Props,\n  type BlockHandlePopoverEvents as Events,\n  blockHandlePopoverProps,\n  blockHandlePopoverEvents,\n} from '@prosekit/web/block-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link BlockHandlePopover} component.\n */\nexport interface BlockHandlePopoverProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const BlockHandlePopover: ForwardRefExoticComponent<\n  BlockHandlePopoverProps &\n  RefAttributes<BlockHandlePopoverElement> &\n  HTMLAttributes<BlockHandlePopoverElement>\n> = createComponent<\n  BlockHandlePopoverProps, \n  BlockHandlePopoverElement\n>(\n  'prosekit-block-handle-popover',\n  'BlockHandlePopover',\n  Object.keys(blockHandlePopoverProps),\n  Object.keys(blockHandlePopoverEvents),\n)\n"],"mappings":";;;;AAqBA,MAAaA,iBAIT,gBAIF,6BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;;ACZD,MAAaC,uBAIT,gBAIF,mCACA,wBACA,OAAO,KAAK,0BAA0B,EACtC,OAAO,KAAK,2BAA2B,CACxC;;;;ACZD,MAAaC,qBAIT,gBAIF,iCACA,sBACA,OAAO,KAAK,wBAAwB,EACpC,OAAO,KAAK,yBAAyB,CACtC"}

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

@@ -1,4 +1,3 @@
-import "./editor-context-cG0zkv13.js";
 import { t as createComponent } from "./create-component-DzdxL6Ne.js";
 import { dropIndicatorEvents, dropIndicatorProps } from "@prosekit/web/drop-indicator";
 

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react-drop-indicator.js","names":["DropIndicator: ForwardRefExoticComponent<\n  DropIndicatorProps &\n  RefAttributes<DropIndicatorElement> &\n  HTMLAttributes<DropIndicatorElement>\n>"],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"sourcesContent":["import {\n  type DropIndicatorElement,\n  type DropIndicatorProps as Props,\n  type DropIndicatorEvents as Events,\n  dropIndicatorProps,\n  dropIndicatorEvents,\n} from '@prosekit/web/drop-indicator'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link DropIndicator} component.\n */\nexport interface DropIndicatorProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const DropIndicator: ForwardRefExoticComponent<\n  DropIndicatorProps &\n  RefAttributes<DropIndicatorElement> &\n  HTMLAttributes<DropIndicatorElement>\n> = createComponent<\n  DropIndicatorProps, \n  DropIndicatorElement\n>(\n  'prosekit-drop-indicator',\n  'DropIndicator',\n  Object.keys(dropIndicatorProps),\n  Object.keys(dropIndicatorEvents),\n)\n"],"mappings":";;;;;AAqBA,MAAaA,gBAIT,gBAIF,2BACA,iBACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}
+{"version":3,"file":"prosekit-react-drop-indicator.js","names":["DropIndicator: ForwardRefExoticComponent<\n  DropIndicatorProps &\n  RefAttributes<DropIndicatorElement> &\n  HTMLAttributes<DropIndicatorElement>\n>"],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"sourcesContent":["import {\n  type DropIndicatorElement,\n  type DropIndicatorProps as Props,\n  type DropIndicatorEvents as Events,\n  dropIndicatorProps,\n  dropIndicatorEvents,\n} from '@prosekit/web/drop-indicator'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link DropIndicator} component.\n */\nexport interface DropIndicatorProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const DropIndicator: ForwardRefExoticComponent<\n  DropIndicatorProps &\n  RefAttributes<DropIndicatorElement> &\n  HTMLAttributes<DropIndicatorElement>\n> = createComponent<\n  DropIndicatorProps, \n  DropIndicatorElement\n>(\n  'prosekit-drop-indicator',\n  'DropIndicator',\n  Object.keys(dropIndicatorProps),\n  Object.keys(dropIndicatorEvents),\n)\n"],"mappings":";;;;AAqBA,MAAaA,gBAIT,gBAIF,2BACA,iBACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}

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

@@ -1,4 +1,3 @@
-import "./editor-context-cG0zkv13.js";
 import { t as createComponent } from "./create-component-DzdxL6Ne.js";
 import { inlinePopoverEvents, inlinePopoverProps } from "@prosekit/web/inline-popover";
 

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react-inline-popover.js","names":["InlinePopover: ForwardRefExoticComponent<\n  InlinePopoverProps &\n  RefAttributes<InlinePopoverElement> &\n  HTMLAttributes<InlinePopoverElement>\n>"],"sources":["../src/components/inline-popover/inline-popover.gen.ts"],"sourcesContent":["import {\n  type InlinePopoverElement,\n  type InlinePopoverProps as Props,\n  type InlinePopoverEvents as Events,\n  inlinePopoverProps,\n  inlinePopoverEvents,\n} from '@prosekit/web/inline-popover'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link InlinePopover} component.\n */\nexport interface InlinePopoverProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const InlinePopover: ForwardRefExoticComponent<\n  InlinePopoverProps &\n  RefAttributes<InlinePopoverElement> &\n  HTMLAttributes<InlinePopoverElement>\n> = createComponent<\n  InlinePopoverProps, \n  InlinePopoverElement\n>(\n  'prosekit-inline-popover',\n  'InlinePopover',\n  Object.keys(inlinePopoverProps),\n  Object.keys(inlinePopoverEvents),\n)\n"],"mappings":";;;;;AAqBA,MAAaA,gBAIT,gBAIF,2BACA,iBACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}
+{"version":3,"file":"prosekit-react-inline-popover.js","names":["InlinePopover: ForwardRefExoticComponent<\n  InlinePopoverProps &\n  RefAttributes<InlinePopoverElement> &\n  HTMLAttributes<InlinePopoverElement>\n>"],"sources":["../src/components/inline-popover/inline-popover.gen.ts"],"sourcesContent":["import {\n  type InlinePopoverElement,\n  type InlinePopoverProps as Props,\n  type InlinePopoverEvents as Events,\n  inlinePopoverProps,\n  inlinePopoverEvents,\n} from '@prosekit/web/inline-popover'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link InlinePopover} component.\n */\nexport interface InlinePopoverProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const InlinePopover: ForwardRefExoticComponent<\n  InlinePopoverProps &\n  RefAttributes<InlinePopoverElement> &\n  HTMLAttributes<InlinePopoverElement>\n> = createComponent<\n  InlinePopoverProps, \n  InlinePopoverElement\n>(\n  'prosekit-inline-popover',\n  'InlinePopover',\n  Object.keys(inlinePopoverProps),\n  Object.keys(inlinePopoverEvents),\n)\n"],"mappings":";;;;AAqBA,MAAaA,gBAIT,gBAIF,2BACA,iBACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}

package/dist/prosekit-react-popover.js

@@ -1,4 +1,3 @@
-import "./editor-context-cG0zkv13.js";
 import { t as createComponent } from "./create-component-DzdxL6Ne.js";
 import { popoverContentEvents, popoverContentProps, popoverRootEvents, popoverRootProps, popoverTriggerEvents, popoverTriggerProps } from "@prosekit/web/popover";
 

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react-popover.js","names":["PopoverContent: ForwardRefExoticComponent<\n  PopoverContentProps &\n  RefAttributes<PopoverContentElement> &\n  HTMLAttributes<PopoverContentElement>\n>","PopoverRoot: ForwardRefExoticComponent<\n  PopoverRootProps &\n  RefAttributes<PopoverRootElement> &\n  HTMLAttributes<PopoverRootElement>\n>","PopoverTrigger: ForwardRefExoticComponent<\n  PopoverTriggerProps &\n  RefAttributes<PopoverTriggerElement> &\n  HTMLAttributes<PopoverTriggerElement>\n>"],"sources":["../src/components/popover/popover-content.gen.ts","../src/components/popover/popover-root.gen.ts","../src/components/popover/popover-trigger.gen.ts"],"sourcesContent":["import {\n  type PopoverContentElement,\n  type PopoverContentProps as Props,\n  type PopoverContentEvents as Events,\n  popoverContentProps,\n  popoverContentEvents,\n} from '@prosekit/web/popover'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link PopoverContent} component.\n */\nexport interface PopoverContentProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const PopoverContent: ForwardRefExoticComponent<\n  PopoverContentProps &\n  RefAttributes<PopoverContentElement> &\n  HTMLAttributes<PopoverContentElement>\n> = createComponent<\n  PopoverContentProps, \n  PopoverContentElement\n>(\n  'prosekit-popover-content',\n  'PopoverContent',\n  Object.keys(popoverContentProps),\n  Object.keys(popoverContentEvents),\n)\n","import {\n  type PopoverRootElement,\n  type PopoverRootProps as Props,\n  type PopoverRootEvents as Events,\n  popoverRootProps,\n  popoverRootEvents,\n} from '@prosekit/web/popover'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link PopoverRoot} component.\n */\nexport interface PopoverRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const PopoverRoot: ForwardRefExoticComponent<\n  PopoverRootProps &\n  RefAttributes<PopoverRootElement> &\n  HTMLAttributes<PopoverRootElement>\n> = createComponent<\n  PopoverRootProps, \n  PopoverRootElement\n>(\n  'prosekit-popover-root',\n  'PopoverRoot',\n  Object.keys(popoverRootProps),\n  Object.keys(popoverRootEvents),\n)\n","import {\n  type PopoverTriggerElement,\n  type PopoverTriggerProps as Props,\n  type PopoverTriggerEvents as Events,\n  popoverTriggerProps,\n  popoverTriggerEvents,\n} from '@prosekit/web/popover'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link PopoverTrigger} component.\n */\nexport interface PopoverTriggerProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const PopoverTrigger: ForwardRefExoticComponent<\n  PopoverTriggerProps &\n  RefAttributes<PopoverTriggerElement> &\n  HTMLAttributes<PopoverTriggerElement>\n> = createComponent<\n  PopoverTriggerProps, \n  PopoverTriggerElement\n>(\n  'prosekit-popover-trigger',\n  'PopoverTrigger',\n  Object.keys(popoverTriggerProps),\n  Object.keys(popoverTriggerEvents),\n)\n"],"mappings":";;;;;AAqBA,MAAaA,iBAIT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;;ACZD,MAAaC,cAIT,gBAIF,yBACA,eACA,OAAO,KAAK,iBAAiB,EAC7B,OAAO,KAAK,kBAAkB,CAC/B;;;;ACZD,MAAaC,iBAIT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC"}
+{"version":3,"file":"prosekit-react-popover.js","names":["PopoverContent: ForwardRefExoticComponent<\n  PopoverContentProps &\n  RefAttributes<PopoverContentElement> &\n  HTMLAttributes<PopoverContentElement>\n>","PopoverRoot: ForwardRefExoticComponent<\n  PopoverRootProps &\n  RefAttributes<PopoverRootElement> &\n  HTMLAttributes<PopoverRootElement>\n>","PopoverTrigger: ForwardRefExoticComponent<\n  PopoverTriggerProps &\n  RefAttributes<PopoverTriggerElement> &\n  HTMLAttributes<PopoverTriggerElement>\n>"],"sources":["../src/components/popover/popover-content.gen.ts","../src/components/popover/popover-root.gen.ts","../src/components/popover/popover-trigger.gen.ts"],"sourcesContent":["import {\n  type PopoverContentElement,\n  type PopoverContentProps as Props,\n  type PopoverContentEvents as Events,\n  popoverContentProps,\n  popoverContentEvents,\n} from '@prosekit/web/popover'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link PopoverContent} component.\n */\nexport interface PopoverContentProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const PopoverContent: ForwardRefExoticComponent<\n  PopoverContentProps &\n  RefAttributes<PopoverContentElement> &\n  HTMLAttributes<PopoverContentElement>\n> = createComponent<\n  PopoverContentProps, \n  PopoverContentElement\n>(\n  'prosekit-popover-content',\n  'PopoverContent',\n  Object.keys(popoverContentProps),\n  Object.keys(popoverContentEvents),\n)\n","import {\n  type PopoverRootElement,\n  type PopoverRootProps as Props,\n  type PopoverRootEvents as Events,\n  popoverRootProps,\n  popoverRootEvents,\n} from '@prosekit/web/popover'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link PopoverRoot} component.\n */\nexport interface PopoverRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const PopoverRoot: ForwardRefExoticComponent<\n  PopoverRootProps &\n  RefAttributes<PopoverRootElement> &\n  HTMLAttributes<PopoverRootElement>\n> = createComponent<\n  PopoverRootProps, \n  PopoverRootElement\n>(\n  'prosekit-popover-root',\n  'PopoverRoot',\n  Object.keys(popoverRootProps),\n  Object.keys(popoverRootEvents),\n)\n","import {\n  type PopoverTriggerElement,\n  type PopoverTriggerProps as Props,\n  type PopoverTriggerEvents as Events,\n  popoverTriggerProps,\n  popoverTriggerEvents,\n} from '@prosekit/web/popover'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link PopoverTrigger} component.\n */\nexport interface PopoverTriggerProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const PopoverTrigger: ForwardRefExoticComponent<\n  PopoverTriggerProps &\n  RefAttributes<PopoverTriggerElement> &\n  HTMLAttributes<PopoverTriggerElement>\n> = createComponent<\n  PopoverTriggerProps, \n  PopoverTriggerElement\n>(\n  'prosekit-popover-trigger',\n  'PopoverTrigger',\n  Object.keys(popoverTriggerProps),\n  Object.keys(popoverTriggerEvents),\n)\n"],"mappings":";;;;AAqBA,MAAaA,iBAIT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;;ACZD,MAAaC,cAIT,gBAIF,yBACA,eACA,OAAO,KAAK,iBAAiB,EAC7B,OAAO,KAAK,kBAAkB,CAC/B;;;;ACZD,MAAaC,iBAIT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC"}

package/dist/prosekit-react-resizable.js

@@ -1,4 +1,3 @@
-import "./editor-context-cG0zkv13.js";
 import { t as createComponent } from "./create-component-DzdxL6Ne.js";
 import { resizableHandleEvents, resizableHandleProps, resizableRootEvents, resizableRootProps } from "@prosekit/web/resizable";
 

package/dist/prosekit-react-resizable.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react-resizable.js","names":["ResizableHandle: ForwardRefExoticComponent<\n  ResizableHandleProps &\n  RefAttributes<ResizableHandleElement> &\n  HTMLAttributes<ResizableHandleElement>\n>","ResizableRoot: ForwardRefExoticComponent<\n  ResizableRootProps &\n  RefAttributes<ResizableRootElement> &\n  HTMLAttributes<ResizableRootElement>\n>"],"sources":["../src/components/resizable/resizable-handle.gen.ts","../src/components/resizable/resizable-root.gen.ts"],"sourcesContent":["import {\n  type ResizableHandleElement,\n  type ResizableHandleProps as Props,\n  type ResizableHandleEvents as Events,\n  resizableHandleProps,\n  resizableHandleEvents,\n} from '@prosekit/web/resizable'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link ResizableHandle} component.\n */\nexport interface ResizableHandleProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const ResizableHandle: ForwardRefExoticComponent<\n  ResizableHandleProps &\n  RefAttributes<ResizableHandleElement> &\n  HTMLAttributes<ResizableHandleElement>\n> = createComponent<\n  ResizableHandleProps, \n  ResizableHandleElement\n>(\n  'prosekit-resizable-handle',\n  'ResizableHandle',\n  Object.keys(resizableHandleProps),\n  Object.keys(resizableHandleEvents),\n)\n","import {\n  type ResizableRootElement,\n  type ResizableRootProps as Props,\n  type ResizableRootEvents as Events,\n  resizableRootProps,\n  resizableRootEvents,\n} from '@prosekit/web/resizable'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link ResizableRoot} component.\n */\nexport interface ResizableRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const ResizableRoot: ForwardRefExoticComponent<\n  ResizableRootProps &\n  RefAttributes<ResizableRootElement> &\n  HTMLAttributes<ResizableRootElement>\n> = createComponent<\n  ResizableRootProps, \n  ResizableRootElement\n>(\n  'prosekit-resizable-root',\n  'ResizableRoot',\n  Object.keys(resizableRootProps),\n  Object.keys(resizableRootEvents),\n)\n"],"mappings":";;;;;AAqBA,MAAaA,kBAIT,gBAIF,6BACA,mBACA,OAAO,KAAK,qBAAqB,EACjC,OAAO,KAAK,sBAAsB,CACnC;;;;ACZD,MAAaC,gBAIT,gBAIF,2BACA,iBACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}
+{"version":3,"file":"prosekit-react-resizable.js","names":["ResizableHandle: ForwardRefExoticComponent<\n  ResizableHandleProps &\n  RefAttributes<ResizableHandleElement> &\n  HTMLAttributes<ResizableHandleElement>\n>","ResizableRoot: ForwardRefExoticComponent<\n  ResizableRootProps &\n  RefAttributes<ResizableRootElement> &\n  HTMLAttributes<ResizableRootElement>\n>"],"sources":["../src/components/resizable/resizable-handle.gen.ts","../src/components/resizable/resizable-root.gen.ts"],"sourcesContent":["import {\n  type ResizableHandleElement,\n  type ResizableHandleProps as Props,\n  type ResizableHandleEvents as Events,\n  resizableHandleProps,\n  resizableHandleEvents,\n} from '@prosekit/web/resizable'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link ResizableHandle} component.\n */\nexport interface ResizableHandleProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const ResizableHandle: ForwardRefExoticComponent<\n  ResizableHandleProps &\n  RefAttributes<ResizableHandleElement> &\n  HTMLAttributes<ResizableHandleElement>\n> = createComponent<\n  ResizableHandleProps, \n  ResizableHandleElement\n>(\n  'prosekit-resizable-handle',\n  'ResizableHandle',\n  Object.keys(resizableHandleProps),\n  Object.keys(resizableHandleEvents),\n)\n","import {\n  type ResizableRootElement,\n  type ResizableRootProps as Props,\n  type ResizableRootEvents as Events,\n  resizableRootProps,\n  resizableRootEvents,\n} from '@prosekit/web/resizable'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link ResizableRoot} component.\n */\nexport interface ResizableRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const ResizableRoot: ForwardRefExoticComponent<\n  ResizableRootProps &\n  RefAttributes<ResizableRootElement> &\n  HTMLAttributes<ResizableRootElement>\n> = createComponent<\n  ResizableRootProps, \n  ResizableRootElement\n>(\n  'prosekit-resizable-root',\n  'ResizableRoot',\n  Object.keys(resizableRootProps),\n  Object.keys(resizableRootEvents),\n)\n"],"mappings":";;;;AAqBA,MAAaA,kBAIT,gBAIF,6BACA,mBACA,OAAO,KAAK,qBAAqB,EACjC,OAAO,KAAK,sBAAsB,CACnC;;;;ACZD,MAAaC,gBAIT,gBAIF,2BACA,iBACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}

package/dist/prosekit-react-table-handle.js

@@ -1,4 +1,3 @@
-import "./editor-context-cG0zkv13.js";
 import { t as createComponent } from "./create-component-DzdxL6Ne.js";
 import { tableHandleColumnRootEvents, tableHandleColumnRootProps, tableHandleColumnTriggerEvents, tableHandleColumnTriggerProps, tableHandleDragPreviewEvents, tableHandleDragPreviewProps, tableHandleDropIndicatorEvents, tableHandleDropIndicatorProps, tableHandlePopoverContentEvents, tableHandlePopoverContentProps, tableHandlePopoverItemEvents, tableHandlePopoverItemProps, tableHandleRootEvents, tableHandleRootProps, tableHandleRowRootEvents, tableHandleRowRootProps, tableHandleRowTriggerEvents, tableHandleRowTriggerProps } from "@prosekit/web/table-handle";
 

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react-table-handle.js","names":["TableHandleColumnRoot: ForwardRefExoticComponent<\n  TableHandleColumnRootProps &\n  RefAttributes<TableHandleColumnRootElement> &\n  HTMLAttributes<TableHandleColumnRootElement>\n>","TableHandleColumnTrigger: ForwardRefExoticComponent<\n  TableHandleColumnTriggerProps &\n  RefAttributes<TableHandleColumnTriggerElement> &\n  HTMLAttributes<TableHandleColumnTriggerElement>\n>","TableHandleDragPreview: ForwardRefExoticComponent<\n  TableHandleDragPreviewProps &\n  RefAttributes<TableHandleDragPreviewElement> &\n  HTMLAttributes<TableHandleDragPreviewElement>\n>","TableHandleDropIndicator: ForwardRefExoticComponent<\n  TableHandleDropIndicatorProps &\n  RefAttributes<TableHandleDropIndicatorElement> &\n  HTMLAttributes<TableHandleDropIndicatorElement>\n>","TableHandlePopoverContent: ForwardRefExoticComponent<\n  TableHandlePopoverContentProps &\n  RefAttributes<TableHandlePopoverContentElement> &\n  HTMLAttributes<TableHandlePopoverContentElement>\n>","TableHandlePopoverItem: ForwardRefExoticComponent<\n  TableHandlePopoverItemProps &\n  RefAttributes<TableHandlePopoverItemElement> &\n  HTMLAttributes<TableHandlePopoverItemElement>\n>","TableHandleRoot: ForwardRefExoticComponent<\n  TableHandleRootProps &\n  RefAttributes<TableHandleRootElement> &\n  HTMLAttributes<TableHandleRootElement>\n>","TableHandleRowRoot: ForwardRefExoticComponent<\n  TableHandleRowRootProps &\n  RefAttributes<TableHandleRowRootElement> &\n  HTMLAttributes<TableHandleRowRootElement>\n>","TableHandleRowTrigger: ForwardRefExoticComponent<\n  TableHandleRowTriggerProps &\n  RefAttributes<TableHandleRowTriggerElement> &\n  HTMLAttributes<TableHandleRowTriggerElement>\n>"],"sources":["../src/components/table-handle/table-handle-column-root.gen.ts","../src/components/table-handle/table-handle-column-trigger.gen.ts","../src/components/table-handle/table-handle-drag-preview.gen.ts","../src/components/table-handle/table-handle-drop-indicator.gen.ts","../src/components/table-handle/table-handle-popover-content.gen.ts","../src/components/table-handle/table-handle-popover-item.gen.ts","../src/components/table-handle/table-handle-root.gen.ts","../src/components/table-handle/table-handle-row-root.gen.ts","../src/components/table-handle/table-handle-row-trigger.gen.ts"],"sourcesContent":["import {\n  type TableHandleColumnRootElement,\n  type TableHandleColumnRootProps as Props,\n  type TableHandleColumnRootEvents as Events,\n  tableHandleColumnRootProps,\n  tableHandleColumnRootEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleColumnRoot} component.\n */\nexport interface TableHandleColumnRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleColumnRoot: ForwardRefExoticComponent<\n  TableHandleColumnRootProps &\n  RefAttributes<TableHandleColumnRootElement> &\n  HTMLAttributes<TableHandleColumnRootElement>\n> = createComponent<\n  TableHandleColumnRootProps, \n  TableHandleColumnRootElement\n>(\n  'prosekit-table-handle-column-root',\n  'TableHandleColumnRoot',\n  Object.keys(tableHandleColumnRootProps),\n  Object.keys(tableHandleColumnRootEvents),\n)\n","import {\n  type TableHandleColumnTriggerElement,\n  type TableHandleColumnTriggerProps as Props,\n  type TableHandleColumnTriggerEvents as Events,\n  tableHandleColumnTriggerProps,\n  tableHandleColumnTriggerEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleColumnTrigger} component.\n */\nexport interface TableHandleColumnTriggerProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleColumnTrigger: ForwardRefExoticComponent<\n  TableHandleColumnTriggerProps &\n  RefAttributes<TableHandleColumnTriggerElement> &\n  HTMLAttributes<TableHandleColumnTriggerElement>\n> = createComponent<\n  TableHandleColumnTriggerProps, \n  TableHandleColumnTriggerElement\n>(\n  'prosekit-table-handle-column-trigger',\n  'TableHandleColumnTrigger',\n  Object.keys(tableHandleColumnTriggerProps),\n  Object.keys(tableHandleColumnTriggerEvents),\n)\n","import {\n  type TableHandleDragPreviewElement,\n  type TableHandleDragPreviewProps as Props,\n  type TableHandleDragPreviewEvents as Events,\n  tableHandleDragPreviewProps,\n  tableHandleDragPreviewEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleDragPreview} component.\n */\nexport interface TableHandleDragPreviewProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleDragPreview: ForwardRefExoticComponent<\n  TableHandleDragPreviewProps &\n  RefAttributes<TableHandleDragPreviewElement> &\n  HTMLAttributes<TableHandleDragPreviewElement>\n> = createComponent<\n  TableHandleDragPreviewProps, \n  TableHandleDragPreviewElement\n>(\n  'prosekit-table-handle-drag-preview',\n  'TableHandleDragPreview',\n  Object.keys(tableHandleDragPreviewProps),\n  Object.keys(tableHandleDragPreviewEvents),\n)\n","import {\n  type TableHandleDropIndicatorElement,\n  type TableHandleDropIndicatorProps as Props,\n  type TableHandleDropIndicatorEvents as Events,\n  tableHandleDropIndicatorProps,\n  tableHandleDropIndicatorEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleDropIndicator} component.\n */\nexport interface TableHandleDropIndicatorProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleDropIndicator: ForwardRefExoticComponent<\n  TableHandleDropIndicatorProps &\n  RefAttributes<TableHandleDropIndicatorElement> &\n  HTMLAttributes<TableHandleDropIndicatorElement>\n> = createComponent<\n  TableHandleDropIndicatorProps, \n  TableHandleDropIndicatorElement\n>(\n  'prosekit-table-handle-drop-indicator',\n  'TableHandleDropIndicator',\n  Object.keys(tableHandleDropIndicatorProps),\n  Object.keys(tableHandleDropIndicatorEvents),\n)\n","import {\n  type TableHandlePopoverContentElement,\n  type TableHandlePopoverContentProps as Props,\n  type TableHandlePopoverContentEvents as Events,\n  tableHandlePopoverContentProps,\n  tableHandlePopoverContentEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandlePopoverContent} component.\n */\nexport interface TableHandlePopoverContentProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandlePopoverContent: ForwardRefExoticComponent<\n  TableHandlePopoverContentProps &\n  RefAttributes<TableHandlePopoverContentElement> &\n  HTMLAttributes<TableHandlePopoverContentElement>\n> = createComponent<\n  TableHandlePopoverContentProps, \n  TableHandlePopoverContentElement\n>(\n  'prosekit-table-handle-popover-content',\n  'TableHandlePopoverContent',\n  Object.keys(tableHandlePopoverContentProps),\n  Object.keys(tableHandlePopoverContentEvents),\n)\n","import {\n  type TableHandlePopoverItemElement,\n  type TableHandlePopoverItemProps as Props,\n  type TableHandlePopoverItemEvents as Events,\n  tableHandlePopoverItemProps,\n  tableHandlePopoverItemEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandlePopoverItem} component.\n */\nexport interface TableHandlePopoverItemProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandlePopoverItem: ForwardRefExoticComponent<\n  TableHandlePopoverItemProps &\n  RefAttributes<TableHandlePopoverItemElement> &\n  HTMLAttributes<TableHandlePopoverItemElement>\n> = createComponent<\n  TableHandlePopoverItemProps, \n  TableHandlePopoverItemElement\n>(\n  'prosekit-table-handle-popover-item',\n  'TableHandlePopoverItem',\n  Object.keys(tableHandlePopoverItemProps),\n  Object.keys(tableHandlePopoverItemEvents),\n)\n","import {\n  type TableHandleRootElement,\n  type TableHandleRootProps as Props,\n  type TableHandleRootEvents as Events,\n  tableHandleRootProps,\n  tableHandleRootEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleRoot} component.\n */\nexport interface TableHandleRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleRoot: ForwardRefExoticComponent<\n  TableHandleRootProps &\n  RefAttributes<TableHandleRootElement> &\n  HTMLAttributes<TableHandleRootElement>\n> = createComponent<\n  TableHandleRootProps, \n  TableHandleRootElement\n>(\n  'prosekit-table-handle-root',\n  'TableHandleRoot',\n  Object.keys(tableHandleRootProps),\n  Object.keys(tableHandleRootEvents),\n)\n","import {\n  type TableHandleRowRootElement,\n  type TableHandleRowRootProps as Props,\n  type TableHandleRowRootEvents as Events,\n  tableHandleRowRootProps,\n  tableHandleRowRootEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleRowRoot} component.\n */\nexport interface TableHandleRowRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleRowRoot: ForwardRefExoticComponent<\n  TableHandleRowRootProps &\n  RefAttributes<TableHandleRowRootElement> &\n  HTMLAttributes<TableHandleRowRootElement>\n> = createComponent<\n  TableHandleRowRootProps, \n  TableHandleRowRootElement\n>(\n  'prosekit-table-handle-row-root',\n  'TableHandleRowRoot',\n  Object.keys(tableHandleRowRootProps),\n  Object.keys(tableHandleRowRootEvents),\n)\n","import {\n  type TableHandleRowTriggerElement,\n  type TableHandleRowTriggerProps as Props,\n  type TableHandleRowTriggerEvents as Events,\n  tableHandleRowTriggerProps,\n  tableHandleRowTriggerEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleRowTrigger} component.\n */\nexport interface TableHandleRowTriggerProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleRowTrigger: ForwardRefExoticComponent<\n  TableHandleRowTriggerProps &\n  RefAttributes<TableHandleRowTriggerElement> &\n  HTMLAttributes<TableHandleRowTriggerElement>\n> = createComponent<\n  TableHandleRowTriggerProps, \n  TableHandleRowTriggerElement\n>(\n  'prosekit-table-handle-row-trigger',\n  'TableHandleRowTrigger',\n  Object.keys(tableHandleRowTriggerProps),\n  Object.keys(tableHandleRowTriggerEvents),\n)\n"],"mappings":";;;;;AAqBA,MAAaA,wBAIT,gBAIF,qCACA,yBACA,OAAO,KAAK,2BAA2B,EACvC,OAAO,KAAK,4BAA4B,CACzC;;;;ACZD,MAAaC,2BAIT,gBAIF,wCACA,4BACA,OAAO,KAAK,8BAA8B,EAC1C,OAAO,KAAK,+BAA+B,CAC5C;;;;ACZD,MAAaC,yBAIT,gBAIF,sCACA,0BACA,OAAO,KAAK,4BAA4B,EACxC,OAAO,KAAK,6BAA6B,CAC1C;;;;ACZD,MAAaC,2BAIT,gBAIF,wCACA,4BACA,OAAO,KAAK,8BAA8B,EAC1C,OAAO,KAAK,+BAA+B,CAC5C;;;;ACZD,MAAaC,4BAIT,gBAIF,yCACA,6BACA,OAAO,KAAK,+BAA+B,EAC3C,OAAO,KAAK,gCAAgC,CAC7C;;;;ACZD,MAAaC,yBAIT,gBAIF,sCACA,0BACA,OAAO,KAAK,4BAA4B,EACxC,OAAO,KAAK,6BAA6B,CAC1C;;;;ACZD,MAAaC,kBAIT,gBAIF,8BACA,mBACA,OAAO,KAAK,qBAAqB,EACjC,OAAO,KAAK,sBAAsB,CACnC;;;;ACZD,MAAaC,qBAIT,gBAIF,kCACA,sBACA,OAAO,KAAK,wBAAwB,EACpC,OAAO,KAAK,yBAAyB,CACtC;;;;ACZD,MAAaC,wBAIT,gBAIF,qCACA,yBACA,OAAO,KAAK,2BAA2B,EACvC,OAAO,KAAK,4BAA4B,CACzC"}
+{"version":3,"file":"prosekit-react-table-handle.js","names":["TableHandleColumnRoot: ForwardRefExoticComponent<\n  TableHandleColumnRootProps &\n  RefAttributes<TableHandleColumnRootElement> &\n  HTMLAttributes<TableHandleColumnRootElement>\n>","TableHandleColumnTrigger: ForwardRefExoticComponent<\n  TableHandleColumnTriggerProps &\n  RefAttributes<TableHandleColumnTriggerElement> &\n  HTMLAttributes<TableHandleColumnTriggerElement>\n>","TableHandleDragPreview: ForwardRefExoticComponent<\n  TableHandleDragPreviewProps &\n  RefAttributes<TableHandleDragPreviewElement> &\n  HTMLAttributes<TableHandleDragPreviewElement>\n>","TableHandleDropIndicator: ForwardRefExoticComponent<\n  TableHandleDropIndicatorProps &\n  RefAttributes<TableHandleDropIndicatorElement> &\n  HTMLAttributes<TableHandleDropIndicatorElement>\n>","TableHandlePopoverContent: ForwardRefExoticComponent<\n  TableHandlePopoverContentProps &\n  RefAttributes<TableHandlePopoverContentElement> &\n  HTMLAttributes<TableHandlePopoverContentElement>\n>","TableHandlePopoverItem: ForwardRefExoticComponent<\n  TableHandlePopoverItemProps &\n  RefAttributes<TableHandlePopoverItemElement> &\n  HTMLAttributes<TableHandlePopoverItemElement>\n>","TableHandleRoot: ForwardRefExoticComponent<\n  TableHandleRootProps &\n  RefAttributes<TableHandleRootElement> &\n  HTMLAttributes<TableHandleRootElement>\n>","TableHandleRowRoot: ForwardRefExoticComponent<\n  TableHandleRowRootProps &\n  RefAttributes<TableHandleRowRootElement> &\n  HTMLAttributes<TableHandleRowRootElement>\n>","TableHandleRowTrigger: ForwardRefExoticComponent<\n  TableHandleRowTriggerProps &\n  RefAttributes<TableHandleRowTriggerElement> &\n  HTMLAttributes<TableHandleRowTriggerElement>\n>"],"sources":["../src/components/table-handle/table-handle-column-root.gen.ts","../src/components/table-handle/table-handle-column-trigger.gen.ts","../src/components/table-handle/table-handle-drag-preview.gen.ts","../src/components/table-handle/table-handle-drop-indicator.gen.ts","../src/components/table-handle/table-handle-popover-content.gen.ts","../src/components/table-handle/table-handle-popover-item.gen.ts","../src/components/table-handle/table-handle-root.gen.ts","../src/components/table-handle/table-handle-row-root.gen.ts","../src/components/table-handle/table-handle-row-trigger.gen.ts"],"sourcesContent":["import {\n  type TableHandleColumnRootElement,\n  type TableHandleColumnRootProps as Props,\n  type TableHandleColumnRootEvents as Events,\n  tableHandleColumnRootProps,\n  tableHandleColumnRootEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleColumnRoot} component.\n */\nexport interface TableHandleColumnRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleColumnRoot: ForwardRefExoticComponent<\n  TableHandleColumnRootProps &\n  RefAttributes<TableHandleColumnRootElement> &\n  HTMLAttributes<TableHandleColumnRootElement>\n> = createComponent<\n  TableHandleColumnRootProps, \n  TableHandleColumnRootElement\n>(\n  'prosekit-table-handle-column-root',\n  'TableHandleColumnRoot',\n  Object.keys(tableHandleColumnRootProps),\n  Object.keys(tableHandleColumnRootEvents),\n)\n","import {\n  type TableHandleColumnTriggerElement,\n  type TableHandleColumnTriggerProps as Props,\n  type TableHandleColumnTriggerEvents as Events,\n  tableHandleColumnTriggerProps,\n  tableHandleColumnTriggerEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleColumnTrigger} component.\n */\nexport interface TableHandleColumnTriggerProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleColumnTrigger: ForwardRefExoticComponent<\n  TableHandleColumnTriggerProps &\n  RefAttributes<TableHandleColumnTriggerElement> &\n  HTMLAttributes<TableHandleColumnTriggerElement>\n> = createComponent<\n  TableHandleColumnTriggerProps, \n  TableHandleColumnTriggerElement\n>(\n  'prosekit-table-handle-column-trigger',\n  'TableHandleColumnTrigger',\n  Object.keys(tableHandleColumnTriggerProps),\n  Object.keys(tableHandleColumnTriggerEvents),\n)\n","import {\n  type TableHandleDragPreviewElement,\n  type TableHandleDragPreviewProps as Props,\n  type TableHandleDragPreviewEvents as Events,\n  tableHandleDragPreviewProps,\n  tableHandleDragPreviewEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleDragPreview} component.\n */\nexport interface TableHandleDragPreviewProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleDragPreview: ForwardRefExoticComponent<\n  TableHandleDragPreviewProps &\n  RefAttributes<TableHandleDragPreviewElement> &\n  HTMLAttributes<TableHandleDragPreviewElement>\n> = createComponent<\n  TableHandleDragPreviewProps, \n  TableHandleDragPreviewElement\n>(\n  'prosekit-table-handle-drag-preview',\n  'TableHandleDragPreview',\n  Object.keys(tableHandleDragPreviewProps),\n  Object.keys(tableHandleDragPreviewEvents),\n)\n","import {\n  type TableHandleDropIndicatorElement,\n  type TableHandleDropIndicatorProps as Props,\n  type TableHandleDropIndicatorEvents as Events,\n  tableHandleDropIndicatorProps,\n  tableHandleDropIndicatorEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleDropIndicator} component.\n */\nexport interface TableHandleDropIndicatorProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleDropIndicator: ForwardRefExoticComponent<\n  TableHandleDropIndicatorProps &\n  RefAttributes<TableHandleDropIndicatorElement> &\n  HTMLAttributes<TableHandleDropIndicatorElement>\n> = createComponent<\n  TableHandleDropIndicatorProps, \n  TableHandleDropIndicatorElement\n>(\n  'prosekit-table-handle-drop-indicator',\n  'TableHandleDropIndicator',\n  Object.keys(tableHandleDropIndicatorProps),\n  Object.keys(tableHandleDropIndicatorEvents),\n)\n","import {\n  type TableHandlePopoverContentElement,\n  type TableHandlePopoverContentProps as Props,\n  type TableHandlePopoverContentEvents as Events,\n  tableHandlePopoverContentProps,\n  tableHandlePopoverContentEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandlePopoverContent} component.\n */\nexport interface TableHandlePopoverContentProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandlePopoverContent: ForwardRefExoticComponent<\n  TableHandlePopoverContentProps &\n  RefAttributes<TableHandlePopoverContentElement> &\n  HTMLAttributes<TableHandlePopoverContentElement>\n> = createComponent<\n  TableHandlePopoverContentProps, \n  TableHandlePopoverContentElement\n>(\n  'prosekit-table-handle-popover-content',\n  'TableHandlePopoverContent',\n  Object.keys(tableHandlePopoverContentProps),\n  Object.keys(tableHandlePopoverContentEvents),\n)\n","import {\n  type TableHandlePopoverItemElement,\n  type TableHandlePopoverItemProps as Props,\n  type TableHandlePopoverItemEvents as Events,\n  tableHandlePopoverItemProps,\n  tableHandlePopoverItemEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandlePopoverItem} component.\n */\nexport interface TableHandlePopoverItemProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandlePopoverItem: ForwardRefExoticComponent<\n  TableHandlePopoverItemProps &\n  RefAttributes<TableHandlePopoverItemElement> &\n  HTMLAttributes<TableHandlePopoverItemElement>\n> = createComponent<\n  TableHandlePopoverItemProps, \n  TableHandlePopoverItemElement\n>(\n  'prosekit-table-handle-popover-item',\n  'TableHandlePopoverItem',\n  Object.keys(tableHandlePopoverItemProps),\n  Object.keys(tableHandlePopoverItemEvents),\n)\n","import {\n  type TableHandleRootElement,\n  type TableHandleRootProps as Props,\n  type TableHandleRootEvents as Events,\n  tableHandleRootProps,\n  tableHandleRootEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleRoot} component.\n */\nexport interface TableHandleRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleRoot: ForwardRefExoticComponent<\n  TableHandleRootProps &\n  RefAttributes<TableHandleRootElement> &\n  HTMLAttributes<TableHandleRootElement>\n> = createComponent<\n  TableHandleRootProps, \n  TableHandleRootElement\n>(\n  'prosekit-table-handle-root',\n  'TableHandleRoot',\n  Object.keys(tableHandleRootProps),\n  Object.keys(tableHandleRootEvents),\n)\n","import {\n  type TableHandleRowRootElement,\n  type TableHandleRowRootProps as Props,\n  type TableHandleRowRootEvents as Events,\n  tableHandleRowRootProps,\n  tableHandleRowRootEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleRowRoot} component.\n */\nexport interface TableHandleRowRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleRowRoot: ForwardRefExoticComponent<\n  TableHandleRowRootProps &\n  RefAttributes<TableHandleRowRootElement> &\n  HTMLAttributes<TableHandleRowRootElement>\n> = createComponent<\n  TableHandleRowRootProps, \n  TableHandleRowRootElement\n>(\n  'prosekit-table-handle-row-root',\n  'TableHandleRowRoot',\n  Object.keys(tableHandleRowRootProps),\n  Object.keys(tableHandleRowRootEvents),\n)\n","import {\n  type TableHandleRowTriggerElement,\n  type TableHandleRowTriggerProps as Props,\n  type TableHandleRowTriggerEvents as Events,\n  tableHandleRowTriggerProps,\n  tableHandleRowTriggerEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleRowTrigger} component.\n */\nexport interface TableHandleRowTriggerProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleRowTrigger: ForwardRefExoticComponent<\n  TableHandleRowTriggerProps &\n  RefAttributes<TableHandleRowTriggerElement> &\n  HTMLAttributes<TableHandleRowTriggerElement>\n> = createComponent<\n  TableHandleRowTriggerProps, \n  TableHandleRowTriggerElement\n>(\n  'prosekit-table-handle-row-trigger',\n  'TableHandleRowTrigger',\n  Object.keys(tableHandleRowTriggerProps),\n  Object.keys(tableHandleRowTriggerEvents),\n)\n"],"mappings":";;;;AAqBA,MAAaA,wBAIT,gBAIF,qCACA,yBACA,OAAO,KAAK,2BAA2B,EACvC,OAAO,KAAK,4BAA4B,CACzC;;;;ACZD,MAAaC,2BAIT,gBAIF,wCACA,4BACA,OAAO,KAAK,8BAA8B,EAC1C,OAAO,KAAK,+BAA+B,CAC5C;;;;ACZD,MAAaC,yBAIT,gBAIF,sCACA,0BACA,OAAO,KAAK,4BAA4B,EACxC,OAAO,KAAK,6BAA6B,CAC1C;;;;ACZD,MAAaC,2BAIT,gBAIF,wCACA,4BACA,OAAO,KAAK,8BAA8B,EAC1C,OAAO,KAAK,+BAA+B,CAC5C;;;;ACZD,MAAaC,4BAIT,gBAIF,yCACA,6BACA,OAAO,KAAK,+BAA+B,EAC3C,OAAO,KAAK,gCAAgC,CAC7C;;;;ACZD,MAAaC,yBAIT,gBAIF,sCACA,0BACA,OAAO,KAAK,4BAA4B,EACxC,OAAO,KAAK,6BAA6B,CAC1C;;;;ACZD,MAAaC,kBAIT,gBAIF,8BACA,mBACA,OAAO,KAAK,qBAAqB,EACjC,OAAO,KAAK,sBAAsB,CACnC;;;;ACZD,MAAaC,qBAIT,gBAIF,kCACA,sBACA,OAAO,KAAK,wBAAwB,EACpC,OAAO,KAAK,yBAAyB,CACtC;;;;ACZD,MAAaC,wBAIT,gBAIF,qCACA,yBACA,OAAO,KAAK,2BAA2B,EACvC,OAAO,KAAK,4BAA4B,CACzC"}

package/dist/prosekit-react-tooltip.js

@@ -1,4 +1,3 @@
-import "./editor-context-cG0zkv13.js";
 import { t as createComponent } from "./create-component-DzdxL6Ne.js";
 import { tooltipContentEvents, tooltipContentProps, tooltipRootEvents, tooltipRootProps, tooltipTriggerEvents, tooltipTriggerProps } from "@prosekit/web/tooltip";
 

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react-tooltip.js","names":["TooltipContent: ForwardRefExoticComponent<\n  TooltipContentProps &\n  RefAttributes<TooltipContentElement> &\n  HTMLAttributes<TooltipContentElement>\n>","TooltipRoot: ForwardRefExoticComponent<\n  TooltipRootProps &\n  RefAttributes<TooltipRootElement> &\n  HTMLAttributes<TooltipRootElement>\n>","TooltipTrigger: ForwardRefExoticComponent<\n  TooltipTriggerProps &\n  RefAttributes<TooltipTriggerElement> &\n  HTMLAttributes<TooltipTriggerElement>\n>"],"sources":["../src/components/tooltip/tooltip-content.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"sourcesContent":["import {\n  type TooltipContentElement,\n  type TooltipContentProps as Props,\n  type TooltipContentEvents as Events,\n  tooltipContentProps,\n  tooltipContentEvents,\n} from '@prosekit/web/tooltip'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TooltipContent} component.\n */\nexport interface TooltipContentProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TooltipContent: ForwardRefExoticComponent<\n  TooltipContentProps &\n  RefAttributes<TooltipContentElement> &\n  HTMLAttributes<TooltipContentElement>\n> = createComponent<\n  TooltipContentProps, \n  TooltipContentElement\n>(\n  'prosekit-tooltip-content',\n  'TooltipContent',\n  Object.keys(tooltipContentProps),\n  Object.keys(tooltipContentEvents),\n)\n","import {\n  type TooltipRootElement,\n  type TooltipRootProps as Props,\n  type TooltipRootEvents as Events,\n  tooltipRootProps,\n  tooltipRootEvents,\n} from '@prosekit/web/tooltip'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TooltipRoot} component.\n */\nexport interface TooltipRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TooltipRoot: ForwardRefExoticComponent<\n  TooltipRootProps &\n  RefAttributes<TooltipRootElement> &\n  HTMLAttributes<TooltipRootElement>\n> = createComponent<\n  TooltipRootProps, \n  TooltipRootElement\n>(\n  'prosekit-tooltip-root',\n  'TooltipRoot',\n  Object.keys(tooltipRootProps),\n  Object.keys(tooltipRootEvents),\n)\n","import {\n  type TooltipTriggerElement,\n  type TooltipTriggerProps as Props,\n  type TooltipTriggerEvents as Events,\n  tooltipTriggerProps,\n  tooltipTriggerEvents,\n} from '@prosekit/web/tooltip'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TooltipTrigger} component.\n */\nexport interface TooltipTriggerProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TooltipTrigger: ForwardRefExoticComponent<\n  TooltipTriggerProps &\n  RefAttributes<TooltipTriggerElement> &\n  HTMLAttributes<TooltipTriggerElement>\n> = createComponent<\n  TooltipTriggerProps, \n  TooltipTriggerElement\n>(\n  'prosekit-tooltip-trigger',\n  'TooltipTrigger',\n  Object.keys(tooltipTriggerProps),\n  Object.keys(tooltipTriggerEvents),\n)\n"],"mappings":";;;;;AAqBA,MAAaA,iBAIT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;;ACZD,MAAaC,cAIT,gBAIF,yBACA,eACA,OAAO,KAAK,iBAAiB,EAC7B,OAAO,KAAK,kBAAkB,CAC/B;;;;ACZD,MAAaC,iBAIT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC"}
+{"version":3,"file":"prosekit-react-tooltip.js","names":["TooltipContent: ForwardRefExoticComponent<\n  TooltipContentProps &\n  RefAttributes<TooltipContentElement> &\n  HTMLAttributes<TooltipContentElement>\n>","TooltipRoot: ForwardRefExoticComponent<\n  TooltipRootProps &\n  RefAttributes<TooltipRootElement> &\n  HTMLAttributes<TooltipRootElement>\n>","TooltipTrigger: ForwardRefExoticComponent<\n  TooltipTriggerProps &\n  RefAttributes<TooltipTriggerElement> &\n  HTMLAttributes<TooltipTriggerElement>\n>"],"sources":["../src/components/tooltip/tooltip-content.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"sourcesContent":["import {\n  type TooltipContentElement,\n  type TooltipContentProps as Props,\n  type TooltipContentEvents as Events,\n  tooltipContentProps,\n  tooltipContentEvents,\n} from '@prosekit/web/tooltip'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TooltipContent} component.\n */\nexport interface TooltipContentProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TooltipContent: ForwardRefExoticComponent<\n  TooltipContentProps &\n  RefAttributes<TooltipContentElement> &\n  HTMLAttributes<TooltipContentElement>\n> = createComponent<\n  TooltipContentProps, \n  TooltipContentElement\n>(\n  'prosekit-tooltip-content',\n  'TooltipContent',\n  Object.keys(tooltipContentProps),\n  Object.keys(tooltipContentEvents),\n)\n","import {\n  type TooltipRootElement,\n  type TooltipRootProps as Props,\n  type TooltipRootEvents as Events,\n  tooltipRootProps,\n  tooltipRootEvents,\n} from '@prosekit/web/tooltip'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TooltipRoot} component.\n */\nexport interface TooltipRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TooltipRoot: ForwardRefExoticComponent<\n  TooltipRootProps &\n  RefAttributes<TooltipRootElement> &\n  HTMLAttributes<TooltipRootElement>\n> = createComponent<\n  TooltipRootProps, \n  TooltipRootElement\n>(\n  'prosekit-tooltip-root',\n  'TooltipRoot',\n  Object.keys(tooltipRootProps),\n  Object.keys(tooltipRootEvents),\n)\n","import {\n  type TooltipTriggerElement,\n  type TooltipTriggerProps as Props,\n  type TooltipTriggerEvents as Events,\n  tooltipTriggerProps,\n  tooltipTriggerEvents,\n} from '@prosekit/web/tooltip'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TooltipTrigger} component.\n */\nexport interface TooltipTriggerProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TooltipTrigger: ForwardRefExoticComponent<\n  TooltipTriggerProps &\n  RefAttributes<TooltipTriggerElement> &\n  HTMLAttributes<TooltipTriggerElement>\n> = createComponent<\n  TooltipTriggerProps, \n  TooltipTriggerElement\n>(\n  'prosekit-tooltip-trigger',\n  'TooltipTrigger',\n  Object.keys(tooltipTriggerProps),\n  Object.keys(tooltipTriggerEvents),\n)\n"],"mappings":";;;;AAqBA,MAAaA,iBAIT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;;ACZD,MAAaC,cAIT,gBAIF,yBACA,eACA,OAAO,KAAK,iBAAiB,EAC7B,OAAO,KAAK,kBAAkB,CAC/B;;;;ACZD,MAAaC,iBAIT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC"}

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react.d.ts","names":[],"sources":["../src/components/prosekit.ts","../src/extensions/react-mark-view.ts","../src/extensions/react-node-view.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts","../src/types.ts"],"sourcesContent":[],"mappings":";;;;;;;;UAYiB,aAAA;UACP;aACG;;;;AAFb;AAUA;;cAAa,UAAU,cAAc;;;;;;UCGpB,kBAAA,SAA2B,iBDb5C;AAUA;;;KCQY,sBAAA,GAAyB,cAAc;AALnD;AAKA;AAOA;AAiCA;;UAjCiB,oBAAA,SAA6B,wBAAwB;;ACZtE;AAKA;EAOiB,IAAA,EAAA,MAAA;AAiCjB;AC3CA;;;;ACbA;iBHwDgB,mBAAA,UAA6B,uBAAuB;;;;;;UC7CnD,kBAAA,SAA2B,iBFb5C;AAUA;;;KEQY,sBAAA,GAAyB,cAAc;ADLnD;AAKA;AAOA;AAiCA;;UCjCiB,oBAAA,SAA6B,wBAAwB;;AAZtE;AAKA;EAOiB,IAAA,EAAA,MAAA;AAiCjB;AC3CA;;;;ACbA;iBFwDgB,mBAAA,UAA6B,uBAAuB;;;UC3DnD,mBAAA;;;;;WAKN;;AHJX;AAUA;aGDa;;;AFIb;AAKA;AAOiB,iBEVD,YAAA;AF2ChB;;;;AC7CA,SAAiB,ECOJ,SDPI,GAAA,IAAmB,EAAA,OAAuB,CAAf,ECQhC,mBDR+C,CAAA,EAAA,IAAA;;;;;;;;iBEX3C,YAAA,gBACC,oCACL;;;;;;;;iBCII,oBAAoB;;ALRpC;AAUA;;;;ACGA;AAKA;AAOA;AAiCA;;;IIrCI,OAAO;;;UClBM,kCAAkC;;;;;WAKxC,OAAO;;ANRlB;AAUA;;;;ACGA;AAKA;AAOA;AAiCA;;;iBKpCgB,gCAAgC;AJThD;AAKA;AAOA;AAiCA;;;;AC3DA;AAgBA,MAAgB,EAAA,CAAA,MAAA,EGgBG,MHhBS,CGgBF,CHhBE,CAAA,EAAA,GGgBK,OHXpB,EAAA,OACkB,CAAnB,EGWA,uBHXmB,CGWK,CHXL,CAAA,CAAA,EGY5B,OHZ4B;;;iBItBf,SAAA,SAAkB,kBAAkB;;;;;;;;iBCGpC,cAAA,kBACG,gCACP;;;;;;KCbA,kCAAkC"}
+{"version":3,"file":"prosekit-react.d.ts","names":[],"sources":["../src/components/prosekit.ts","../src/extensions/react-mark-view.ts","../src/extensions/react-node-view.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts","../src/types.ts"],"sourcesContent":[],"mappings":";;;;;;;;UAYiB,aAAA;UACP;aACG;;;;AAFb;AAUA;;cAAa,UAAU,cAAc;;;;;;UCGpB,kBAAA,SAA2B,iBDb5C;AAUA;;;KCQY,sBAAA,GAAyB,cAAc;AALnD;AAKA;AAOA;AAiCA;;UAjCiB,oBAAA,SAA6B,wBAAwB;;ACZtE;AAKA;EAOiB,IAAA,EAAA,MAAA;AAiCjB;AC3CA;;;;ACZA;iBHuDgB,mBAAA,UAA6B,uBAAuB;;;;;;UC7CnD,kBAAA,SAA2B,iBFb5C;AAUA;;;KEQY,sBAAA,GAAyB,cAAc;ADLnD;AAKA;AAOA;AAiCA;;UCjCiB,oBAAA,SAA6B,wBAAwB;;AAZtE;AAKA;EAOiB,IAAA,EAAA,MAAA;AAiCjB;AC3CA;;;;ACZA;iBFuDgB,mBAAA,UAA6B,uBAAuB;;;UC3DnD,mBAAA;;;;;WAKN;;AHJX;AAUA;aGDa;;;AFIb;AAKA;AAOiB,iBEVD,YAAA;AF2ChB;;;;AC7CA,SAAiB,ECOJ,SDPI,GAAA,IAAmB,EAAA,OAAuB,CAAf,ECQhC,mBDR+C,CAAA,EAAA,IAAA;;;;;;;;iBEV3C,YAAA,gBACC,oCACL;;;;;;;;iBCGI,oBAAoB;;ALRpC;AAUA;;;;ACGA;AAKA;AAOA;AAiCA;;;IIrCI,OAAO;;;UClBM,kCAAkC;;;;;WAKxC,OAAO;;ANRlB;AAUA;;;;ACGA;AAKA;AAOA;AAiCA;;;iBKpCgB,gCAAgC;AJThD;AAKA;AAOA;AAiCA;;;;AC3DA;AAgBA,MAAgB,EAAA,CAAA,MAAA,EGgBG,MHhBS,CGgBF,CHhBE,CAAA,EAAA,GGgBK,OHXpB,EAAA,OACkB,CAAnB,EGWA,uBHXmB,CGWK,CHXL,CAAA,CAAA,EGY5B,OHZ4B;;;iBItBf,SAAA,SAAkB,kBAAkB;;;;;;;;iBCIpC,cAAA,kBACG,gCACP;;;;;;KCdA,kCAAkC"}

package/dist/prosekit-react.js

@@ -1,6 +1,6 @@
 import { n as useEditorContext, t as EditorContextProvider } from "./editor-context-cG0zkv13.js";
 import { ProsemirrorAdapterProvider, useMarkViewContext, useMarkViewFactory, useNodeViewContext, useNodeViewFactory } from "@prosemirror-adapter/react";
-import { createElement, useEffect, useMemo, useReducer, useSyncExternalStore } from "react";
+import { createElement, useCallback, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useSyncExternalStore } from "react";
 import { EditorNotFoundError, ProseKitError, defineDocChangeHandler, defineKeymap, defineMarkViewComponent, defineMarkViewFactory, defineMountHandler, defineNodeViewComponent, defineNodeViewFactory, defineUpdateHandler, union, withPriority } from "@prosekit/core";
 
 //#region src/hooks/use-editor-extension.ts
@@ -56,7 +56,7 @@ const ReactMarkViewConsumer = () => {
 * @public
 */
 function defineReactMarkView(options) {
-	const { name, component,...userOptions } = options;
+	const { name, component, ...userOptions } = options;
 	return defineMarkViewComponent({
 		group: "react",
 		name,
@@ -94,7 +94,7 @@ const ReactNodeViewConsumer = () => {
 * @public
 */
 function defineReactNodeView(options) {
-	const { name, component,...userOptions } = options;
+	const { name, component, ...userOptions } = options;
 	return defineNodeViewComponent({
 		group: "react",
 		name,
@@ -123,6 +123,19 @@ const ProseKit = (props) => {
 	return createElement(ProsemirrorAdapterProvider, null, createElement(EditorContextProvider, { value: editor }, createElement(ReactNodeViewConsumer), createElement(ReactMarkViewConsumer), children));
 };
 
+//#endregion
+//#region src/hooks/use-event-callback.ts
+/**
+* @internal
+*/
+function useEventCallback(callback) {
+	const callbackRef = useRef(callback);
+	useLayoutEffect(() => {
+		callbackRef.current = callback;
+	}, [callback]);
+	return useCallback((...args) => callbackRef.current(...args), []);
+}
+
 //#endregion
 //#region src/hooks/use-doc-change.ts
 /**
@@ -131,7 +144,8 @@ const ProseKit = (props) => {
 * @public
 */
 function useDocChange(handler, options) {
-	useExtension(useMemo(() => defineDocChangeHandler((view) => handler(view.state.doc)), [handler]), options);
+	const memoizedHandler = useEventCallback(handler);
+	useExtension(useMemo(() => defineDocChangeHandler((view) => memoizedHandler(view.state.doc)), [memoizedHandler]), options);
 }
 
 //#endregion
@@ -220,7 +234,8 @@ function useKeymap(keymap, options) {
 * @public
 */
 function useStateUpdate(handler, options) {
-	useExtension(useMemo(() => defineUpdateHandler((view) => handler(view.state)), [handler]), options);
+	const memoizedHandler = useEventCallback(handler);
+	useExtension(useMemo(() => defineUpdateHandler((view) => memoizedHandler(view.state)), [memoizedHandler]), options);
 }
 
 //#endregion

package/dist/prosekit-react.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react.js","names":["ReactMarkViewConsumer: FC","ReactNodeViewConsumer: FC","ProseKit: ComponentType<ProseKitProps>","derived: Derived"],"sources":["../src/hooks/use-editor-extension.ts","../src/hooks/use-priority-extension.ts","../src/hooks/use-extension.ts","../src/extensions/react-mark-view.ts","../src/extensions/react-node-view.ts","../src/components/prosekit.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"sourcesContent":["import {\n  EditorNotFoundError,\n  type Editor,\n  type Extension,\n} from '@prosekit/core'\nimport { useEffect } from 'react'\n\n/**\n * @internal\n */\nexport function useEditorExtension(\n  editor: Editor | null | undefined,\n  extension: Extension | null,\n): void {\n  if (!editor) {\n    throw new EditorNotFoundError()\n  }\n\n  useEffect(() => {\n    if (extension) {\n      return editor.use(extension)\n    }\n  }, [editor, extension])\n}\n","import {\n  withPriority,\n  type Extension,\n  type Priority,\n} from '@prosekit/core'\nimport { useMemo } from 'react'\n\n/**\n * @internal\n */\nexport function usePriorityExtension<T extends Extension = Extension>(\n  extension: T | null,\n  priority?: Priority | null,\n): T | null {\n  return useMemo(() => {\n    return extension && priority ? withPriority(extension, priority) : extension\n  }, [extension, priority])\n}\n","import type {\n  Editor,\n  Extension,\n  Priority,\n} from '@prosekit/core'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\nimport { useEditorExtension } from './use-editor-extension'\nimport { usePriorityExtension } from './use-priority-extension'\n\nexport interface UseExtensionOptions {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: Editor\n\n  /**\n   * Optional priority to add the extension with.\n   */\n  priority?: Priority\n}\n\n/**\n * Add an extension to the editor.\n */\nexport function useExtension(\n  /**\n   * The extension to add to the editor. If it changes, the previous\n   * extension will be removed and the new one (if not null) will be added.\n   */\n  extension: Extension | null,\n  options?: UseExtensionOptions,\n): void {\n  const editorContext = useEditorContext()\n  useEditorExtension(\n    options?.editor || editorContext,\n    usePriorityExtension(extension, options?.priority),\n  )\n}\n","import {\n  defineMarkViewComponent,\n  defineMarkViewFactory,\n  type Extension,\n} from '@prosekit/core'\nimport type { MarkViewConstructor } from '@prosekit/pm/view'\nimport type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  useMarkViewContext,\n  useMarkViewFactory,\n  type MarkViewContext,\n  type ReactMarkViewUserOptions,\n} from '@prosemirror-adapter/react'\nimport {\n  createElement,\n  useMemo,\n  type ComponentType,\n  type FC,\n} from 'react'\n\nimport { useExtension } from '../hooks/use-extension'\n\n/**\n * @public\n */\nexport interface ReactMarkViewProps extends MarkViewContext {}\n\n/**\n * @public\n */\nexport type ReactMarkViewComponent = ComponentType<ReactMarkViewProps>\n\n/**\n * Options for {@link defineReactMarkView}.\n *\n * @public\n */\nexport interface ReactMarkViewOptions extends CoreMarkViewUserOptions<ReactMarkViewComponent> {\n  /**\n   * The name of the mark type.\n   */\n  name: string\n}\n\nfunction withMarkViewProps(component: ReactMarkViewComponent) {\n  return function MarkViewPropsWrapper() {\n    const props: ReactMarkViewProps = useMarkViewContext()\n    return createElement(component, props)\n  }\n}\n\n/**\n * @internal\n */\nexport const ReactMarkViewConsumer: FC = () => {\n  const markViewFactory = useMarkViewFactory()\n  const extension = useMemo(\n    () => defineReactMarkViewFactory(markViewFactory),\n    [markViewFactory],\n  )\n  useExtension(extension)\n\n  return null\n}\n\n/**\n * Defines a mark view using a React component.\n *\n * @public\n */\nexport function defineReactMarkView(options: ReactMarkViewOptions): Extension {\n  const { name, component, ...userOptions } = options\n\n  const args: ReactMarkViewUserOptions = {\n    ...userOptions,\n    component: withMarkViewProps(component),\n  }\n\n  return defineMarkViewComponent<ReactMarkViewUserOptions>({\n    group: 'react',\n    name,\n    args,\n  })\n}\n\nfunction defineReactMarkViewFactory(\n  factory: (options: ReactMarkViewUserOptions) => MarkViewConstructor,\n) {\n  return defineMarkViewFactory<ReactMarkViewUserOptions>({\n    group: 'react',\n    factory,\n  })\n}\n","import {\n  defineNodeViewComponent,\n  defineNodeViewFactory,\n  type Extension,\n} from '@prosekit/core'\nimport type { NodeViewConstructor } from '@prosekit/pm/view'\nimport type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  useNodeViewContext,\n  useNodeViewFactory,\n  type NodeViewContext,\n  type ReactNodeViewUserOptions,\n} from '@prosemirror-adapter/react'\nimport {\n  createElement,\n  useMemo,\n  type ComponentType,\n  type FC,\n} from 'react'\n\nimport { useExtension } from '../hooks/use-extension'\n\n/**\n * @public\n */\nexport interface ReactNodeViewProps extends NodeViewContext {}\n\n/**\n * @public\n */\nexport type ReactNodeViewComponent = ComponentType<ReactNodeViewProps>\n\n/**\n * Options for {@link defineReactNodeView}.\n *\n * @public\n */\nexport interface ReactNodeViewOptions extends CoreNodeViewUserOptions<ReactNodeViewComponent> {\n  /**\n   * The name of the node type.\n   */\n  name: string\n}\n\nfunction withNodeViewProps(component: ReactNodeViewComponent) {\n  return function NodeViewPropsWrapper() {\n    const props: ReactNodeViewProps = useNodeViewContext()\n    return createElement(component, props)\n  }\n}\n\n/**\n * @internal\n */\nexport const ReactNodeViewConsumer: FC = () => {\n  const nodeViewFactory = useNodeViewFactory()\n  const extension = useMemo(\n    () => defineReactNodeViewFactory(nodeViewFactory),\n    [nodeViewFactory],\n  )\n  useExtension(extension)\n\n  return null\n}\n\n/**\n * Defines a node view using a React component.\n *\n * @public\n */\nexport function defineReactNodeView(options: ReactNodeViewOptions): Extension {\n  const { name, component, ...userOptions } = options\n\n  const args: ReactNodeViewUserOptions = {\n    ...userOptions,\n    component: withNodeViewProps(component),\n  }\n\n  return defineNodeViewComponent<ReactNodeViewUserOptions>({\n    group: 'react',\n    name,\n    args,\n  })\n}\n\nfunction defineReactNodeViewFactory(\n  factory: (options: ReactNodeViewUserOptions) => NodeViewConstructor,\n) {\n  return defineNodeViewFactory<ReactNodeViewUserOptions>({\n    group: 'react',\n    factory,\n  })\n}\n","import type { Editor } from '@prosekit/core'\nimport { ProsemirrorAdapterProvider } from '@prosemirror-adapter/react'\nimport {\n  createElement,\n  type ComponentType,\n  type ReactNode,\n} from 'react'\n\nimport { EditorContextProvider } from '../contexts/editor-context'\nimport { ReactMarkViewConsumer } from '../extensions/react-mark-view'\nimport { ReactNodeViewConsumer } from '../extensions/react-node-view'\n\nexport interface ProseKitProps {\n  editor: Editor\n  children?: ReactNode\n}\n\n/**\n * The root component for a ProseKit editor.\n *\n * @public\n */\nexport const ProseKit: ComponentType<ProseKitProps> = (props) => {\n  const { editor, children } = props\n\n  return createElement(\n    ProsemirrorAdapterProvider,\n    null,\n    createElement(\n      EditorContextProvider,\n      { value: editor },\n      createElement(ReactNodeViewConsumer),\n      createElement(ReactMarkViewConsumer),\n      children,\n    ),\n  )\n}\n","import { defineDocChangeHandler } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\nimport { useMemo } from 'react'\n\nimport {\n  useExtension,\n  type UseExtensionOptions,\n} from './use-extension'\n\n/**\n * Calls the given handler whenever the editor document changes.\n *\n * @public\n */\nexport function useDocChange(\n  handler: (doc: ProseMirrorNode) => void,\n  options?: UseExtensionOptions,\n): void {\n  const extension = useMemo(\n    () => defineDocChangeHandler((view) => handler(view.state.doc)),\n    [handler],\n  )\n  useExtension(extension, options)\n}\n","import {\n  defineMountHandler,\n  defineUpdateHandler,\n  ProseKitError,\n  union,\n  type Editor,\n  type Extension,\n} from '@prosekit/core'\nimport {\n  useEffect,\n  useReducer,\n} from 'react'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\n/**\n * Retrieves the editor instance from the nearest ProseKit component.\n *\n * @public\n */\nexport function useEditor<E extends Extension = any>(options?: {\n  /**\n   * Whether to update the component when the editor is mounted or editor state\n   * is updated.\n   *\n   * Note this this option doesn't work with [React\n   * compiler](https://react.dev/learn/react-compiler) because the returned\n   * editor will be the same instance after state updates. If you're using React\n   * compiler, you should use {@link useEditorDerivedValue} instead.\n   *\n   * @default false\n   */\n  update?: boolean\n}): Editor<E> {\n  const update = options?.update ?? false\n\n  const editor = useEditorContext<E>()\n  if (!editor) {\n    throw new ProseKitError(\n      'useEditor must be used within the ProseKit component',\n    )\n  }\n\n  const forceUpdate = useForceUpdate()\n\n  useEffect(() => {\n    if (update) {\n      const extension = union(\n        defineMountHandler(forceUpdate),\n        defineUpdateHandler(forceUpdate),\n      )\n      return editor.use(extension)\n    }\n  }, [editor, update, forceUpdate])\n\n  return editor\n}\n\nfunction useForceUpdate() {\n  const [, dispatch] = useReducer((x: number) => x + 1, 0)\n  return dispatch\n}\n","import {\n  defineMountHandler,\n  defineUpdateHandler,\n  EditorNotFoundError,\n  union,\n  type Editor,\n  type Extension,\n} from '@prosekit/core'\nimport {\n  useMemo,\n  useSyncExternalStore,\n} from 'react'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\nexport interface UseEditorDerivedOptions<E extends Extension = any> {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: Editor<E>\n}\n\n/**\n * Runs a function to derive a value from the editor instance after editor state\n * changes.\n *\n * This is useful when you need to render something based on the editor state,\n * for example, whether the selected text is wrapped in an italic mark.\n *\n * It returns the derived value that updates whenever the editor state changes.\n *\n * @public\n */\nexport function useEditorDerivedValue<E extends Extension, Derived>(\n  /**\n   * A function that receives the editor instance and returns a derived value.\n   *\n   * It will be called whenever the editor's document state changes, or when it\n   * mounts.\n   *\n   * This function should be memoized.\n   */\n  derive: (editor: Editor<E>) => Derived,\n  options?: UseEditorDerivedOptions<E>,\n): Derived {\n  const editorContext = useEditorContext<E>()\n  const editor = options?.editor ?? editorContext\n  if (!editor) {\n    throw new EditorNotFoundError()\n  }\n\n  const [subscribe, getSnapshot] = useMemo(() => {\n    return createEditorStore(editor, derive)\n  }, [editor, derive])\n\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n}\n\nfunction createEditorStore<Derived, E extends Extension = any>(editor: Editor<E>, derive: (editor: Editor<E>) => Derived) {\n  let dirty = true\n  let derived: Derived\n\n  const subscribe = (onChange: VoidFunction): VoidFunction => {\n    const handleChange = () => {\n      dirty = true\n      onChange()\n    }\n    const extension = union(\n      defineUpdateHandler(handleChange),\n      defineMountHandler(handleChange),\n    )\n    return editor.use(extension)\n  }\n\n  const getSnapshot = () => {\n    if (dirty) {\n      dirty = false\n      derived = derive(editor)\n    }\n    return derived\n  }\n\n  return [subscribe, getSnapshot] as const\n}\n","import {\n  defineKeymap,\n  type Keymap,\n} from '@prosekit/core'\nimport { useMemo } from 'react'\n\nimport {\n  useExtension,\n  type UseExtensionOptions,\n} from './use-extension'\n\nexport function useKeymap(keymap: Keymap, options?: UseExtensionOptions): void {\n  const extension = useMemo(() => defineKeymap(keymap), [keymap])\n  useExtension(extension, options)\n}\n","import { defineUpdateHandler } from '@prosekit/core'\nimport type { EditorState } from '@prosekit/pm/state'\nimport { useMemo } from 'react'\n\nimport {\n  useExtension,\n  type UseExtensionOptions,\n} from './use-extension'\n\n/**\n * Calls the given handler whenever the editor state changes.\n *\n * @public\n */\nexport function useStateUpdate(\n  handler: (state: EditorState) => void,\n  options?: UseExtensionOptions,\n): void {\n  const extension = useMemo(\n    () => defineUpdateHandler((view) => handler(view.state)),\n    [handler],\n  )\n  useExtension(extension, options)\n}\n"],"mappings":"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"}
+{"version":3,"file":"prosekit-react.js","names":["ReactMarkViewConsumer: FC","ReactNodeViewConsumer: FC","ProseKit: ComponentType<ProseKitProps>","derived: Derived"],"sources":["../src/hooks/use-editor-extension.ts","../src/hooks/use-priority-extension.ts","../src/hooks/use-extension.ts","../src/extensions/react-mark-view.ts","../src/extensions/react-node-view.ts","../src/components/prosekit.ts","../src/hooks/use-event-callback.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"sourcesContent":["import {\n  EditorNotFoundError,\n  type Editor,\n  type Extension,\n} from '@prosekit/core'\nimport { useEffect } from 'react'\n\n/**\n * @internal\n */\nexport function useEditorExtension(\n  editor: Editor | null | undefined,\n  extension: Extension | null,\n): void {\n  if (!editor) {\n    throw new EditorNotFoundError()\n  }\n\n  useEffect(() => {\n    if (extension) {\n      return editor.use(extension)\n    }\n  }, [editor, extension])\n}\n","import {\n  withPriority,\n  type Extension,\n  type Priority,\n} from '@prosekit/core'\nimport { useMemo } from 'react'\n\n/**\n * @internal\n */\nexport function usePriorityExtension<T extends Extension = Extension>(\n  extension: T | null,\n  priority?: Priority | null,\n): T | null {\n  return useMemo(() => {\n    return extension && priority ? withPriority(extension, priority) : extension\n  }, [extension, priority])\n}\n","import type {\n  Editor,\n  Extension,\n  Priority,\n} from '@prosekit/core'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\nimport { useEditorExtension } from './use-editor-extension'\nimport { usePriorityExtension } from './use-priority-extension'\n\nexport interface UseExtensionOptions {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: Editor\n\n  /**\n   * Optional priority to add the extension with.\n   */\n  priority?: Priority\n}\n\n/**\n * Add an extension to the editor.\n */\nexport function useExtension(\n  /**\n   * The extension to add to the editor. If it changes, the previous\n   * extension will be removed and the new one (if not null) will be added.\n   */\n  extension: Extension | null,\n  options?: UseExtensionOptions,\n): void {\n  const editorContext = useEditorContext()\n  useEditorExtension(\n    options?.editor || editorContext,\n    usePriorityExtension(extension, options?.priority),\n  )\n}\n","import {\n  defineMarkViewComponent,\n  defineMarkViewFactory,\n  type Extension,\n} from '@prosekit/core'\nimport type { MarkViewConstructor } from '@prosekit/pm/view'\nimport type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  useMarkViewContext,\n  useMarkViewFactory,\n  type MarkViewContext,\n  type ReactMarkViewUserOptions,\n} from '@prosemirror-adapter/react'\nimport {\n  createElement,\n  useMemo,\n  type ComponentType,\n  type FC,\n} from 'react'\n\nimport { useExtension } from '../hooks/use-extension'\n\n/**\n * @public\n */\nexport interface ReactMarkViewProps extends MarkViewContext {}\n\n/**\n * @public\n */\nexport type ReactMarkViewComponent = ComponentType<ReactMarkViewProps>\n\n/**\n * Options for {@link defineReactMarkView}.\n *\n * @public\n */\nexport interface ReactMarkViewOptions extends CoreMarkViewUserOptions<ReactMarkViewComponent> {\n  /**\n   * The name of the mark type.\n   */\n  name: string\n}\n\nfunction withMarkViewProps(component: ReactMarkViewComponent) {\n  return function MarkViewPropsWrapper() {\n    const props: ReactMarkViewProps = useMarkViewContext()\n    return createElement(component, props)\n  }\n}\n\n/**\n * @internal\n */\nexport const ReactMarkViewConsumer: FC = () => {\n  const markViewFactory = useMarkViewFactory()\n  const extension = useMemo(\n    () => defineReactMarkViewFactory(markViewFactory),\n    [markViewFactory],\n  )\n  useExtension(extension)\n\n  return null\n}\n\n/**\n * Defines a mark view using a React component.\n *\n * @public\n */\nexport function defineReactMarkView(options: ReactMarkViewOptions): Extension {\n  const { name, component, ...userOptions } = options\n\n  const args: ReactMarkViewUserOptions = {\n    ...userOptions,\n    component: withMarkViewProps(component),\n  }\n\n  return defineMarkViewComponent<ReactMarkViewUserOptions>({\n    group: 'react',\n    name,\n    args,\n  })\n}\n\nfunction defineReactMarkViewFactory(\n  factory: (options: ReactMarkViewUserOptions) => MarkViewConstructor,\n) {\n  return defineMarkViewFactory<ReactMarkViewUserOptions>({\n    group: 'react',\n    factory,\n  })\n}\n","import {\n  defineNodeViewComponent,\n  defineNodeViewFactory,\n  type Extension,\n} from '@prosekit/core'\nimport type { NodeViewConstructor } from '@prosekit/pm/view'\nimport type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  useNodeViewContext,\n  useNodeViewFactory,\n  type NodeViewContext,\n  type ReactNodeViewUserOptions,\n} from '@prosemirror-adapter/react'\nimport {\n  createElement,\n  useMemo,\n  type ComponentType,\n  type FC,\n} from 'react'\n\nimport { useExtension } from '../hooks/use-extension'\n\n/**\n * @public\n */\nexport interface ReactNodeViewProps extends NodeViewContext {}\n\n/**\n * @public\n */\nexport type ReactNodeViewComponent = ComponentType<ReactNodeViewProps>\n\n/**\n * Options for {@link defineReactNodeView}.\n *\n * @public\n */\nexport interface ReactNodeViewOptions extends CoreNodeViewUserOptions<ReactNodeViewComponent> {\n  /**\n   * The name of the node type.\n   */\n  name: string\n}\n\nfunction withNodeViewProps(component: ReactNodeViewComponent) {\n  return function NodeViewPropsWrapper() {\n    const props: ReactNodeViewProps = useNodeViewContext()\n    return createElement(component, props)\n  }\n}\n\n/**\n * @internal\n */\nexport const ReactNodeViewConsumer: FC = () => {\n  const nodeViewFactory = useNodeViewFactory()\n  const extension = useMemo(\n    () => defineReactNodeViewFactory(nodeViewFactory),\n    [nodeViewFactory],\n  )\n  useExtension(extension)\n\n  return null\n}\n\n/**\n * Defines a node view using a React component.\n *\n * @public\n */\nexport function defineReactNodeView(options: ReactNodeViewOptions): Extension {\n  const { name, component, ...userOptions } = options\n\n  const args: ReactNodeViewUserOptions = {\n    ...userOptions,\n    component: withNodeViewProps(component),\n  }\n\n  return defineNodeViewComponent<ReactNodeViewUserOptions>({\n    group: 'react',\n    name,\n    args,\n  })\n}\n\nfunction defineReactNodeViewFactory(\n  factory: (options: ReactNodeViewUserOptions) => NodeViewConstructor,\n) {\n  return defineNodeViewFactory<ReactNodeViewUserOptions>({\n    group: 'react',\n    factory,\n  })\n}\n","import type { Editor } from '@prosekit/core'\nimport { ProsemirrorAdapterProvider } from '@prosemirror-adapter/react'\nimport {\n  createElement,\n  type ComponentType,\n  type ReactNode,\n} from 'react'\n\nimport { EditorContextProvider } from '../contexts/editor-context'\nimport { ReactMarkViewConsumer } from '../extensions/react-mark-view'\nimport { ReactNodeViewConsumer } from '../extensions/react-node-view'\n\nexport interface ProseKitProps {\n  editor: Editor\n  children?: ReactNode\n}\n\n/**\n * The root component for a ProseKit editor.\n *\n * @public\n */\nexport const ProseKit: ComponentType<ProseKitProps> = (props) => {\n  const { editor, children } = props\n\n  return createElement(\n    ProsemirrorAdapterProvider,\n    null,\n    createElement(\n      EditorContextProvider,\n      { value: editor },\n      createElement(ReactNodeViewConsumer),\n      createElement(ReactMarkViewConsumer),\n      children,\n    ),\n  )\n}\n","import {\n  useCallback,\n  useLayoutEffect,\n  useRef,\n} from 'react'\n\n/**\n * @internal\n */\nexport function useEventCallback<Args extends unknown[], Return>(\n  callback: (...args: Args) => Return,\n): (...args: Args) => Return {\n  const callbackRef = useRef(callback)\n  useLayoutEffect(() => {\n    callbackRef.current = callback\n  }, [callback])\n  return useCallback((...args: Args) => callbackRef.current(...args), [])\n}\n","import { defineDocChangeHandler } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\nimport { useMemo } from 'react'\n\nimport { useEventCallback } from './use-event-callback'\nimport {\n  useExtension,\n  type UseExtensionOptions,\n} from './use-extension'\n\n/**\n * Calls the given handler whenever the editor document changes.\n *\n * @public\n */\nexport function useDocChange(\n  handler: (doc: ProseMirrorNode) => void,\n  options?: UseExtensionOptions,\n): void {\n  const memoizedHandler = useEventCallback(handler)\n  const extension = useMemo(\n    () => defineDocChangeHandler((view) => memoizedHandler(view.state.doc)),\n    [memoizedHandler],\n  )\n  useExtension(extension, options)\n}\n","import {\n  defineMountHandler,\n  defineUpdateHandler,\n  ProseKitError,\n  union,\n  type Editor,\n  type Extension,\n} from '@prosekit/core'\nimport {\n  useEffect,\n  useReducer,\n} from 'react'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\n/**\n * Retrieves the editor instance from the nearest ProseKit component.\n *\n * @public\n */\nexport function useEditor<E extends Extension = any>(options?: {\n  /**\n   * Whether to update the component when the editor is mounted or editor state\n   * is updated.\n   *\n   * Note this this option doesn't work with [React\n   * compiler](https://react.dev/learn/react-compiler) because the returned\n   * editor will be the same instance after state updates. If you're using React\n   * compiler, you should use {@link useEditorDerivedValue} instead.\n   *\n   * @default false\n   */\n  update?: boolean\n}): Editor<E> {\n  const update = options?.update ?? false\n\n  const editor = useEditorContext<E>()\n  if (!editor) {\n    throw new ProseKitError(\n      'useEditor must be used within the ProseKit component',\n    )\n  }\n\n  const forceUpdate = useForceUpdate()\n\n  useEffect(() => {\n    if (update) {\n      const extension = union(\n        defineMountHandler(forceUpdate),\n        defineUpdateHandler(forceUpdate),\n      )\n      return editor.use(extension)\n    }\n  }, [editor, update, forceUpdate])\n\n  return editor\n}\n\nfunction useForceUpdate() {\n  const [, dispatch] = useReducer((x: number) => x + 1, 0)\n  return dispatch\n}\n","import {\n  defineMountHandler,\n  defineUpdateHandler,\n  EditorNotFoundError,\n  union,\n  type Editor,\n  type Extension,\n} from '@prosekit/core'\nimport {\n  useMemo,\n  useSyncExternalStore,\n} from 'react'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\nexport interface UseEditorDerivedOptions<E extends Extension = any> {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: Editor<E>\n}\n\n/**\n * Runs a function to derive a value from the editor instance after editor state\n * changes.\n *\n * This is useful when you need to render something based on the editor state,\n * for example, whether the selected text is wrapped in an italic mark.\n *\n * It returns the derived value that updates whenever the editor state changes.\n *\n * @public\n */\nexport function useEditorDerivedValue<E extends Extension, Derived>(\n  /**\n   * A function that receives the editor instance and returns a derived value.\n   *\n   * It will be called whenever the editor's document state changes, or when it\n   * mounts.\n   *\n   * This function should be memoized.\n   */\n  derive: (editor: Editor<E>) => Derived,\n  options?: UseEditorDerivedOptions<E>,\n): Derived {\n  const editorContext = useEditorContext<E>()\n  const editor = options?.editor ?? editorContext\n  if (!editor) {\n    throw new EditorNotFoundError()\n  }\n\n  const [subscribe, getSnapshot] = useMemo(() => {\n    return createEditorStore(editor, derive)\n  }, [editor, derive])\n\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n}\n\nfunction createEditorStore<Derived, E extends Extension = any>(editor: Editor<E>, derive: (editor: Editor<E>) => Derived) {\n  let dirty = true\n  let derived: Derived\n\n  const subscribe = (onChange: VoidFunction): VoidFunction => {\n    const handleChange = () => {\n      dirty = true\n      onChange()\n    }\n    const extension = union(\n      defineUpdateHandler(handleChange),\n      defineMountHandler(handleChange),\n    )\n    return editor.use(extension)\n  }\n\n  const getSnapshot = () => {\n    if (dirty) {\n      dirty = false\n      derived = derive(editor)\n    }\n    return derived\n  }\n\n  return [subscribe, getSnapshot] as const\n}\n","import {\n  defineKeymap,\n  type Keymap,\n} from '@prosekit/core'\nimport { useMemo } from 'react'\n\nimport {\n  useExtension,\n  type UseExtensionOptions,\n} from './use-extension'\n\nexport function useKeymap(keymap: Keymap, options?: UseExtensionOptions): void {\n  const extension = useMemo(() => defineKeymap(keymap), [keymap])\n  useExtension(extension, options)\n}\n","import { defineUpdateHandler } from '@prosekit/core'\nimport type { EditorState } from '@prosekit/pm/state'\nimport { useMemo } from 'react'\n\nimport { useEventCallback } from './use-event-callback'\nimport {\n  useExtension,\n  type UseExtensionOptions,\n} from './use-extension'\n\n/**\n * Calls the given handler whenever the editor state changes.\n *\n * @public\n */\nexport function useStateUpdate(\n  handler: (state: EditorState) => void,\n  options?: UseExtensionOptions,\n): void {\n  const memoizedHandler = useEventCallback(handler)\n  const extension = useMemo(\n    () => defineUpdateHandler((view) => memoizedHandler(view.state)),\n    [memoizedHandler],\n  )\n  useExtension(extension, options)\n}\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/react",
   "type": "module",
-  "version": "0.6.2",
+  "version": "0.6.4",
   "private": false,
   "description": "React components and utilities for ProseKit",
   "author": {
@@ -70,9 +70,9 @@
   "dependencies": {
     "@prosemirror-adapter/core": "^0.4.6",
     "@prosemirror-adapter/react": "^0.4.6",
-    "@prosekit/core": "^0.8.6",
-    "@prosekit/pm": "^0.1.14",
-    "@prosekit/web": "^0.7.6"
+    "@prosekit/core": "^0.9.0",
+    "@prosekit/pm": "^0.1.15",
+    "@prosekit/web": "^0.7.8"
   },
   "peerDependencies": {
     "react": ">= 18.2.0",
@@ -87,14 +87,14 @@
     }
   },
   "devDependencies": {
-    "@types/react": "^19.2.3",
-    "@types/react-dom": "^19.2.2",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "tsdown": "^0.16.2",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
+    "tsdown": "^0.17.0",
     "typescript": "~5.9.3",
-    "@prosekit/config-tsdown": "0.0.0",
-    "@prosekit/config-vitest": "0.0.0"
+    "@prosekit/config-vitest": "0.0.0",
+    "@prosekit/config-tsdown": "0.0.0"
   },
   "publishConfig": {
     "dev": {}

package/src/components/create-component.ts

@@ -86,7 +86,8 @@ export function createComponent<
       for (const [name, value] of Object.entries(properties)) {
         if (value !== undefined) {
           // @ts-expect-error: we know that name is a valid property name
-          el[name] = value as unknown
+          // eslint-disable-next-line react-hooks/immutability
+          el[name] = value
         }
       }
     }, [el, ...propNames.map((name) => properties[name])])

package/src/components/merge-refs.ts

@@ -7,7 +7,7 @@ import type { Ref } from 'react'
 function assignRef<T>(
   ref: Ref<T> | undefined,
   value: T | null,
-): VoidFunction | undefined | void {
+): VoidFunction | void {
   if (typeof ref === 'function') {
     return ref(value)
   } else if (ref) {

package/src/hooks/use-doc-change.ts

@@ -2,6 +2,7 @@ import { defineDocChangeHandler } from '@prosekit/core'
 import type { ProseMirrorNode } from '@prosekit/pm/model'
 import { useMemo } from 'react'
 
+import { useEventCallback } from './use-event-callback'
 import {
   useExtension,
   type UseExtensionOptions,
@@ -16,9 +17,10 @@ export function useDocChange(
   handler: (doc: ProseMirrorNode) => void,
   options?: UseExtensionOptions,
 ): void {
+  const memoizedHandler = useEventCallback(handler)
   const extension = useMemo(
-    () => defineDocChangeHandler((view) => handler(view.state.doc)),
-    [handler],
+    () => defineDocChangeHandler((view) => memoizedHandler(view.state.doc)),
+    [memoizedHandler],
   )
   useExtension(extension, options)
 }

package/src/hooks/use-event-callback.ts

@@ -0,0 +1,18 @@
+import {
+  useCallback,
+  useLayoutEffect,
+  useRef,
+} from 'react'
+
+/**
+ * @internal
+ */
+export function useEventCallback<Args extends unknown[], Return>(
+  callback: (...args: Args) => Return,
+): (...args: Args) => Return {
+  const callbackRef = useRef(callback)
+  useLayoutEffect(() => {
+    callbackRef.current = callback
+  }, [callback])
+  return useCallback((...args: Args) => callbackRef.current(...args), [])
+}

package/src/hooks/use-state-update.ts

@@ -2,6 +2,7 @@ import { defineUpdateHandler } from '@prosekit/core'
 import type { EditorState } from '@prosekit/pm/state'
 import { useMemo } from 'react'
 
+import { useEventCallback } from './use-event-callback'
 import {
   useExtension,
   type UseExtensionOptions,
@@ -16,9 +17,10 @@ export function useStateUpdate(
   handler: (state: EditorState) => void,
   options?: UseExtensionOptions,
 ): void {
+  const memoizedHandler = useEventCallback(handler)
   const extension = useMemo(
-    () => defineUpdateHandler((view) => handler(view.state)),
-    [handler],
+    () => defineUpdateHandler((view) => memoizedHandler(view.state)),
+    [memoizedHandler],
   )
   useExtension(extension, options)
 }