@prosekit/solid 0.7.0-beta.1 → 0.7.0-beta.2

package/dist/prosekit-solid-popover.js

@@ -1,14 +1,172 @@
-import { t as createComponent } from "./create-component.js";
-import { popoverContentEvents, popoverContentProps, popoverRootEvents, popoverRootProps, popoverTriggerEvents, popoverTriggerProps } from "@prosekit/web/popover";
-//#region src/components/popover/popover-content.gen.ts
-const PopoverContent = createComponent("prosekit-popover-content", Object.keys(popoverContentProps), Object.keys(popoverContentEvents));
+import { createEffect, createSignal, mergeProps, splitProps } from "solid-js";
+import h from "solid-js/h";
+import { OpenChangeEvent, registerPopoverPopupElement, registerPopoverPositionerElement, registerPopoverRootElement, registerPopoverTriggerElement } from "@prosekit/web/popover";
+//#region src/components/popover/popover-popup.gen.ts
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Solid component that renders an `prosekit-popover-popup` custom element.
+*
+* @public
+*/
+const PopoverPopup = (props) => {
+	registerPopoverPopupElement();
+	const restProps = props;
+	return () => h("prosekit-popover-popup", restProps);
+};
+//#endregion
+//#region src/components/popover/popover-positioner.gen.ts
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Solid component that renders an `prosekit-popover-positioner` custom element.
+*
+* @public
+*/
+const PopoverPositioner = (props) => {
+	registerPopoverPositionerElement();
+	const [getElement, setElement] = createSignal(null);
+	const [elementProps, restProps] = splitProps(props, [
+		"altBoundary",
+		"autoUpdate",
+		"boundary",
+		"elementContext",
+		"fitViewport",
+		"flip",
+		"hide",
+		"hoist",
+		"inline",
+		"offset",
+		"overflowPadding",
+		"overlap",
+		"placement",
+		"rootBoundary",
+		"sameHeight",
+		"sameWidth",
+		"shift",
+		"strategy"
+	]);
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		Object.assign(element, {
+			altBoundary: elementProps.altBoundary,
+			autoUpdate: elementProps.autoUpdate,
+			boundary: elementProps.boundary,
+			elementContext: elementProps.elementContext,
+			fitViewport: elementProps.fitViewport,
+			flip: elementProps.flip,
+			hide: elementProps.hide,
+			hoist: elementProps.hoist,
+			inline: elementProps.inline,
+			offset: elementProps.offset,
+			overflowPadding: elementProps.overflowPadding,
+			overlap: elementProps.overlap,
+			placement: elementProps.placement,
+			rootBoundary: elementProps.rootBoundary,
+			sameHeight: elementProps.sameHeight,
+			sameWidth: elementProps.sameWidth,
+			shift: elementProps.shift,
+			strategy: elementProps.strategy
+		});
+	});
+	return () => h("prosekit-popover-positioner", mergeProps(restProps, { ref: (el) => {
+		setElement(el);
+	} }));
+};
 //#endregion
 //#region src/components/popover/popover-root.gen.ts
-const PopoverRoot = createComponent("prosekit-popover-root", Object.keys(popoverRootProps), Object.keys(popoverRootEvents));
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Solid component that renders an `prosekit-popover-root` custom element.
+*
+* @public
+*/
+const PopoverRoot = (props) => {
+	registerPopoverRootElement();
+	const [getElement, setElement] = createSignal(null);
+	const handlers = [];
+	const [elementProps, eventHandlers, restProps] = splitProps(props, [
+		"defaultOpen",
+		"disabled",
+		"modal",
+		"open"
+	], ["onOpenChange"]);
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		Object.assign(element, {
+			defaultOpen: elementProps.defaultOpen,
+			disabled: elementProps.disabled,
+			modal: elementProps.modal,
+			open: elementProps.open
+		});
+		handlers.length = 0;
+		handlers.push(eventHandlers.onOpenChange);
+	});
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		const ac = new AbortController();
+		for (const [index, eventName] of ["openChange"].entries()) element.addEventListener(eventName, (event) => {
+			handlers[index]?.(event);
+		}, { signal: ac.signal });
+		return () => ac.abort();
+	});
+	return () => h("prosekit-popover-root", mergeProps(restProps, { ref: (el) => {
+		setElement(el);
+	} }));
+};
 //#endregion
 //#region src/components/popover/popover-trigger.gen.ts
-const PopoverTrigger = createComponent("prosekit-popover-trigger", Object.keys(popoverTriggerProps), Object.keys(popoverTriggerEvents));
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Solid component that renders an `prosekit-popover-trigger` custom element.
+*
+* @public
+*/
+const PopoverTrigger = (props) => {
+	registerPopoverTriggerElement();
+	const [getElement, setElement] = createSignal(null);
+	const handlers = [];
+	const [elementProps, eventHandlers, restProps] = splitProps(props, [
+		"closeDelay",
+		"delay",
+		"disabled",
+		"openOnHover"
+	], ["onOpenChange"]);
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		Object.assign(element, {
+			closeDelay: elementProps.closeDelay,
+			delay: elementProps.delay,
+			disabled: elementProps.disabled,
+			openOnHover: elementProps.openOnHover
+		});
+		handlers.length = 0;
+		handlers.push(eventHandlers.onOpenChange);
+	});
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		const ac = new AbortController();
+		for (const [index, eventName] of ["openChange"].entries()) element.addEventListener(eventName, (event) => {
+			handlers[index]?.(event);
+		}, { signal: ac.signal });
+		return () => ac.abort();
+	});
+	return () => h("prosekit-popover-trigger", mergeProps(restProps, { ref: (el) => {
+		setElement(el);
+	} }));
+};
 //#endregion
-export { PopoverContent, PopoverRoot, PopoverTrigger };
+export { OpenChangeEvent, PopoverPopup, PopoverPositioner, PopoverRoot, PopoverTrigger };
 
 //# sourceMappingURL=prosekit-solid-popover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-solid-popover.js","names":[],"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 { Component } from 'solid-js'\n\nimport type { PropsWithElement } from '../../types.ts'\nimport { createComponent } from '../create-component.ts'\nimport type { CreateProps } from '../create-props.ts'\n\n/**\n * Props for the {@link PopoverContent} component.\n */\nexport interface PopoverContentProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const PopoverContent: Component<PropsWithElement<\n  PopoverContentProps,\n  PopoverContentElement\n>> = createComponent<\n  PopoverContentProps,\n  PopoverContentElement\n>(\n  'prosekit-popover-content', \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 { Component } from 'solid-js'\n\nimport type { PropsWithElement } from '../../types.ts'\nimport { createComponent } from '../create-component.ts'\nimport type { CreateProps } from '../create-props.ts'\n\n/**\n * Props for the {@link PopoverRoot} component.\n */\nexport interface PopoverRootProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const PopoverRoot: Component<PropsWithElement<\n  PopoverRootProps,\n  PopoverRootElement\n>> = createComponent<\n  PopoverRootProps,\n  PopoverRootElement\n>(\n  'prosekit-popover-root', \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 { Component } from 'solid-js'\n\nimport type { PropsWithElement } from '../../types.ts'\nimport { createComponent } from '../create-component.ts'\nimport type { CreateProps } from '../create-props.ts'\n\n/**\n * Props for the {@link PopoverTrigger} component.\n */\nexport interface PopoverTriggerProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const PopoverTrigger: Component<PropsWithElement<\n  PopoverTriggerProps,\n  PopoverTriggerElement\n>> = createComponent<\n  PopoverTriggerProps,\n  PopoverTriggerElement\n>(\n  'prosekit-popover-trigger', \n  Object.keys(popoverTriggerProps),\n  Object.keys(popoverTriggerEvents),\n)\n"],"mappings":";;;AAkBA,MAAa,iBAGR,gBAIH,4BACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;ACVD,MAAa,cAGR,gBAIH,yBACA,OAAO,KAAK,iBAAiB,EAC7B,OAAO,KAAK,kBAAkB,CAC/B;;;ACVD,MAAa,iBAGR,gBAIH,4BACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC"}
+{"version":3,"file":"prosekit-solid-popover.js","names":[],"sources":["../src/components/popover/popover-popup.gen.ts","../src/components/popover/popover-positioner.gen.ts","../src/components/popover/popover-root.gen.ts","../src/components/popover/popover-trigger.gen.ts"],"sourcesContent":["/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerPopoverPopupElement, type PopoverPopupElement } from '@prosekit/web/popover';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/**\n * Props for the {@link PopoverPopup} Solid component.\n *\n * @public\n */\nexport interface PopoverPopupProps extends JSX.HTMLAttributes<PopoverPopupElement> {}\n\n/**\n * A Solid component that renders an `prosekit-popover-popup` custom element.\n *\n * @public\n */\nexport const PopoverPopup: Component<PopoverPopupProps> = (props): any => {\n  registerPopoverPopupElement();\n\n  const restProps = props;\n\n  return () => h('prosekit-popover-popup', restProps);\n};\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerPopoverPositionerElement, type PopoverPositionerElement, type PopoverPositionerProps as PopoverPositionerElementProps } from '@prosekit/web/popover';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/**\n * Props for the {@link PopoverPositioner} Solid component.\n *\n * @public\n */\nexport interface PopoverPositionerProps extends JSX.HTMLAttributes<PopoverPositionerElement> {\n  /**\n   * The strategy to use for positioning\n   *\n   * @default \"absolute\"\n   */\n  strategy?: PopoverPositionerElementProps['strategy'];\n  /**\n   * The initial placement of the floating element\n   *\n   * @default \"top\"\n   */\n  placement?: PopoverPositionerElementProps['placement'];\n  /**\n   * Options to activate auto-update listeners\n   *\n   * @see https://floating-ui.com/docs/autoUpdate\n   *\n   * @default true\n   */\n  autoUpdate?: PopoverPositionerElementProps['autoUpdate'];\n  /**\n   * Whether to use the browser Popover API to place the floating element on\n   * top of other page content.\n   *\n   * @default true\n   */\n  hoist?: PopoverPositionerElementProps['hoist'];\n  /**\n   * The distance between the reference and floating element.\n   *\n   * @default 6\n   */\n  offset?: PopoverPositionerElementProps['offset'];\n  /**\n   * Whether to flip the `placement` in order to keep it in view when the\n   * preferred placement(s) will overflow the clipping boundary. You can also\n   * provide an array of placements to try sequentially if the preferred\n   * `placement` does not fit.\n   *\n   * @default true\n   */\n  flip?: PopoverPositionerElementProps['flip'];\n  /**\n   * Whether the floating element should shift to keep it in view.\n   *\n   * @default true\n   */\n  shift?: PopoverPositionerElementProps['shift'];\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default false\n   */\n  overlap?: PopoverPositionerElementProps['overlap'];\n  /**\n   * Whether to constrain the floating element's width and height to not exceed\n   * the viewport.\n   *\n   * @default false\n   */\n  fitViewport?: PopoverPositionerElementProps['fitViewport'];\n  /**\n   * Whether to constrain the floating element's width so that it matches the\n   * reference element.\n   *\n   * @default false\n   */\n  sameWidth?: PopoverPositionerElementProps['sameWidth'];\n  /**\n   * Whether to constrain the floating element's height so that it matches the\n   * reference element.\n   *\n   * @default false\n   */\n  sameHeight?: PopoverPositionerElementProps['sameHeight'];\n  /**\n   * Whether to improve positioning for inline reference elements that span over\n   * multiple lines.\n   *\n   * @default false\n   */\n  inline?: PopoverPositionerElementProps['inline'];\n  /**\n   * Whether to hide the floating element when the reference element or the\n   * floating element is fully clipped.\n   *\n   * @default false\n   */\n  hide?: PopoverPositionerElementProps['hide'];\n  /**\n   * Describes the clipping element(s) or area that overflow will be checked relative to.\n   * Please see https://floating-ui.com/docs/detectoverflow#boundary for more information.\n   *\n   * @default 'clippingAncestors'\n   */\n  boundary?: PopoverPositionerElementProps['boundary'];\n  /**\n   * Describes the root boundary that the element will be checked for overflow relative to.\n   * Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.\n   *\n   * @default 'viewport'\n   */\n  rootBoundary?: PopoverPositionerElementProps['rootBoundary'];\n  /**\n   * Describes the virtual padding around the boundary to check for overflow.\n   * Please see https://floating-ui.com/docs/detectoverflow#padding for more information.\n   *\n   * @default 4\n   */\n  overflowPadding?: PopoverPositionerElementProps['overflowPadding'];\n  /**\n   * The element that will be used to check for overflow. Please see\n   * https://floating-ui.com/docs/detectoverflow#elementcontext for more\n   * information.\n   *\n   * @default 'floating'\n   */\n  elementContext?: PopoverPositionerElementProps['elementContext'];\n  /**\n   * Whether to check the alternate elementContext's boundary. Please see\n   * https://floating-ui.com/docs/detectoverflow#altboundary for more\n   * information.\n   *\n   * @default false\n   */\n  altBoundary?: PopoverPositionerElementProps['altBoundary'];\n}\n\n/**\n * A Solid component that renders an `prosekit-popover-positioner` custom element.\n *\n * @public\n */\nexport const PopoverPositioner: Component<PopoverPositionerProps> = (props): any => {\n  registerPopoverPositionerElement();\n\n  const [getElement, setElement] = createSignal<PopoverPositionerElement | null>(null);\n\n  const [elementProps, restProps] = splitProps(props, ['altBoundary', 'autoUpdate', 'boundary', 'elementContext', 'fitViewport', 'flip', 'hide', 'hoist', 'inline', 'offset', 'overflowPadding', 'overlap', 'placement', 'rootBoundary', 'sameHeight', 'sameWidth', 'shift', 'strategy']);\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, {\n      altBoundary: elementProps.altBoundary,\n      autoUpdate: elementProps.autoUpdate,\n      boundary: elementProps.boundary,\n      elementContext: elementProps.elementContext,\n      fitViewport: elementProps.fitViewport,\n      flip: elementProps.flip,\n      hide: elementProps.hide,\n      hoist: elementProps.hoist,\n      inline: elementProps.inline,\n      offset: elementProps.offset,\n      overflowPadding: elementProps.overflowPadding,\n      overlap: elementProps.overlap,\n      placement: elementProps.placement,\n      rootBoundary: elementProps.rootBoundary,\n      sameHeight: elementProps.sameHeight,\n      sameWidth: elementProps.sameWidth,\n      shift: elementProps.shift,\n      strategy: elementProps.strategy,\n    });\n  });\n\n  return () =>\n    h(\n      'prosekit-popover-positioner',\n      mergeProps(restProps, {\n        ref: (el: PopoverPositionerElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerPopoverRootElement, type PopoverRootElement, type PopoverRootEvents, type PopoverRootProps as PopoverRootElementProps } from '@prosekit/web/popover';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/**\n * Props for the {@link PopoverRoot} Solid component.\n *\n * @public\n */\nexport interface PopoverRootProps extends JSX.HTMLAttributes<PopoverRootElement> {\n  /**\n   * Whether the popover should be modal.\n   * When true, the popover will trap focus and prevent interaction with the rest of the page.\n   *\n   * @default false\n   */\n  modal?: PopoverRootElementProps['modal'];\n  /**\n   * Whether the overlay is initially open.\n   * @default false\n   */\n  defaultOpen?: PopoverRootElementProps['defaultOpen'];\n  /**\n   * Whether the overlay is currently open.\n   * @default null\n   */\n  open?: PopoverRootElementProps['open'];\n  /**\n   * Whether the component should ignore user interaction.\n   * @default false\n   */\n  disabled?: PopoverRootElementProps['disabled'];\n  /** Emitted when the popover is opened or closed. */\n  onOpenChange?: (event: PopoverRootEvents['openChange']) => void;\n}\n\n/**\n * A Solid component that renders an `prosekit-popover-root` custom element.\n *\n * @public\n */\nexport const PopoverRoot: Component<PopoverRootProps> = (props): any => {\n  registerPopoverRootElement();\n\n  const [getElement, setElement] = createSignal<PopoverRootElement | null>(null);\n  const handlers: Array<((event: any) => void) | undefined> = [];\n\n  const [elementProps, eventHandlers, restProps] = splitProps(props, ['defaultOpen', 'disabled', 'modal', 'open'], ['onOpenChange']);\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { defaultOpen: elementProps.defaultOpen, disabled: elementProps.disabled, modal: elementProps.modal, open: elementProps.open });\n\n    handlers.length = 0;\n    handlers.push(eventHandlers.onOpenChange);\n  });\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    const ac = new AbortController();\n    for (const [index, eventName] of ['openChange'].entries()) {\n      element.addEventListener(\n        eventName,\n        (event) => {\n          handlers[index]?.(event);\n        },\n        { signal: ac.signal },\n      );\n    }\n    return () => ac.abort();\n  });\n\n  return () =>\n    h(\n      'prosekit-popover-root',\n      mergeProps(restProps, {\n        ref: (el: PopoverRootElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n\nexport type { PopoverRootEvents };\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerPopoverTriggerElement, type PopoverTriggerElement, type PopoverTriggerEvents, type PopoverTriggerProps as PopoverTriggerElementProps } from '@prosekit/web/popover';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/**\n * Props for the {@link PopoverTrigger} Solid component.\n *\n * @public\n */\nexport interface PopoverTriggerProps extends JSX.HTMLAttributes<PopoverTriggerElement> {\n  /**\n   * Whether the component should ignore user interaction.\n   * @default false\n   */\n  disabled?: PopoverTriggerElementProps['disabled'];\n  /**\n   * Whether the popover should also open when the trigger is hovered.\n   * @default false\n   */\n  openOnHover?: PopoverTriggerElementProps['openOnHover'];\n  /**\n   * The delay in milliseconds before opening the popover when hovering.\n   * Only applies when `openOnHover` is true.\n   * @default 300\n   */\n  delay?: PopoverTriggerElementProps['delay'];\n  /**\n   * The delay in milliseconds before closing the popover when hover ends.\n   * Only applies when `openOnHover` is true.\n   * @default 0\n   */\n  closeDelay?: PopoverTriggerElementProps['closeDelay'];\n  /** Emitted when the popover is opened or closed. */\n  onOpenChange?: (event: PopoverTriggerEvents['openChange']) => void;\n}\n\n/**\n * A Solid component that renders an `prosekit-popover-trigger` custom element.\n *\n * @public\n */\nexport const PopoverTrigger: Component<PopoverTriggerProps> = (props): any => {\n  registerPopoverTriggerElement();\n\n  const [getElement, setElement] = createSignal<PopoverTriggerElement | null>(null);\n  const handlers: Array<((event: any) => void) | undefined> = [];\n\n  const [elementProps, eventHandlers, restProps] = splitProps(props, ['closeDelay', 'delay', 'disabled', 'openOnHover'], ['onOpenChange']);\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { closeDelay: elementProps.closeDelay, delay: elementProps.delay, disabled: elementProps.disabled, openOnHover: elementProps.openOnHover });\n\n    handlers.length = 0;\n    handlers.push(eventHandlers.onOpenChange);\n  });\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    const ac = new AbortController();\n    for (const [index, eventName] of ['openChange'].entries()) {\n      element.addEventListener(\n        eventName,\n        (event) => {\n          handlers[index]?.(event);\n        },\n        { signal: ac.signal },\n      );\n    }\n    return () => ac.abort();\n  });\n\n  return () =>\n    h(\n      'prosekit-popover-trigger',\n      mergeProps(restProps, {\n        ref: (el: PopoverTriggerElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n\nexport type { PopoverTriggerEvents };\n"],"mappings":"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"}

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

@@ -1,21 +1,63 @@
-import { i as PropsWithElement } from "./types.js";
-import { t as CreateProps } from "./create-props.js";
-import { Component } from "solid-js";
-import { ResizableHandleElement, ResizableHandleEvents, ResizableHandleProps as ResizableHandleProps$1, ResizableRootElement, ResizableRootEvents, ResizableRootProps as ResizableRootProps$1 } from "@prosekit/web/resizable";
+import { Component, JSX } from "solid-js";
+import { ResizableHandleElement, ResizableHandleProps as ResizableHandleProps$1, ResizableRootElement, ResizableRootEvents, ResizableRootProps as ResizableRootProps$1, ResizeEndEvent, ResizeStartEvent } from "@prosekit/web/resizable";
 
-//#region src/components/resizable/resizable-handle.gen.d.ts
+//#region src/components/resizable/resizable-root.gen.d.ts
+/**
+ * Props for the {@link ResizableRoot} Solid component.
+ *
+ * @public
+ */
+interface ResizableRootProps extends JSX.HTMLAttributes<ResizableRootElement> {
+  /**
+   * The width of the resizable element.
+   *
+   * @default null
+   */
+  width?: ResizableRootProps$1['width'];
+  /**
+   * The height of the resizable element.
+   *
+   * @default null
+   */
+  height?: ResizableRootProps$1['height'];
+  /**
+   * The aspect ratio of the resizable element.
+   *
+   * @default null
+   */
+  aspectRatio?: ResizableRootProps$1['aspectRatio'];
+  /** Emitted when a resize operation starts. */
+  onResizeStart?: (event: ResizableRootEvents['resizeStart']) => void;
+  /** Emitted when a resize operation ends. */
+  onResizeEnd?: (event: ResizableRootEvents['resizeEnd']) => void;
+}
 /**
- * Props for the {@link ResizableHandle} component.
+ * A Solid component that renders an `prosekit-resizable-root` custom element.
+ *
+ * @public
  */
-interface ResizableHandleProps extends Partial<CreateProps<ResizableHandleProps$1, ResizableHandleEvents>> {}
-declare const ResizableHandle: Component<PropsWithElement<ResizableHandleProps, ResizableHandleElement>>;
+declare const ResizableRoot: Component<ResizableRootProps>;
 //#endregion
-//#region src/components/resizable/resizable-root.gen.d.ts
+//#region src/components/resizable/resizable-handle.gen.d.ts
+/**
+ * Props for the {@link ResizableHandle} Solid component.
+ *
+ * @public
+ */
+interface ResizableHandleProps extends JSX.HTMLAttributes<ResizableHandleElement> {
+  /**
+   * The position of the handle.
+   *
+   * @default "bottom-right"
+   */
+  position?: ResizableHandleProps$1['position'];
+}
 /**
- * Props for the {@link ResizableRoot} component.
+ * A Solid component that renders an `prosekit-resizable-handle` custom element.
+ *
+ * @public
  */
-interface ResizableRootProps extends Partial<CreateProps<ResizableRootProps$1, ResizableRootEvents>> {}
-declare const ResizableRoot: Component<PropsWithElement<ResizableRootProps, ResizableRootElement>>;
+declare const ResizableHandle: Component<ResizableHandleProps>;
 //#endregion
-export { ResizableHandle, type ResizableHandleProps, ResizableRoot, type ResizableRootProps };
+export { ResizableHandle, type ResizableHandleProps, ResizableRoot, type ResizableRootEvents, type ResizableRootProps, ResizeEndEvent, ResizeStartEvent };
 //# sourceMappingURL=prosekit-solid-resizable.d.ts.map

package/dist/prosekit-solid-resizable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-solid-resizable.d.ts","names":[],"sources":["../src/components/resizable/resizable-handle.gen.ts","../src/components/resizable/resizable-root.gen.ts"],"mappings":";;;;;;;;AAgBA;UAAiB,oBAAA,SAA6B,OAAA,CAAQ,WAAA,CAAY,sBAAA,EAAO,qBAAA;AAAA,cAE5D,eAAA,EAAiB,SAAA,CAAU,gBAAA,CACtC,oBAAA,EACA,sBAAA;;;;;AAJF;UCAiB,kBAAA,SAA2B,OAAA,CAAQ,WAAA,CAAY,oBAAA,EAAO,mBAAA;AAAA,cAE1D,aAAA,EAAe,SAAA,CAAU,gBAAA,CACpC,kBAAA,EACA,oBAAA"}
+{"version":3,"file":"prosekit-solid-resizable.d.ts","names":[],"sources":["../src/components/resizable/resizable-root.gen.ts","../src/components/resizable/resizable-handle.gen.ts"],"mappings":";;;;;;;;;UAciB,kBAAA,SAA2B,GAAA,CAAI,cAAA,CAAe,oBAAA;EAoBrC;;;;;EAdxB,KAAA,GAAQ,oBAAA;EANsC;;;;;EAY9C,MAAA,GAAS,oBAAA;EAMT;;;;;EAAA,WAAA,GAAc,oBAAA;EAIQ;EAFtB,aAAA,IAAiB,KAAA,EAAO,mBAAA;EAE8B;EAAtD,WAAA,IAAe,KAAA,EAAO,mBAAA;AAAA;;;;;;cAQX,aAAA,EAAe,SAAA,CAAU,kBAAA;;;;;;;;UC9BrB,oBAAA,SAA6B,GAAA,CAAI,cAAA,CAAe,sBAAA;EDoBvC;;;;;ECdxB,QAAA,GAAW,sBAAA;AAAA;;;;;;cAQA,eAAA,EAAiB,SAAA,CAAU,oBAAA"}

package/dist/prosekit-solid-resizable.js

@@ -1,11 +1,73 @@
-import { t as createComponent } from "./create-component.js";
-import { resizableHandleEvents, resizableHandleProps, resizableRootEvents, resizableRootProps } from "@prosekit/web/resizable";
-//#region src/components/resizable/resizable-handle.gen.ts
-const ResizableHandle = createComponent("prosekit-resizable-handle", Object.keys(resizableHandleProps), Object.keys(resizableHandleEvents));
-//#endregion
+import { createEffect, createSignal, mergeProps, splitProps } from "solid-js";
+import h from "solid-js/h";
+import { ResizeEndEvent, ResizeStartEvent, registerResizableHandleElement, registerResizableRootElement } from "@prosekit/web/resizable";
 //#region src/components/resizable/resizable-root.gen.ts
-const ResizableRoot = createComponent("prosekit-resizable-root", Object.keys(resizableRootProps), Object.keys(resizableRootEvents));
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Solid component that renders an `prosekit-resizable-root` custom element.
+*
+* @public
+*/
+const ResizableRoot = (props) => {
+	registerResizableRootElement();
+	const [getElement, setElement] = createSignal(null);
+	const handlers = [];
+	const [elementProps, eventHandlers, restProps] = splitProps(props, [
+		"aspectRatio",
+		"height",
+		"width"
+	], ["onResizeEnd", "onResizeStart"]);
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		Object.assign(element, {
+			aspectRatio: elementProps.aspectRatio,
+			height: elementProps.height,
+			width: elementProps.width
+		});
+		handlers.length = 0;
+		handlers.push(eventHandlers.onResizeEnd);
+		handlers.push(eventHandlers.onResizeStart);
+	});
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		const ac = new AbortController();
+		for (const [index, eventName] of ["resizeEnd", "resizeStart"].entries()) element.addEventListener(eventName, (event) => {
+			handlers[index]?.(event);
+		}, { signal: ac.signal });
+		return () => ac.abort();
+	});
+	return () => h("prosekit-resizable-root", mergeProps(restProps, { ref: (el) => {
+		setElement(el);
+	} }));
+};
+//#endregion
+//#region src/components/resizable/resizable-handle.gen.ts
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Solid component that renders an `prosekit-resizable-handle` custom element.
+*
+* @public
+*/
+const ResizableHandle = (props) => {
+	registerResizableHandleElement();
+	const [getElement, setElement] = createSignal(null);
+	const [elementProps, restProps] = splitProps(props, ["position"]);
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		Object.assign(element, { position: elementProps.position });
+	});
+	return () => h("prosekit-resizable-handle", mergeProps(restProps, { ref: (el) => {
+		setElement(el);
+	} }));
+};
 //#endregion
-export { ResizableHandle, ResizableRoot };
+export { ResizableHandle, ResizableRoot, ResizeEndEvent, ResizeStartEvent };
 
 //# sourceMappingURL=prosekit-solid-resizable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-solid-resizable.js","names":[],"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 { Component } from 'solid-js'\n\nimport type { PropsWithElement } from '../../types.ts'\nimport { createComponent } from '../create-component.ts'\nimport type { CreateProps } from '../create-props.ts'\n\n/**\n * Props for the {@link ResizableHandle} component.\n */\nexport interface ResizableHandleProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const ResizableHandle: Component<PropsWithElement<\n  ResizableHandleProps,\n  ResizableHandleElement\n>> = createComponent<\n  ResizableHandleProps,\n  ResizableHandleElement\n>(\n  'prosekit-resizable-handle', \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 { Component } from 'solid-js'\n\nimport type { PropsWithElement } from '../../types.ts'\nimport { createComponent } from '../create-component.ts'\nimport type { CreateProps } from '../create-props.ts'\n\n/**\n * Props for the {@link ResizableRoot} component.\n */\nexport interface ResizableRootProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const ResizableRoot: Component<PropsWithElement<\n  ResizableRootProps,\n  ResizableRootElement\n>> = createComponent<\n  ResizableRootProps,\n  ResizableRootElement\n>(\n  'prosekit-resizable-root', \n  Object.keys(resizableRootProps),\n  Object.keys(resizableRootEvents),\n)\n"],"mappings":";;;AAkBA,MAAa,kBAGR,gBAIH,6BACA,OAAO,KAAK,qBAAqB,EACjC,OAAO,KAAK,sBAAsB,CACnC;;;ACVD,MAAa,gBAGR,gBAIH,2BACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}
+{"version":3,"file":"prosekit-solid-resizable.js","names":[],"sources":["../src/components/resizable/resizable-root.gen.ts","../src/components/resizable/resizable-handle.gen.ts"],"sourcesContent":["/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerResizableRootElement, type ResizableRootElement, type ResizableRootEvents, type ResizableRootProps as ResizableRootElementProps } from '@prosekit/web/resizable';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/**\n * Props for the {@link ResizableRoot} Solid component.\n *\n * @public\n */\nexport interface ResizableRootProps extends JSX.HTMLAttributes<ResizableRootElement> {\n  /**\n   * The width of the resizable element.\n   *\n   * @default null\n   */\n  width?: ResizableRootElementProps['width'];\n  /**\n   * The height of the resizable element.\n   *\n   * @default null\n   */\n  height?: ResizableRootElementProps['height'];\n  /**\n   * The aspect ratio of the resizable element.\n   *\n   * @default null\n   */\n  aspectRatio?: ResizableRootElementProps['aspectRatio'];\n  /** Emitted when a resize operation starts. */\n  onResizeStart?: (event: ResizableRootEvents['resizeStart']) => void;\n  /** Emitted when a resize operation ends. */\n  onResizeEnd?: (event: ResizableRootEvents['resizeEnd']) => void;\n}\n\n/**\n * A Solid component that renders an `prosekit-resizable-root` custom element.\n *\n * @public\n */\nexport const ResizableRoot: Component<ResizableRootProps> = (props): any => {\n  registerResizableRootElement();\n\n  const [getElement, setElement] = createSignal<ResizableRootElement | null>(null);\n  const handlers: Array<((event: any) => void) | undefined> = [];\n\n  const [elementProps, eventHandlers, restProps] = splitProps(props, ['aspectRatio', 'height', 'width'], ['onResizeEnd', 'onResizeStart']);\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { aspectRatio: elementProps.aspectRatio, height: elementProps.height, width: elementProps.width });\n\n    handlers.length = 0;\n    handlers.push(eventHandlers.onResizeEnd);\n    handlers.push(eventHandlers.onResizeStart);\n  });\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    const ac = new AbortController();\n    for (const [index, eventName] of ['resizeEnd', 'resizeStart'].entries()) {\n      element.addEventListener(\n        eventName,\n        (event) => {\n          handlers[index]?.(event);\n        },\n        { signal: ac.signal },\n      );\n    }\n    return () => ac.abort();\n  });\n\n  return () =>\n    h(\n      'prosekit-resizable-root',\n      mergeProps(restProps, {\n        ref: (el: ResizableRootElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n\nexport type { ResizableRootEvents };\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerResizableHandleElement, type ResizableHandleElement, type ResizableHandleProps as ResizableHandleElementProps } from '@prosekit/web/resizable';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/**\n * Props for the {@link ResizableHandle} Solid component.\n *\n * @public\n */\nexport interface ResizableHandleProps extends JSX.HTMLAttributes<ResizableHandleElement> {\n  /**\n   * The position of the handle.\n   *\n   * @default \"bottom-right\"\n   */\n  position?: ResizableHandleElementProps['position'];\n}\n\n/**\n * A Solid component that renders an `prosekit-resizable-handle` custom element.\n *\n * @public\n */\nexport const ResizableHandle: Component<ResizableHandleProps> = (props): any => {\n  registerResizableHandleElement();\n\n  const [getElement, setElement] = createSignal<ResizableHandleElement | null>(null);\n\n  const [elementProps, restProps] = splitProps(props, ['position']);\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { position: elementProps.position });\n  });\n\n  return () =>\n    h(\n      'prosekit-resizable-handle',\n      mergeProps(restProps, {\n        ref: (el: ResizableHandleElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n"],"mappings":";;;;;;;;;;;;AA4CA,MAAa,iBAAgD,UAAe;AAC1E,+BAA8B;CAE9B,MAAM,CAAC,YAAY,cAAc,aAA0C,KAAK;CAChF,MAAM,WAAsD,EAAE;CAE9D,MAAM,CAAC,cAAc,eAAe,aAAa,WAAW,OAAO;EAAC;EAAe;EAAU;EAAQ,EAAE,CAAC,eAAe,gBAAgB,CAAC;AAExI,oBAAmB;EACjB,MAAM,UAAU,YAAY;AAC5B,MAAI,CAAC,QAAS;AAEd,SAAO,OAAO,SAAS;GAAE,aAAa,aAAa;GAAa,QAAQ,aAAa;GAAQ,OAAO,aAAa;GAAO,CAAC;AAEzH,WAAS,SAAS;AAClB,WAAS,KAAK,cAAc,YAAY;AACxC,WAAS,KAAK,cAAc,cAAc;GAC1C;AAEF,oBAAmB;EACjB,MAAM,UAAU,YAAY;AAC5B,MAAI,CAAC,QAAS;EAEd,MAAM,KAAK,IAAI,iBAAiB;AAChC,OAAK,MAAM,CAAC,OAAO,cAAc,CAAC,aAAa,cAAc,CAAC,SAAS,CACrE,SAAQ,iBACN,YACC,UAAU;AACT,YAAS,SAAS,MAAM;KAE1B,EAAE,QAAQ,GAAG,QAAQ,CACtB;AAEH,eAAa,GAAG,OAAO;GACvB;AAEF,cACE,EACE,2BACA,WAAW,WAAW,EACpB,MAAM,OAAoC;AACxC,aAAW,GAAG;IAEjB,CAAC,CACH;;;;;;;;;;;;AC5DL,MAAa,mBAAoD,UAAe;AAC9E,iCAAgC;CAEhC,MAAM,CAAC,YAAY,cAAc,aAA4C,KAAK;CAElF,MAAM,CAAC,cAAc,aAAa,WAAW,OAAO,CAAC,WAAW,CAAC;AAEjE,oBAAmB;EACjB,MAAM,UAAU,YAAY;AAC5B,MAAI,CAAC,QAAS;AAEd,SAAO,OAAO,SAAS,EAAE,UAAU,aAAa,UAAU,CAAC;GAC3D;AAEF,cACE,EACE,6BACA,WAAW,WAAW,EACpB,MAAM,OAAsC;AAC1C,aAAW,GAAG;IAEjB,CAAC,CACH"}