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

package/src/components/popover/index.ts

@@ -14,30 +14,75 @@
 ```
 */
 
-import { registerCustomElement } from '@aria-ui/core'
-import { PopoverPopupElement, PopoverPositionerElement, PopoverRootElement, PopoverTriggerElement } from '@aria-ui/elements/popover'
+import { registerCustomElement, type PropsDeclaration } from '@aria-ui/core'
+import * as Base from '@aria-ui/elements/popover'
 
-export {
-  OpenChangeEvent,
-  PopoverPopupElement,
-  PopoverPopupPropsDeclaration,
-  PopoverPositionerElement,
-  PopoverPositionerPropsDeclaration,
-  PopoverRootElement,
-  PopoverRootPropsDeclaration,
-  PopoverTriggerElement,
-  PopoverTriggerPropsDeclaration,
-  setupPopoverPopup,
-  setupPopoverPositioner,
-  setupPopoverRoot,
-  setupPopoverTrigger,
-  type PopoverPopupProps,
-  type PopoverPositionerProps,
-  type PopoverRootEvents,
-  type PopoverRootProps,
-  type PopoverTriggerEvents,
-  type PopoverTriggerProps,
-} from '@aria-ui/elements/popover'
+/**
+ * `<prosekit-popover-popup>` custom element.
+ *
+ * Properties: {@link PopoverPopupProps}
+ *
+ * Data attributes:
+ *
+ * | Attribute | Description |
+ * | --- | --- |
+ * | `data-state` | `"open"` when the popover is visible, `"closed"` otherwise |
+ */
+export class PopoverPopupElement extends Base.PopoverPopupElement {}
+
+/**
+ * `<prosekit-popover-positioner>` custom element.
+ *
+ * Properties: {@link PopoverPositionerProps}
+ *
+ * Data attributes:
+ *
+ * | Attribute | Description |
+ * | --- | --- |
+ * | `data-state` | `"open"` when the popover is visible, `"closed"` otherwise |
+ *
+ * CSS variables:
+ *
+ * | Variable | Description |
+ * | --- | --- |
+ * | `--transform-origin` | The coordinates that this element is anchored to. Useful for scale animations. |
+ */
+export class PopoverPositionerElement extends Base.PopoverPositionerElement {}
+
+/**
+ * `<prosekit-popover-root>` custom element.
+ *
+ * Properties: {@link PopoverRootProps}
+ *
+ * Events: {@link PopoverRootEvents}
+ */
+export class PopoverRootElement extends Base.PopoverRootElement {}
+
+/**
+ * `<prosekit-popover-trigger>` custom element.
+ *
+ * Properties: {@link PopoverTriggerProps}
+ *
+ * Events: {@link PopoverTriggerEvents}
+ */
+export class PopoverTriggerElement extends Base.PopoverTriggerElement {}
+
+export interface PopoverPopupProps extends Base.PopoverPopupProps {}
+export interface PopoverPositionerProps extends Base.PopoverPositionerProps {}
+export interface PopoverRootProps extends Base.PopoverRootProps {}
+export interface PopoverTriggerProps extends Base.PopoverTriggerProps {}
+
+export interface PopoverRootEvents extends Base.PopoverRootEvents {}
+export interface PopoverTriggerEvents extends Base.PopoverTriggerEvents {}
+
+/** @internal */
+export const PopoverPopupPropsDeclaration: PropsDeclaration<PopoverPopupProps> = Base.PopoverPopupPropsDeclaration
+/** @internal */
+export const PopoverPositionerPropsDeclaration: PropsDeclaration<PopoverPositionerProps> = Base.PopoverPositionerPropsDeclaration
+/** @internal */
+export const PopoverRootPropsDeclaration: PropsDeclaration<PopoverRootProps> = Base.PopoverRootPropsDeclaration
+/** @internal */
+export const PopoverTriggerPropsDeclaration: PropsDeclaration<PopoverTriggerProps> = Base.PopoverTriggerPropsDeclaration
 
 export function registerPopoverRootElement(): void {
   registerCustomElement('prosekit-popover-root', PopoverRootElement)
@@ -51,3 +96,11 @@ export function registerPopoverPopupElement(): void {
 export function registerPopoverPositionerElement(): void {
   registerCustomElement('prosekit-popover-positioner', PopoverPositionerElement)
 }
+
+export {
+  OpenChangeEvent,
+  setupPopoverPopup,
+  setupPopoverPositioner,
+  setupPopoverRoot,
+  setupPopoverTrigger,
+} from '@aria-ui/elements/popover'

package/src/components/resizable/resizable-handle.ts

@@ -118,7 +118,9 @@ const ResizableHandleElementBase: HostElementConstructor<ResizableHandleProps> =
 )
 
 /**
- * @public
+ * `<prosekit-resizable-handle>` custom element.
+ *
+ * Properties: {@link ResizableHandleProps}
  */
 export class ResizableHandleElement extends ResizableHandleElementBase {}
 

package/src/components/resizable/resizable-root.ts

@@ -168,7 +168,17 @@ const ResizableRootElementBase: HostElementConstructor<ResizableRootProps> = def
 )
 
 /**
- * @public
+ * `<prosekit-resizable-root>` custom element.
+ *
+ * Properties: {@link ResizableRootProps}
+ *
+ * Events: {@link ResizableRootEvents}
+ *
+ * Data attributes:
+ *
+ * | Attribute | Description |
+ * | --- | --- |
+ * | `data-resizing` | Present when the element is being resized |
  */
 export class ResizableRootElement extends ResizableRootElementBase {}
 

package/src/components/table-handle/table-handle-column-menu-root.ts

@@ -41,7 +41,9 @@ const TableHandleColumnMenuRootElementBase: HostElementConstructor<TableHandleCo
 )
 
 /**
- * @public
+ * `<prosekit-table-handle-column-menu-root>` custom element.
+ *
+ * Properties: {@link TableHandleColumnMenuRootProps}
  */
 export class TableHandleColumnMenuRootElement extends TableHandleColumnMenuRootElementBase {}
 

package/src/components/table-handle/table-handle-column-menu-trigger.ts

@@ -95,7 +95,9 @@ const TableHandleColumnMenuTriggerElementBase: HostElementConstructor<TableHandl
 )
 
 /**
- * @public
+ * `<prosekit-table-handle-column-menu-trigger>` custom element.
+ *
+ * Properties: {@link TableHandleColumnMenuTriggerProps}
  */
 export class TableHandleColumnMenuTriggerElement extends TableHandleColumnMenuTriggerElementBase {}
 

package/src/components/table-handle/table-handle-column-popup.ts

@@ -34,7 +34,15 @@ const TableHandleColumnPopupElementBase: HostElementConstructor<TableHandleColum
 )
 
 /**
- * @public
+ * `<prosekit-table-handle-column-popup>` custom element.
+ *
+ * Properties: {@link TableHandleColumnPopupProps}
+ *
+ * Data attributes:
+ *
+ * | Attribute | Description |
+ * | --- | --- |
+ * | `data-state` | `"open"` when visible, `"closed"` otherwise |
  */
 export class TableHandleColumnPopupElement extends TableHandleColumnPopupElementBase {}
 

package/src/components/table-handle/table-handle-column-positioner.ts

@@ -57,7 +57,23 @@ const TableHandleColumnPositionerElementBase: HostElementConstructor<TableHandle
 )
 
 /**
- * @public
+ * `<prosekit-table-handle-column-positioner>` custom element.
+ *
+ * Properties: {@link TableHandleColumnPositionerProps}
+ *
+ * Data attributes:
+ *
+ * | Attribute | Description |
+ * | --- | --- |
+ * | `data-state` | `"open"` when visible, `"closed"` otherwise |
+ * | `data-side` | The side of the anchor element the positioner is on |
+ * | `data-align` | The alignment of the positioner relative to the anchor element |
+ *
+ * CSS variables:
+ *
+ * | Variable | Description |
+ * | --- | --- |
+ * | `--transform-origin` | The coordinates that this element is anchored to. Useful for scale animations. |
  */
 export class TableHandleColumnPositionerElement extends TableHandleColumnPositionerElementBase {}
 

package/src/components/table-handle/table-handle-drag-preview.ts

@@ -157,7 +157,9 @@ const TableHandleDragPreviewElementBase: HostElementConstructor<TableHandleDragP
 )
 
 /**
- * @public
+ * `<prosekit-table-handle-drag-preview>` custom element.
+ *
+ * Properties: {@link TableHandleDragPreviewProps}
  */
 export class TableHandleDragPreviewElement extends TableHandleDragPreviewElementBase {}
 

package/src/components/table-handle/table-handle-drop-indicator.ts

@@ -154,7 +154,9 @@ const TableHandleDropIndicatorElementBase: HostElementConstructor<TableHandleDro
 )
 
 /**
- * @public
+ * `<prosekit-table-handle-drop-indicator>` custom element.
+ *
+ * Properties: {@link TableHandleDropIndicatorProps}
  */
 export class TableHandleDropIndicatorElement extends TableHandleDropIndicatorElementBase {}
 

package/src/components/table-handle/table-handle-root.ts

@@ -91,7 +91,9 @@ const TableHandleRootElementBase: HostElementConstructor<TableHandleRootProps> =
 )
 
 /**
- * @public
+ * `<prosekit-table-handle-root>` custom element.
+ *
+ * Properties: {@link TableHandleRootProps}
  */
 export class TableHandleRootElement extends TableHandleRootElementBase {}
 

package/src/components/table-handle/table-handle-row-menu-root.ts

@@ -41,7 +41,9 @@ const TableHandleRowMenuRootElementBase: HostElementConstructor<TableHandleRowMe
 )
 
 /**
- * @public
+ * `<prosekit-table-handle-row-menu-root>` custom element.
+ *
+ * Properties: {@link TableHandleRowMenuRootProps}
  */
 export class TableHandleRowMenuRootElement extends TableHandleRowMenuRootElementBase {}
 

package/src/components/table-handle/table-handle-row-menu-trigger.ts

@@ -95,7 +95,9 @@ const TableHandleRowMenuTriggerElementBase: HostElementConstructor<TableHandleRo
 )
 
 /**
- * @public
+ * `<prosekit-table-handle-row-menu-trigger>` custom element.
+ *
+ * Properties: {@link TableHandleRowMenuTriggerProps}
  */
 export class TableHandleRowMenuTriggerElement extends TableHandleRowMenuTriggerElementBase {}
 

package/src/components/table-handle/table-handle-row-popup.ts

@@ -32,7 +32,15 @@ const TableHandleRowPopupElementBase: HostElementConstructor<TableHandleRowPopup
 )
 
 /**
- * @public
+ * `<prosekit-table-handle-row-popup>` custom element.
+ *
+ * Properties: {@link TableHandleRowPopupProps}
+ *
+ * Data attributes:
+ *
+ * | Attribute | Description |
+ * | --- | --- |
+ * | `data-state` | `"open"` when visible, `"closed"` otherwise |
  */
 export class TableHandleRowPopupElement extends TableHandleRowPopupElementBase {}
 

package/src/components/table-handle/table-handle-row-positioner.ts

@@ -57,7 +57,23 @@ const TableHandleRowPositionerElementBase: HostElementConstructor<TableHandleRow
 )
 
 /**
- * @public
+ * `<prosekit-table-handle-row-positioner>` custom element.
+ *
+ * Properties: {@link TableHandleRowPositionerProps}
+ *
+ * Data attributes:
+ *
+ * | Attribute | Description |
+ * | --- | --- |
+ * | `data-state` | `"open"` when visible, `"closed"` otherwise |
+ * | `data-side` | The side of the anchor element the positioner is on |
+ * | `data-align` | The alignment of the positioner relative to the anchor element |
+ *
+ * CSS variables:
+ *
+ * | Variable | Description |
+ * | --- | --- |
+ * | `--transform-origin` | The coordinates that this element is anchored to. Useful for scale animations. |
  */
 export class TableHandleRowPositionerElement extends TableHandleRowPositionerElementBase {}
 

package/src/components/tooltip/index.ts

@@ -14,29 +14,72 @@
 ```
 */
 
-import { registerCustomElement } from '@aria-ui/core'
-import { TooltipPopupElement, TooltipPositionerElement, TooltipRootElement, TooltipTriggerElement } from '@aria-ui/elements/tooltip'
+import { registerCustomElement, type PropsDeclaration } from '@aria-ui/core'
+import * as Base from '@aria-ui/elements/tooltip'
 
-export {
-  OpenChangeEvent,
-  setupTooltipPopup,
-  setupTooltipPositioner,
-  setupTooltipRoot,
-  setupTooltipTrigger,
-  TooltipPopupElement,
-  TooltipPopupPropsDeclaration,
-  TooltipPositionerElement,
-  TooltipPositionerPropsDeclaration,
-  TooltipRootElement,
-  TooltipRootPropsDeclaration,
-  TooltipTriggerElement,
-  TooltipTriggerPropsDeclaration,
-  type TooltipPopupProps,
-  type TooltipPositionerProps,
-  type TooltipRootEvents,
-  type TooltipRootProps,
-  type TooltipTriggerProps,
-} from '@aria-ui/elements/tooltip'
+/**
+ * `<prosekit-tooltip-popup>` custom element.
+ *
+ * Properties: {@link TooltipPopupProps}
+ *
+ * Data attributes:
+ *
+ * | Attribute | Description |
+ * | --- | --- |
+ * | `data-state` | `"open"` when the tooltip is visible, `"closed"` otherwise |
+ */
+export class TooltipPopupElement extends Base.TooltipPopupElement {}
+
+/**
+ * `<prosekit-tooltip-positioner>` custom element.
+ *
+ * Properties: {@link TooltipPositionerProps}
+ *
+ * Data attributes:
+ *
+ * | Attribute | Description |
+ * | --- | --- |
+ * | `data-state` | `"open"` when the tooltip is visible, `"closed"` otherwise |
+ *
+ * CSS variables:
+ *
+ * | Variable | Description |
+ * | --- | --- |
+ * | `--transform-origin` | The coordinates that this element is anchored to. Useful for scale animations. |
+ */
+export class TooltipPositionerElement extends Base.TooltipPositionerElement {}
+
+/**
+ * `<prosekit-tooltip-root>` custom element.
+ *
+ * Properties: {@link TooltipRootProps}
+ *
+ * Events: {@link TooltipRootEvents}
+ */
+export class TooltipRootElement extends Base.TooltipRootElement {}
+
+/**
+ * `<prosekit-tooltip-trigger>` custom element.
+ *
+ * Properties: {@link TooltipTriggerProps}
+ */
+export class TooltipTriggerElement extends Base.TooltipTriggerElement {}
+
+export interface TooltipPopupProps extends Base.TooltipPopupProps {}
+export interface TooltipPositionerProps extends Base.TooltipPositionerProps {}
+export interface TooltipRootProps extends Base.TooltipRootProps {}
+export interface TooltipTriggerProps extends Base.TooltipTriggerProps {}
+
+export interface TooltipRootEvents extends Base.TooltipRootEvents {}
+
+/** @internal */
+export const TooltipPopupPropsDeclaration: PropsDeclaration<TooltipPopupProps> = Base.TooltipPopupPropsDeclaration
+/** @internal */
+export const TooltipPositionerPropsDeclaration: PropsDeclaration<TooltipPositionerProps> = Base.TooltipPositionerPropsDeclaration
+/** @internal */
+export const TooltipRootPropsDeclaration: PropsDeclaration<TooltipRootProps> = Base.TooltipRootPropsDeclaration
+/** @internal */
+export const TooltipTriggerPropsDeclaration: PropsDeclaration<TooltipTriggerProps> = Base.TooltipTriggerPropsDeclaration
 
 export function registerTooltipRootElement(): void {
   registerCustomElement('prosekit-tooltip-root', TooltipRootElement)
@@ -50,3 +93,11 @@ export function registerTooltipPopupElement(): void {
 export function registerTooltipPositionerElement(): void {
   registerCustomElement('prosekit-tooltip-positioner', TooltipPositionerElement)
 }
+
+export {
+  OpenChangeEvent,
+  setupTooltipPopup,
+  setupTooltipPositioner,
+  setupTooltipRoot,
+  setupTooltipTrigger,
+} from '@aria-ui/elements/tooltip'