@primitiv-ui/web 0.1.54 → 0.1.56

package/dist/define/index.d.ts

@@ -5,4 +5,6 @@
 import "./accordion.js";
 import "./collapsible.js";
 import "./modal.js";
+import "./popover.js";
 import "./tabs.js";
+import "./tooltip.js";

package/dist/define/index.js

@@ -5,4 +5,6 @@
 import "./accordion.js";
 import "./collapsible.js";
 import "./modal.js";
+import "./popover.js";
 import "./tabs.js";
+import "./tooltip.js";

package/dist/define/popover.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/define/popover.js

@@ -0,0 +1,11 @@
+/**
+ * Side-effect entry: importing this module defines the seven Popover elements
+ * (`<primitiv-popover>`, `-trigger`, `-anchor`, `-content`, `-title`,
+ * `-description`, `-close`) on the global `customElements` registry.
+ *
+ * ```html
+ * <script type="module">import "@primitiv-ui/web/define/popover";</script>
+ * ```
+ */
+import { definePopover } from "../popover/elements.js";
+definePopover();

package/dist/define/tooltip.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/define/tooltip.js

@@ -0,0 +1,11 @@
+/**
+ * Side-effect entry: importing this module defines the five Tooltip elements
+ * (`<primitiv-tooltip>`, `-provider`, `-trigger`, `-content`, `-arrow`) on the
+ * global `customElements` registry.
+ *
+ * ```html
+ * <script type="module">import "@primitiv-ui/web/define/tooltip";</script>
+ * ```
+ */
+import { defineTooltip } from "../tooltip/elements.js";
+defineTooltip();

package/dist/frameworks/events.d.ts

@@ -19,3 +19,11 @@ export type PrimitivCollapsibleChangeEvent = CustomEvent<{
 export type PrimitivModalChangeEvent = CustomEvent<{
     open: boolean;
 }>;
+/** The `primitiv-popover-change` event: bubbles, cancelable, fired before the change applies, with the open state afterwards. */
+export type PrimitivPopoverChangeEvent = CustomEvent<{
+    open: boolean;
+}>;
+/** The `primitiv-tooltip-change` event: bubbles, cancelable, fired before the change applies, with the open state afterwards. */
+export type PrimitivTooltipChangeEvent = CustomEvent<{
+    open: boolean;
+}>;

package/dist/frameworks/react.d.ts

@@ -21,13 +21,15 @@ import type { DetailedHTMLProps, HTMLAttributes } from "react";
 import type { PrimitivAccordionContentElement, PrimitivAccordionElement, PrimitivAccordionItemElement, PrimitivAccordionTriggerElement, PrimitivAccordionTriggerIconElement } from "../accordion/elements.js";
 import type { PrimitivCollapsibleContentElement, PrimitivCollapsibleElement, PrimitivCollapsibleTriggerElement, PrimitivCollapsibleTriggerIconElement } from "../collapsible/elements.js";
 import type { PrimitivModalCloseElement, PrimitivModalContentElement, PrimitivModalDescriptionElement, PrimitivModalElement, PrimitivModalTitleElement, PrimitivModalTriggerElement } from "../modal/elements.js";
+import type { PrimitivPopoverAnchorElement, PrimitivPopoverCloseElement, PrimitivPopoverContentElement, PrimitivPopoverDescriptionElement, PrimitivPopoverElement, PrimitivPopoverTitleElement, PrimitivPopoverTriggerElement } from "../popover/elements.js";
 import type { PrimitivTabsContentElement, PrimitivTabsElement, PrimitivTabsListElement, PrimitivTabsTriggerElement } from "../tabs/elements.js";
-import type { PrimitivAccordionChangeEvent, PrimitivCollapsibleChangeEvent, PrimitivModalChangeEvent, PrimitivTabsChangeEvent } from "./events.js";
+import type { PrimitivTooltipArrowElement, PrimitivTooltipContentElement, PrimitivTooltipElement, PrimitivTooltipProviderElement, PrimitivTooltipTriggerElement } from "../tooltip/elements.js";
+import type { PrimitivAccordionChangeEvent, PrimitivCollapsibleChangeEvent, PrimitivModalChangeEvent, PrimitivPopoverChangeEvent, PrimitivTabsChangeEvent, PrimitivTooltipChangeEvent } from "./events.js";
 /** React's own props for an element, plus `class`, which React 19 passes to custom elements. */
 type ElementProps<E extends HTMLElement> = DetailedHTMLProps<HTMLAttributes<E>, E> & {
     class?: string;
 };
-export type { PrimitivAccordionChangeEvent, PrimitivCollapsibleChangeEvent, PrimitivModalChangeEvent, PrimitivTabsChangeEvent, };
+export type { PrimitivAccordionChangeEvent, PrimitivCollapsibleChangeEvent, PrimitivModalChangeEvent, PrimitivPopoverChangeEvent, PrimitivTabsChangeEvent, PrimitivTooltipChangeEvent, };
 declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
@@ -69,6 +71,18 @@ declare module "react" {
             "primitiv-modal-title": ElementProps<PrimitivModalTitleElement>;
             "primitiv-modal-description": ElementProps<PrimitivModalDescriptionElement>;
             "primitiv-modal-close": ElementProps<PrimitivModalCloseElement>;
+            "primitiv-popover": ElementProps<PrimitivPopoverElement> & {
+                open?: boolean;
+                "onprimitiv-popover-change"?: (event: PrimitivPopoverChangeEvent) => void;
+            };
+            "primitiv-popover-trigger": ElementProps<PrimitivPopoverTriggerElement>;
+            "primitiv-popover-anchor": ElementProps<PrimitivPopoverAnchorElement>;
+            "primitiv-popover-title": ElementProps<PrimitivPopoverTitleElement>;
+            "primitiv-popover-description": ElementProps<PrimitivPopoverDescriptionElement>;
+            "primitiv-popover-close": ElementProps<PrimitivPopoverCloseElement>;
+            "primitiv-popover-content": ElementProps<PrimitivPopoverContentElement> & {
+                popover?: "auto" | "manual" | "";
+            };
             "primitiv-tabs": ElementProps<PrimitivTabsElement> & {
                 value?: string;
                 orientation?: "horizontal" | "vertical";
@@ -86,6 +100,21 @@ declare module "react" {
                 value: string;
                 "onprimitiv-tabs-show"?: (event: CustomEvent) => void;
             };
+            "primitiv-tooltip": ElementProps<PrimitivTooltipElement> & {
+                open?: boolean;
+                "delay-duration"?: number | string;
+                "disable-hoverable-content"?: boolean;
+                "onprimitiv-tooltip-change"?: (event: PrimitivTooltipChangeEvent) => void;
+            };
+            "primitiv-tooltip-provider": ElementProps<PrimitivTooltipProviderElement> & {
+                "delay-duration"?: number | string;
+                "skip-delay-duration"?: number | string;
+            };
+            "primitiv-tooltip-trigger": ElementProps<PrimitivTooltipTriggerElement>;
+            "primitiv-tooltip-content": ElementProps<PrimitivTooltipContentElement> & {
+                popover?: "auto" | "manual" | "";
+            };
+            "primitiv-tooltip-arrow": ElementProps<PrimitivTooltipArrowElement>;
         }
     }
 }

package/dist/frameworks/svelte.d.ts

@@ -20,8 +20,10 @@ import type { HTMLAttributes } from "svelte/elements";
 import type { PrimitivAccordionContentElement, PrimitivAccordionElement, PrimitivAccordionItemElement, PrimitivAccordionTriggerElement, PrimitivAccordionTriggerIconElement } from "../accordion/elements.js";
 import type { PrimitivCollapsibleContentElement, PrimitivCollapsibleElement, PrimitivCollapsibleTriggerElement, PrimitivCollapsibleTriggerIconElement } from "../collapsible/elements.js";
 import type { PrimitivModalCloseElement, PrimitivModalContentElement, PrimitivModalDescriptionElement, PrimitivModalElement, PrimitivModalTitleElement, PrimitivModalTriggerElement } from "../modal/elements.js";
+import type { PrimitivPopoverAnchorElement, PrimitivPopoverCloseElement, PrimitivPopoverContentElement, PrimitivPopoverDescriptionElement, PrimitivPopoverElement, PrimitivPopoverTitleElement, PrimitivPopoverTriggerElement } from "../popover/elements.js";
 import type { PrimitivTabsContentElement, PrimitivTabsElement, PrimitivTabsListElement, PrimitivTabsTriggerElement } from "../tabs/elements.js";
-import type { PrimitivAccordionChangeEvent, PrimitivCollapsibleChangeEvent, PrimitivModalChangeEvent, PrimitivTabsChangeEvent } from "./events.js";
+import type { PrimitivTooltipArrowElement, PrimitivTooltipContentElement, PrimitivTooltipElement, PrimitivTooltipProviderElement, PrimitivTooltipTriggerElement } from "../tooltip/elements.js";
+import type { PrimitivAccordionChangeEvent, PrimitivCollapsibleChangeEvent, PrimitivModalChangeEvent, PrimitivPopoverChangeEvent, PrimitivTabsChangeEvent, PrimitivTooltipChangeEvent } from "./events.js";
 /** Svelte's own attributes and events for an element. */
 type Attributes<E extends HTMLElement> = HTMLAttributes<E>;
 declare module "svelte/elements" {
@@ -64,6 +66,16 @@ declare module "svelte/elements" {
         "primitiv-modal-title": Attributes<PrimitivModalTitleElement>;
         "primitiv-modal-description": Attributes<PrimitivModalDescriptionElement>;
         "primitiv-modal-close": Attributes<PrimitivModalCloseElement>;
+        "primitiv-popover": Attributes<PrimitivPopoverElement> & {
+            open?: boolean;
+            "onprimitiv-popover-change"?: (event: PrimitivPopoverChangeEvent) => void;
+        };
+        "primitiv-popover-trigger": Attributes<PrimitivPopoverTriggerElement>;
+        "primitiv-popover-anchor": Attributes<PrimitivPopoverAnchorElement>;
+        "primitiv-popover-content": Attributes<PrimitivPopoverContentElement>;
+        "primitiv-popover-title": Attributes<PrimitivPopoverTitleElement>;
+        "primitiv-popover-description": Attributes<PrimitivPopoverDescriptionElement>;
+        "primitiv-popover-close": Attributes<PrimitivPopoverCloseElement>;
         "primitiv-tabs": Attributes<PrimitivTabsElement> & {
             value?: string;
             orientation?: "horizontal" | "vertical";
@@ -81,6 +93,19 @@ declare module "svelte/elements" {
             value: string;
             "onprimitiv-tabs-show"?: (event: CustomEvent) => void;
         };
+        "primitiv-tooltip": Attributes<PrimitivTooltipElement> & {
+            open?: boolean;
+            "delay-duration"?: number | string;
+            "disable-hoverable-content"?: boolean;
+            "onprimitiv-tooltip-change"?: (event: PrimitivTooltipChangeEvent) => void;
+        };
+        "primitiv-tooltip-provider": Attributes<PrimitivTooltipProviderElement> & {
+            "delay-duration"?: number | string;
+            "skip-delay-duration"?: number | string;
+        };
+        "primitiv-tooltip-trigger": Attributes<PrimitivTooltipTriggerElement>;
+        "primitiv-tooltip-content": Attributes<PrimitivTooltipContentElement>;
+        "primitiv-tooltip-arrow": Attributes<PrimitivTooltipArrowElement>;
     }
 }
 export {};

package/dist/frameworks/vue.d.ts

@@ -19,7 +19,7 @@
  * JSR does not allow a published module to do.
  */
 import type { DefineComponent, EmitsOptions } from "vue";
-import type { PrimitivAccordionChangeEvent, PrimitivCollapsibleChangeEvent, PrimitivModalChangeEvent, PrimitivTabsChangeEvent } from "./events.js";
+import type { PrimitivAccordionChangeEvent, PrimitivCollapsibleChangeEvent, PrimitivModalChangeEvent, PrimitivPopoverChangeEvent, PrimitivTabsChangeEvent, PrimitivTooltipChangeEvent } from "./events.js";
 /** A tag as Vue's template checker sees it: its props, and the events it emits. */
 type Tag<Props, Events extends EmitsOptions = Record<never, never>> = DefineComponent<Props, Record<never, never>, Record<never, never>, Record<never, never>, Record<never, never>, Record<never, never>, Record<never, never>, Events>;
 declare module "vue" {
@@ -67,6 +67,17 @@ declare module "vue" {
         "primitiv-modal-title": Tag<Record<never, never>>;
         "primitiv-modal-description": Tag<Record<never, never>>;
         "primitiv-modal-close": Tag<Record<never, never>>;
+        "primitiv-popover": Tag<{
+            open?: boolean | "";
+        }, {
+            "primitiv-popover-change": (event: PrimitivPopoverChangeEvent) => void;
+        }>;
+        "primitiv-popover-trigger": Tag<Record<never, never>>;
+        "primitiv-popover-anchor": Tag<Record<never, never>>;
+        "primitiv-popover-content": Tag<Record<never, never>>;
+        "primitiv-popover-title": Tag<Record<never, never>>;
+        "primitiv-popover-description": Tag<Record<never, never>>;
+        "primitiv-popover-close": Tag<Record<never, never>>;
         "primitiv-tabs": Tag<{
             value?: string;
             orientation?: "horizontal" | "vertical";
@@ -86,6 +97,20 @@ declare module "vue" {
         }, {
             "primitiv-tabs-show": (event: CustomEvent) => void;
         }>;
+        "primitiv-tooltip": Tag<{
+            open?: boolean | "";
+            delayDuration?: number | string;
+            disableHoverableContent?: boolean | "";
+        }, {
+            "primitiv-tooltip-change": (event: PrimitivTooltipChangeEvent) => void;
+        }>;
+        "primitiv-tooltip-provider": Tag<{
+            delayDuration?: number | string;
+            skipDelayDuration?: number | string;
+        }>;
+        "primitiv-tooltip-trigger": Tag<Record<never, never>>;
+        "primitiv-tooltip-content": Tag<Record<never, never>>;
+        "primitiv-tooltip-arrow": Tag<Record<never, never>>;
     }
 }
 export {};

package/dist/index.d.ts

@@ -6,4 +6,6 @@
 export * from "./accordion/index.js";
 export * from "./collapsible/index.js";
 export * from "./modal/index.js";
+export * from "./popover/index.js";
 export * from "./tabs/index.js";
+export * from "./tooltip/index.js";

package/dist/index.js

@@ -6,4 +6,6 @@
 export * from "./accordion/index.js";
 export * from "./collapsible/index.js";
 export * from "./modal/index.js";
+export * from "./popover/index.js";
 export * from "./tabs/index.js";
+export * from "./tooltip/index.js";

package/dist/popover/PopoverController.d.ts

@@ -0,0 +1,55 @@
+/**
+ * What a {@link PopoverController} asks of whoever hosts it. The controller
+ * owns behaviour and never owns state (RFC 0033 D28): the custom elements keep
+ * the open state in a reflected `open` attribute, the React adapter keeps it in
+ * React, and each answers these calls from wherever it keeps it.
+ */
+export type PopoverControllerHost = {
+    /** The state the controller cannot see for itself. */
+    state(): {
+        /** Whether the popover is open. */
+        open: boolean;
+    };
+    /** Apply a change the user asked for: `open` is the state afterwards. */
+    change(open: boolean): void;
+    /** The trigger: Escape hands focus back to it, and a press on it is not an outside press. */
+    trigger(): HTMLElement | null;
+    /**
+     * The element to hand `showPopover({ source })`, which makes it the panel's
+     * implicit anchor for CSS anchor positioning. Optional: without it the panel
+     * is shown with no source, and positioning is the consumer's to wire.
+     */
+    source?(): HTMLElement | null;
+};
+/**
+ * The DOM behaviour of a popover, over a `popover="auto"` panel: the browser
+ * owns the top layer and light dismiss, and this adds the rest of the WAI-ARIA
+ * non-modal dialog pattern:
+ *
+ * - **Sync** — {@link PopoverController.sync | `sync()`} shows or hides the
+ *   panel to match the host's state, moving focus into it as it opens (its
+ *   first focusable, or the panel itself). A host calls it whenever that state
+ *   may have changed.
+ * - **Dismissal** — the browser light-dismissing the panel is reported, Escape
+ *   inside it closes it and hands focus back to the trigger, and where the
+ *   browser has no Popover API a press outside closes it.
+ *
+ * Opening from the trigger is the host's, as a plain click.
+ */
+export declare class PopoverController {
+    #private;
+    constructor(content: HTMLElement, host: PopoverControllerHost);
+    /**
+     * Start listening. Connecting again while connected does nothing, so a host
+     * whose lifecycle runs twice never stacks handlers.
+     */
+    connect(): void;
+    /**
+     * Stop listening, and forget the panel was showing: a host disconnects when
+     * it leaves the document, which hides a popover with no event, so the next
+     * sync shows it again.
+     */
+    disconnect(): void;
+    /** Show or hide the panel to match the host's state. */
+    sync(): void;
+}

package/dist/popover/PopoverController.js

@@ -0,0 +1,100 @@
+import { FOCUSABLE_SELECTOR, popoverKeydown, popoverPressDismisses } from "@primitiv-ui/core";
+/**
+ * The DOM behaviour of a popover, over a `popover="auto"` panel: the browser
+ * owns the top layer and light dismiss, and this adds the rest of the WAI-ARIA
+ * non-modal dialog pattern:
+ *
+ * - **Sync** — {@link PopoverController.sync | `sync()`} shows or hides the
+ *   panel to match the host's state, moving focus into it as it opens (its
+ *   first focusable, or the panel itself). A host calls it whenever that state
+ *   may have changed.
+ * - **Dismissal** — the browser light-dismissing the panel is reported, Escape
+ *   inside it closes it and hands focus back to the trigger, and where the
+ *   browser has no Popover API a press outside closes it.
+ *
+ * Opening from the trigger is the host's, as a plain click.
+ */
+export class PopoverController {
+    #content;
+    #host;
+    #connection = null;
+    /** Whether this controller showed the panel and has not hidden it since. */
+    #shown = false;
+    constructor(content, host) {
+        this.#content = content;
+        this.#host = host;
+    }
+    /**
+     * Start listening. Connecting again while connected does nothing, so a host
+     * whose lifecycle runs twice never stacks handlers.
+     */
+    connect() {
+        if (this.#connection)
+            return;
+        this.#connection = new AbortController();
+        const { signal } = this.#connection;
+        this.#content.addEventListener("toggle", (event) => this.#toggle(event), { signal });
+        this.#content.addEventListener("keydown", (event) => this.#keydown(event), { signal });
+        document.addEventListener("click", (event) => this.#press(event), { signal });
+    }
+    /**
+     * Stop listening, and forget the panel was showing: a host disconnects when
+     * it leaves the document, which hides a popover with no event, so the next
+     * sync shows it again.
+     */
+    disconnect() {
+        this.#connection?.abort();
+        this.#connection = null;
+        this.#shown = false;
+    }
+    /** Show or hide the panel to match the host's state. */
+    sync() {
+        const { open } = this.#host.state();
+        if (open && !this.#shown) {
+            this.#shown = true;
+            const source = this.#host.source?.();
+            if (source)
+                this.#content.showPopover({ source });
+            else
+                this.#content.showPopover();
+            // Move focus into the panel (WAI-ARIA non-modal dialog): the first
+            // focusable, or the panel itself, which carries tabindex="-1".
+            (this.#content.querySelector(FOCUSABLE_SELECTOR) ?? this.#content).focus();
+        }
+        else if (!open && this.#shown) {
+            this.#shown = false;
+            try {
+                this.#content.hidePopover();
+            }
+            catch {
+                // Already hidden: the browser light-dismissed it first.
+            }
+        }
+    }
+    #toggle(event) {
+        if (event.newState !== "closed")
+            return;
+        this.#shown = false;
+        this.#host.change(false);
+    }
+    #keydown(event) {
+        // A popover nested in this panel handles its own Escape first, as the
+        // event bubbles out of it; leave that one alone, or both would close.
+        if (event.defaultPrevented || !popoverKeydown(event.key))
+            return;
+        event.preventDefault();
+        this.#host.change(false);
+        this.#host.trigger()?.focus();
+    }
+    #press(event) {
+        const target = event.target;
+        const dismisses = popoverPressDismisses({
+            open: this.#host.state().open,
+            nativeLightDismiss: "popover" in HTMLElement.prototype,
+            inTrigger: this.#host.trigger()?.contains(target) ?? false,
+            inPopover: target.closest("[popover]") !== null,
+        });
+        if (dismisses)
+            this.#host.change(false);
+    }
+}

package/dist/popover/elements.d.ts

@@ -0,0 +1,98 @@
+import { ElementBase, type ElementRegistry } from "../internal/element.js";
+import { PrimitivRootElement } from "../internal/RootElement.js";
+export type { ElementRegistry };
+/**
+ * `<primitiv-popover>` — the state owner of a non-modal popover: a trigger
+ * that opens a floating panel, built on the native Popover API. The browser
+ * puts the panel in the top layer and light-dismisses it; the element adds the
+ * rest of the WAI-ARIA non-modal dialog pattern — focus moves into the panel
+ * as it opens, Escape closes it and hands focus back to the trigger, and the
+ * trigger's `aria-expanded` follows it.
+ *
+ * The panel is shown with its trigger (or the anchor) as its source, which
+ * makes that element the panel's implicit anchor, so CSS anchor positioning
+ * (`position-area`) places it with no `anchor-name` to wire.
+ *
+ * The root finds its own parts, so a popover nested in a panel keeps its own,
+ * and reconciles their ARIA from its reflected state whenever a part arrives,
+ * leaves, or changes an attribute the root reads (the lifecycle is
+ * `PrimitivRootElement`'s).
+ *
+ * @customElement primitiv-popover
+ * @summary The state owner of a non-modal popover on the native Popover API.
+ * @attr {boolean} open - Whether the panel is open. Reflected: it changes as the user opens and dismisses it, so a server re-render or a history snapshot sees the live state. Set it (or the `open` property) to open or close the panel from script.
+ * @fires {CustomEvent<{ open: boolean }>} primitiv-popover-change - Bubbles, cancelable, fired before a user-driven change is applied — a trigger or close click, Escape, or a light dismiss — with the open state afterwards. Call `preventDefault()` to veto it.
+ */
+export declare class PrimitivPopoverElement extends PrimitivRootElement {
+    #private;
+    protected readonly controller: {
+        connect(): void;
+        disconnect(): void;
+    };
+    protected readonly reconcileOn: readonly string[];
+    /** Whether the panel is open, reflected as the boolean `open` attribute. */
+    get open(): boolean;
+    set open(next: boolean);
+    protected reconcile(): void;
+}
+/**
+ * `<primitiv-popover-trigger>` — an interactive part. It decorates exactly one
+ * child the consumer writes, a `<button>`, which toggles the panel and receives
+ * `aria-haspopup="dialog"`, `aria-expanded` and `aria-controls`, so the
+ * rendered DOM matches React's (RFC 0033 D24).
+ *
+ * @customElement primitiv-popover-trigger
+ */
+export declare class PrimitivPopoverTriggerElement extends ElementBase {
+}
+/**
+ * `<primitiv-popover-anchor>` — optional. It decorates exactly one element the
+ * consumer writes, which the panel is anchored to in place of the trigger: a
+ * field, say, whose trigger is an icon inside it.
+ *
+ * @customElement primitiv-popover-anchor
+ */
+export declare class PrimitivPopoverAnchorElement extends ElementBase {
+}
+/**
+ * `<primitiv-popover-content>` — the panel. Structural: the root gives it an
+ * id, `role="dialog"`, `popover="auto"` (write it in your markup too, so the
+ * panel is hidden before the script loads), `tabindex="-1"`, `data-state`, and
+ * `aria-labelledby` / `aria-describedby` pointing at the title and description.
+ *
+ * @customElement primitiv-popover-content
+ */
+export declare class PrimitivPopoverContentElement extends ElementBase {
+}
+/**
+ * `<primitiv-popover-title>` — decorates exactly one heading the consumer
+ * writes, whose id becomes the panel's `aria-labelledby`.
+ *
+ * @customElement primitiv-popover-title
+ */
+export declare class PrimitivPopoverTitleElement extends ElementBase {
+}
+/**
+ * `<primitiv-popover-description>` — decorates exactly one element the
+ * consumer writes (a `<p>`, usually), whose id becomes the panel's
+ * `aria-describedby`.
+ *
+ * @customElement primitiv-popover-description
+ */
+export declare class PrimitivPopoverDescriptionElement extends ElementBase {
+}
+/**
+ * `<primitiv-popover-close>` — an interactive part. It decorates exactly one
+ * `<button>` the consumer writes, which closes the panel. A popover may have
+ * several.
+ *
+ * @customElement primitiv-popover-close
+ */
+export declare class PrimitivPopoverCloseElement extends ElementBase {
+}
+/**
+ * Define the seven Popover elements on `registry` (the global `customElements`
+ * by default). Safe to call more than once, and a no-op where there is no
+ * registry (a server render).
+ */
+export declare function definePopover(registry?: ElementRegistry | undefined): void;