@primitiv-ui/web 0.1.55 → 0.1.57

package/dist/custom-elements.json

@@ -518,50 +518,41 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/modal/elements.ts",
+      "path": "src/dropdown/elements.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "`<primitiv-modal>` — the state owner of a modal dialog, built on the native\n`<dialog>` and its `showModal()`: the browser makes the page behind it inert,\npaints the `::backdrop` and owns the top layer, and the element adds the\nrest of the WAI-ARIA Modal Dialog pattern — Tab wraps inside the dialog,\nEscape and a press on the backdrop close it, and closing hands focus back to\nthe button that opened it.\n\nThe root finds its own parts, so a modal nested in a dialog keeps its own,\nand reconciles their ARIA from its reflected state whenever a part arrives,\nleaves, or changes an attribute the root reads (the lifecycle is\n`PrimitivRootElement`'s). Leave `open` off the `<dialog>` itself: the root\nopens it, modally.",
-          "name": "PrimitivModalElement",
+          "description": "`<primitiv-dropdown>` — the state owner of a dropdown menu (WAI-ARIA APG\nMenu Button): a trigger that opens a menu of items. The menu is a\n`popover=\"auto\"` in the top layer, shown with the trigger as its source,\nwhich makes the trigger its implicit anchor for CSS anchor positioning.\nChoosing an item — any item, a submenu's too — closes the menu and hands\nfocus back to the trigger.\n\nThe root finds its own parts and reconciles their ARIA from its reflected\nstate whenever a part arrives, leaves, or changes an attribute the root\nreads (the lifecycle is `PrimitivRootElement`'s).",
+          "name": "PrimitivDropdownElement",
           "members": [
             {
               "kind": "field",
-              "name": "#dialog",
+              "name": "#content",
               "privacy": "private",
               "type": {
-                "text": "HTMLDialogElement | null"
+                "text": "HTMLElement | null"
               },
               "default": "null",
-              "description": "The dialog the root currently decorates, and the controller over it."
+              "description": "The menu the root currently decorates, and the controller over it."
             },
             {
               "kind": "field",
-              "name": "#modal",
+              "name": "#menu",
               "privacy": "private",
               "type": {
-                "text": "ModalController | null"
+                "text": "DropdownController | null"
               },
               "default": "null"
             },
             {
               "kind": "field",
-              "name": "#openers",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLElement[]"
-              },
-              "default": "[]",
-              "description": "The decorated trigger and close buttons, as of the last reconcile."
-            },
-            {
-              "kind": "field",
-              "name": "#closers",
+              "name": "#trigger",
               "privacy": "private",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "HTMLElement | null"
               },
-              "default": "[]"
+              "default": "null",
+              "description": "The decorated trigger, as of the last reconcile."
             },
             {
               "kind": "field",
@@ -571,7 +562,7 @@
                 "text": "AbortController | null"
               },
               "default": "null",
-              "description": "The root's own click listener, while connected."
+              "description": "The root's own listeners, while connected."
             },
             {
               "kind": "field",
@@ -591,7 +582,7 @@
               },
               "privacy": "protected",
               "readonly": true,
-              "default": "[\"open\"]"
+              "default": "[\"open\", \"disabled\", \"checked\", \"value\"]"
             },
             {
               "kind": "field",
@@ -599,7 +590,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether the dialog is open, reflected as the boolean `open` attribute."
+              "description": "Whether the menu is open, reflected as the boolean `open` attribute."
             },
             {
               "kind": "method",
@@ -607,7 +598,7 @@
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "ModalControllerHost"
+                  "text": "DropdownControllerHost"
                 }
               },
               "description": "The controller's view of this element: state lives in the reflected attribute."
@@ -653,25 +644,26 @@
             },
             {
               "kind": "method",
-              "name": "#click",
+              "name": "#itemOf",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "HTMLElement | null"
                 }
               },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "target",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "EventTarget | null"
                   }
                 }
-              ]
+              ],
+              "description": "The item part (of this root) an event landed in, or `null`."
             },
             {
               "kind": "method",
-              "name": "#use",
+              "name": "#highlight",
               "privacy": "private",
               "return": {
                 "type": {
@@ -680,42 +672,66 @@
               },
               "parameters": [
                 {
-                  "name": "dialog",
+                  "name": "event",
                   "type": {
-                    "text": "HTMLDialogElement | null"
+                    "text": "PointerEvent"
+                  }
+                },
+                {
+                  "name": "over",
+                  "type": {
+                    "text": "boolean"
                   }
                 }
               ],
-              "description": "Decorate `dialog` from now on: the controller follows it. Only a reconcile\ncalls this, and a root reconciles only while connected, so the new\ncontroller listens at once."
+              "description": "Mark the item the pointer is over, as React's `data-highlighted`."
             },
             {
               "kind": "method",
-              "name": "reconcile",
-              "privacy": "protected",
+              "name": "#click",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "#buttons",
+              "name": "#use",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "HTMLElement[]"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "selector",
+                  "name": "content",
                   "type": {
-                    "text": "string"
+                    "text": "HTMLElement | null"
                   }
                 }
               ],
-              "description": "The buttons this root's `selector` parts decorate."
+              "description": "Decorate `content` from now on: the controller follows it. Only a\nreconcile calls this, and a root reconciles only while connected, so the\nnew controller listens at once."
+            },
+            {
+              "kind": "method",
+              "name": "reconcile",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             }
           ],
           "events": [
@@ -723,8 +739,29 @@
               "type": {
                 "text": "CustomEvent<{ open: boolean }>"
               },
-              "description": "Bubbles, cancelable, fired before a user-driven change is applied — a trigger or close click, Escape, a press on the backdrop, or the dialog closing natively — with the open state afterwards. Call `preventDefault()` to veto it, e.g. to keep a form with unsaved changes open.",
-              "name": "primitiv-modal-change"
+              "description": "Bubbles, cancelable, fired before a user-driven change is applied — the trigger, Escape, a press outside or a chosen item — with the open state afterwards. Call `preventDefault()` to veto it.",
+              "name": "primitiv-dropdown-change"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<null>"
+              },
+              "description": "Bubbles, cancelable, fired on the item part when an item is chosen, after a checkbox or radio item has changed. Call `preventDefault()` to keep the menu open.",
+              "name": "primitiv-dropdown-select"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<{ checked: boolean }>"
+              },
+              "description": "Bubbles, cancelable, fired on a checkbox item before it changes, with its state afterwards. Call `preventDefault()` to veto it.",
+              "name": "primitiv-dropdown-checked-change"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<{ value: string }>"
+              },
+              "description": "Bubbles, cancelable, fired on a radio group before its value changes, with the value afterwards. Call `preventDefault()` to veto it.",
+              "name": "primitiv-dropdown-value-change"
             }
           ],
           "attributes": [
@@ -732,7 +769,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether the dialog is open. Reflected: it changes as the user opens and dismisses the dialog, so a server re-render or a history snapshot sees the live state. Set it (or the `open` property) to open or close the dialog from script.",
+              "description": "Whether the menu is open. Reflected: it changes as the user opens and dismisses it. Set it (or the `open` property) to open or close it from script.",
               "name": "open"
             }
           ],
@@ -740,160 +777,14 @@
             "name": "PrimitivRootElement",
             "module": "/src/internal/RootElement.ts"
           },
-          "tagName": "primitiv-modal",
+          "tagName": "primitiv-dropdown",
           "customElement": true,
-          "summary": "The state owner of a modal dialog on the native `<dialog>`."
-        },
-        {
-          "kind": "class",
-          "description": "`<primitiv-modal-trigger>` — an interactive part. It decorates exactly one\nchild the consumer writes, a `<button>`, which opens the dialog and receives\n`aria-haspopup=\"dialog\"`, `aria-expanded` and `aria-controls`, so the\nrendered DOM matches React's (RFC 0033 D24). A modal may have several.",
-          "name": "PrimitivModalTriggerElement",
-          "superclass": {
-            "name": "ElementBase",
-            "module": "/src/internal/element.ts"
-          },
-          "tagName": "primitiv-modal-trigger",
-          "customElement": true
-        },
-        {
-          "kind": "class",
-          "description": "`<primitiv-modal-content>` — decorates exactly one native `<dialog>` the\nconsumer writes, which the root opens with `showModal()`, closes, and gives\nan id, `data-state`, and `aria-labelledby` / `aria-describedby` pointing at\nthe title and description. The dialog keeps its implicit `dialog` role.",
-          "name": "PrimitivModalContentElement",
-          "superclass": {
-            "name": "ElementBase",
-            "module": "/src/internal/element.ts"
-          },
-          "tagName": "primitiv-modal-content",
-          "customElement": true
-        },
-        {
-          "kind": "class",
-          "description": "`<primitiv-modal-title>` — decorates exactly one heading the consumer writes\n(an `<h2>`, usually), whose id becomes the dialog's `aria-labelledby`, so it\nis the name a screen reader announces as the dialog opens.",
-          "name": "PrimitivModalTitleElement",
-          "superclass": {
-            "name": "ElementBase",
-            "module": "/src/internal/element.ts"
-          },
-          "tagName": "primitiv-modal-title",
-          "customElement": true
-        },
-        {
-          "kind": "class",
-          "description": "`<primitiv-modal-description>` — decorates exactly one element the consumer\nwrites (a `<p>`, usually), whose id becomes the dialog's `aria-describedby`.",
-          "name": "PrimitivModalDescriptionElement",
-          "superclass": {
-            "name": "ElementBase",
-            "module": "/src/internal/element.ts"
-          },
-          "tagName": "primitiv-modal-description",
-          "customElement": true
-        },
-        {
-          "kind": "class",
-          "description": "`<primitiv-modal-close>` — an interactive part. It decorates exactly one\n`<button>` the consumer writes, which closes the dialog. A modal may have\nseveral: the header's icon button and the footer's Cancel.",
-          "name": "PrimitivModalCloseElement",
-          "superclass": {
-            "name": "ElementBase",
-            "module": "/src/internal/element.ts"
-          },
-          "tagName": "primitiv-modal-close",
-          "customElement": true
-        },
-        {
-          "kind": "function",
-          "name": "defineModal",
-          "return": {
-            "type": {
-              "text": "void"
-            }
-          },
-          "parameters": [
-            {
-              "name": "registry",
-              "default": "globalThis.customElements",
-              "type": {
-                "text": "ElementRegistry | undefined"
-              }
-            }
-          ],
-          "description": "Define the six Modal elements on `registry` (the global `customElements` by\ndefault). Safe to call more than once, and a no-op where there is no\nregistry (a server render)."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ElementRegistry",
-          "declaration": {
-            "name": "ElementRegistry",
-            "module": "src/modal/elements.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "PrimitivModalElement",
-          "declaration": {
-            "name": "PrimitivModalElement",
-            "module": "src/modal/elements.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "PrimitivModalTriggerElement",
-          "declaration": {
-            "name": "PrimitivModalTriggerElement",
-            "module": "src/modal/elements.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "PrimitivModalContentElement",
-          "declaration": {
-            "name": "PrimitivModalContentElement",
-            "module": "src/modal/elements.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "PrimitivModalTitleElement",
-          "declaration": {
-            "name": "PrimitivModalTitleElement",
-            "module": "src/modal/elements.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "PrimitivModalDescriptionElement",
-          "declaration": {
-            "name": "PrimitivModalDescriptionElement",
-            "module": "src/modal/elements.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "PrimitivModalCloseElement",
-          "declaration": {
-            "name": "PrimitivModalCloseElement",
-            "module": "src/modal/elements.ts"
-          }
+          "summary": "The state owner of a dropdown menu."
         },
-        {
-          "kind": "js",
-          "name": "defineModal",
-          "declaration": {
-            "name": "defineModal",
-            "module": "src/modal/elements.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/popover/elements.ts",
-      "declarations": [
         {
           "kind": "class",
-          "description": "`<primitiv-popover>` — the state owner of a non-modal popover: a trigger\nthat opens a floating panel, built on the native Popover API. The browser\nputs the panel in the top layer and light-dismisses it; the element adds the\nrest of the WAI-ARIA non-modal dialog pattern — focus moves into the panel\nas it opens, Escape closes it and hands focus back to the trigger, and the\ntrigger's `aria-expanded` follows it.\n\nThe panel is shown with its trigger (or the anchor) as its source, which\nmakes that element the panel's implicit anchor, so CSS anchor positioning\n(`position-area`) places it with no `anchor-name` to wire.\n\nThe root finds its own parts, so a popover nested in a panel keeps its own,\nand reconciles their ARIA from its reflected state whenever a part arrives,\nleaves, or changes an attribute the root reads (the lifecycle is\n`PrimitivRootElement`'s).",
-          "name": "PrimitivPopoverElement",
+          "description": "`<primitiv-dropdown-sub>` — the state owner of a submenu, inside a dropdown's\nmenu: a sub-trigger row that opens a nested menu on a click, a hover, or the\narrow pointing away from its parent (ArrowRight, or ArrowLeft right to\nleft), and closes it on the arrow back, or when the pointer moves to another\nrow of the parent menu.",
+          "name": "PrimitivDropdownSubElement",
           "members": [
             {
               "kind": "field",
@@ -902,15 +793,14 @@
               "type": {
                 "text": "HTMLElement | null"
               },
-              "default": "null",
-              "description": "The panel the root currently decorates, and the controller over it."
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "#popover",
+              "name": "#menu",
               "privacy": "private",
               "type": {
-                "text": "PopoverController | null"
+                "text": "DropdownSubController | null"
               },
               "default": "null"
             },
@@ -921,26 +811,27 @@
               "type": {
                 "text": "HTMLElement | null"
               },
-              "default": "null",
-              "description": "The decorated trigger and close buttons, and the anchor, as of the last reconcile."
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "#anchor",
+              "name": "#triggerPart",
               "privacy": "private",
               "type": {
                 "text": "HTMLElement | null"
               },
-              "default": "null"
+              "default": "null",
+              "description": "The sub-trigger part (whose `disabled` the sub reads), as of the last reconcile."
             },
             {
               "kind": "field",
-              "name": "#closers",
+              "name": "#hovered",
               "privacy": "private",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "boolean"
               },
-              "default": "[]"
+              "default": "false",
+              "description": "Whether the pointer is over the sub-trigger."
             },
             {
               "kind": "field",
@@ -949,8 +840,7 @@
               "type": {
                 "text": "AbortController | null"
               },
-              "default": "null",
-              "description": "The root's own click listener, while connected."
+              "default": "null"
             },
             {
               "kind": "field",
@@ -970,7 +860,7 @@
               },
               "privacy": "protected",
               "readonly": true,
-              "default": "[\"open\"]"
+              "default": "[\"open\", \"disabled\"]"
             },
             {
               "kind": "field",
@@ -978,7 +868,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether the panel is open, reflected as the boolean `open` attribute."
+              "description": "Whether the submenu is open, reflected as the boolean `open` attribute."
             },
             {
               "kind": "method",
@@ -986,10 +876,9 @@
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "PopoverControllerHost"
+                  "text": "DropdownSubControllerHost"
                 }
-              },
-              "description": "The controller's view of this element: state lives in the reflected attribute."
+              }
             },
             {
               "kind": "method",
@@ -1007,8 +896,18 @@
                     "text": "boolean"
                   }
                 }
-              ],
-              "description": "A change the user asked for: announced first, so a listener can veto it."
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#disabled",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Whether the sub-trigger is disabled. Only asked once a decorated sub-trigger exists."
             },
             {
               "kind": "method",
@@ -1032,7 +931,36 @@
             },
             {
               "kind": "method",
-              "name": "#click",
+              "name": "#onTrigger",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "Whether an event landed on the decorated sub-trigger."
+            },
+            {
+              "kind": "method",
+              "name": "#openIfEnabled",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#keydown",
               "privacy": "private",
               "return": {
                 "type": {
@@ -1043,11 +971,54 @@
                 {
                   "name": "event",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#pointer",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                },
+                {
+                  "name": "over",
+                  "type": {
+                    "text": "boolean"
                   }
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#sibling",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ],
+              "description": "The pointer reached another row of the parent menu: close, as moving the keyboard there would."
+            },
             {
               "kind": "method",
               "name": "#use",
@@ -1064,8 +1035,7 @@
                     "text": "HTMLElement | null"
                   }
                 }
-              ],
-              "description": "Decorate `content` from now on: the controller follows it. Only a\nreconcile calls this, and a root reconciles only while connected, so the\nnew controller listens at once."
+              ]
             },
             {
               "kind": "method",
@@ -1083,8 +1053,8 @@
               "type": {
                 "text": "CustomEvent<{ open: boolean }>"
               },
-              "description": "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.",
-              "name": "primitiv-popover-change"
+              "description": "Bubbles, cancelable, fired before a user-driven change is applied, with the open state afterwards. Call `preventDefault()` to veto it.",
+              "name": "primitiv-dropdown-sub-change"
             }
           ],
           "attributes": [
@@ -1092,7 +1062,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "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.",
+              "description": "Whether the submenu is open. Reflected.",
               "name": "open"
             }
           ],
@@ -1100,79 +1070,213 @@
             "name": "PrimitivRootElement",
             "module": "/src/internal/RootElement.ts"
           },
-          "tagName": "primitiv-popover",
+          "tagName": "primitiv-dropdown-sub",
           "customElement": true,
-          "summary": "The state owner of a non-modal popover on the native Popover API."
+          "summary": "The state owner of a submenu."
         },
         {
           "kind": "class",
-          "description": "`<primitiv-popover-trigger>` — an interactive part. It decorates exactly one\nchild the consumer writes, a `<button>`, which toggles the panel and receives\n`aria-haspopup=\"dialog\"`, `aria-expanded` and `aria-controls`, so the\nrendered DOM matches React's (RFC 0033 D24).",
-          "name": "PrimitivPopoverTriggerElement",
+          "description": "`<primitiv-dropdown-trigger>` — an interactive part. It decorates exactly\none child the consumer writes, a `<button>`, which toggles the menu and is\nits menu button (`aria-haspopup`, `aria-expanded`, `aria-controls`).",
+          "name": "PrimitivDropdownTriggerElement",
           "superclass": {
             "name": "ElementBase",
             "module": "/src/internal/element.ts"
           },
-          "tagName": "primitiv-popover-trigger",
+          "tagName": "primitiv-dropdown-trigger",
           "customElement": true
         },
         {
           "kind": "class",
-          "description": "`<primitiv-popover-anchor>` — optional. It decorates exactly one element the\nconsumer writes, which the panel is anchored to in place of the trigger: a\nfield, say, whose trigger is an icon inside it.",
-          "name": "PrimitivPopoverAnchorElement",
+          "description": "`<primitiv-dropdown-content>` — the menu itself. Structural: the root gives\nit an id, `role=\"menu\"` and `popover=\"auto\"` (write it in your markup too, so\nit is hidden before the script loads).",
+          "name": "PrimitivDropdownContentElement",
           "superclass": {
             "name": "ElementBase",
             "module": "/src/internal/element.ts"
           },
-          "tagName": "primitiv-popover-anchor",
+          "tagName": "primitiv-dropdown-content",
           "customElement": true
         },
         {
           "kind": "class",
-          "description": "`<primitiv-popover-content>` — the panel. Structural: the root gives it an\nid, `role=\"dialog\"`, `popover=\"auto\"` (write it in your markup too, so the\npanel is hidden before the script loads), `tabindex=\"-1\"`, `data-state`, and\n`aria-labelledby` / `aria-describedby` pointing at the title and description.",
-          "name": "PrimitivPopoverContentElement",
+          "description": "`<primitiv-dropdown-item>` — an interactive part: one item. It decorates\nexactly one child the consumer writes, an `<li>` (or a link), which gets\n`role=\"menuitem\"`, `tabindex=\"-1\"` and `data-highlighted` while the pointer\nis over it.",
+          "name": "PrimitivDropdownItemElement",
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Skipped by the keyboard, and does nothing when clicked (`aria-disabled` on the child).",
+              "name": "disabled"
+            }
+          ],
           "superclass": {
             "name": "ElementBase",
             "module": "/src/internal/element.ts"
           },
-          "tagName": "primitiv-popover-content",
+          "tagName": "primitiv-dropdown-item",
           "customElement": true
         },
         {
           "kind": "class",
-          "description": "`<primitiv-popover-title>` — decorates exactly one heading the consumer\nwrites, whose id becomes the panel's `aria-labelledby`.",
-          "name": "PrimitivPopoverTitleElement",
+          "description": "`<primitiv-dropdown-checkbox-item>` — an item that toggles. Its child gets\n`role=\"menuitemcheckbox\"` and `aria-checked`.",
+          "name": "PrimitivDropdownCheckboxItemElement",
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether it is checked; `checked=\"indeterminate\"` for mixed. Reflected.",
+              "name": "checked"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "As on an item.",
+              "name": "disabled"
+            }
+          ],
           "superclass": {
             "name": "ElementBase",
             "module": "/src/internal/element.ts"
           },
-          "tagName": "primitiv-popover-title",
+          "tagName": "primitiv-dropdown-checkbox-item",
           "customElement": true
         },
         {
           "kind": "class",
-          "description": "`<primitiv-popover-description>` — decorates exactly one element the\nconsumer writes (a `<p>`, usually), whose id becomes the panel's\n`aria-describedby`.",
-          "name": "PrimitivPopoverDescriptionElement",
+          "description": "`<primitiv-dropdown-radio-group>` — a group of radio items, one of which is\nchecked. Structural: `role=\"group\"`.",
+          "name": "PrimitivDropdownRadioGroupElement",
+          "attributes": [
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The checked item's value. Reflected.",
+              "name": "value"
+            }
+          ],
           "superclass": {
             "name": "ElementBase",
             "module": "/src/internal/element.ts"
           },
-          "tagName": "primitiv-popover-description",
+          "tagName": "primitiv-dropdown-radio-group",
           "customElement": true
         },
         {
           "kind": "class",
-          "description": "`<primitiv-popover-close>` — an interactive part. It decorates exactly one\n`<button>` the consumer writes, which closes the panel. A popover may have\nseveral.",
-          "name": "PrimitivPopoverCloseElement",
+          "description": "`<primitiv-dropdown-radio-item>` — an item checked when its value is its\ngroup's. Its child gets `role=\"menuitemradio\"` and `aria-checked`.",
+          "name": "PrimitivDropdownRadioItemElement",
+          "attributes": [
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The value it sets on its group.",
+              "name": "value"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "As on an item.",
+              "name": "disabled"
+            }
+          ],
           "superclass": {
             "name": "ElementBase",
             "module": "/src/internal/element.ts"
           },
-          "tagName": "primitiv-popover-close",
+          "tagName": "primitiv-dropdown-radio-item",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-dropdown-item-indicator>` — the check or dot inside a checkbox or\nradio item, `hidden` while unchecked. Structural: it gets `data-state`.",
+          "name": "PrimitivDropdownItemIndicatorElement",
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Keep it shown while unchecked, to animate it.",
+              "name": "force-mount"
+            }
+          ],
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-dropdown-item-indicator",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-dropdown-group>` — a labelled group of items. Structural:\n`role=\"group\"`, named by the label inside it.",
+          "name": "PrimitivDropdownGroupElement",
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-dropdown-group",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-dropdown-label>` — a group's label, not an item. Structural: the\nroot gives it an id.",
+          "name": "PrimitivDropdownLabelElement",
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-dropdown-label",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-dropdown-separator>` — a rule between items. Structural:\n`role=\"separator\"`.",
+          "name": "PrimitivDropdownSeparatorElement",
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-dropdown-separator",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-dropdown-sub-trigger>` — the row that opens a submenu. It\ndecorates exactly one child, an `<li>`, which gets `role=\"menuitem\"` and the\nsubmenu's `aria-haspopup`, `aria-expanded` and `aria-controls`.",
+          "name": "PrimitivDropdownSubTriggerElement",
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "It does not open the submenu.",
+              "name": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-dropdown-sub-trigger",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-dropdown-sub-content>` — the submenu itself, inside the parent\nmenu. Structural, as the content: an id, `role=\"menu\"`, `popover=\"auto\"`.",
+          "name": "PrimitivDropdownSubContentElement",
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-dropdown-sub-content",
           "customElement": true
         },
         {
           "kind": "function",
-          "name": "definePopover",
+          "name": "defineDropdown",
           "return": {
             "type": {
               "text": "void"
@@ -1187,7 +1291,7 @@
               }
             }
           ],
-          "description": "Define the seven Popover elements on `registry` (the global `customElements`\nby default). Safe to call more than once, and a no-op where there is no\nregistry (a server render)."
+          "description": "Define the fourteen Dropdown elements on `registry` (the global\n`customElements` by default). Safe to call more than once, and a no-op where\nthere is no registry (a server render)."
         }
       ],
       "exports": [
@@ -1196,111 +1300,1274 @@
           "name": "ElementRegistry",
           "declaration": {
             "name": "ElementRegistry",
-            "module": "src/popover/elements.ts"
+            "module": "src/dropdown/elements.ts"
           }
         },
         {
           "kind": "js",
-          "name": "PrimitivPopoverElement",
+          "name": "PrimitivDropdownElement",
           "declaration": {
-            "name": "PrimitivPopoverElement",
-            "module": "src/popover/elements.ts"
+            "name": "PrimitivDropdownElement",
+            "module": "src/dropdown/elements.ts"
           }
         },
         {
           "kind": "js",
-          "name": "PrimitivPopoverTriggerElement",
+          "name": "PrimitivDropdownSubElement",
           "declaration": {
-            "name": "PrimitivPopoverTriggerElement",
-            "module": "src/popover/elements.ts"
+            "name": "PrimitivDropdownSubElement",
+            "module": "src/dropdown/elements.ts"
           }
         },
         {
           "kind": "js",
-          "name": "PrimitivPopoverAnchorElement",
+          "name": "PrimitivDropdownTriggerElement",
           "declaration": {
-            "name": "PrimitivPopoverAnchorElement",
-            "module": "src/popover/elements.ts"
+            "name": "PrimitivDropdownTriggerElement",
+            "module": "src/dropdown/elements.ts"
           }
         },
         {
           "kind": "js",
-          "name": "PrimitivPopoverContentElement",
+          "name": "PrimitivDropdownContentElement",
           "declaration": {
-            "name": "PrimitivPopoverContentElement",
-            "module": "src/popover/elements.ts"
+            "name": "PrimitivDropdownContentElement",
+            "module": "src/dropdown/elements.ts"
           }
         },
         {
           "kind": "js",
-          "name": "PrimitivPopoverTitleElement",
+          "name": "PrimitivDropdownItemElement",
           "declaration": {
-            "name": "PrimitivPopoverTitleElement",
-            "module": "src/popover/elements.ts"
+            "name": "PrimitivDropdownItemElement",
+            "module": "src/dropdown/elements.ts"
           }
         },
         {
           "kind": "js",
-          "name": "PrimitivPopoverDescriptionElement",
+          "name": "PrimitivDropdownCheckboxItemElement",
           "declaration": {
-            "name": "PrimitivPopoverDescriptionElement",
-            "module": "src/popover/elements.ts"
+            "name": "PrimitivDropdownCheckboxItemElement",
+            "module": "src/dropdown/elements.ts"
           }
         },
         {
           "kind": "js",
-          "name": "PrimitivPopoverCloseElement",
+          "name": "PrimitivDropdownRadioGroupElement",
           "declaration": {
-            "name": "PrimitivPopoverCloseElement",
-            "module": "src/popover/elements.ts"
+            "name": "PrimitivDropdownRadioGroupElement",
+            "module": "src/dropdown/elements.ts"
           }
         },
         {
           "kind": "js",
-          "name": "definePopover",
+          "name": "PrimitivDropdownRadioItemElement",
           "declaration": {
-            "name": "definePopover",
-            "module": "src/popover/elements.ts"
+            "name": "PrimitivDropdownRadioItemElement",
+            "module": "src/dropdown/elements.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/tabs/elements.ts",
-      "declarations": [
+        },
         {
-          "kind": "class",
-          "description": "`<primitiv-tabs>` — the state owner of a WAI-ARIA tab set.\n\nThe root finds its own parts, so a tab set nested in a panel keeps its own,\nand reconciles their ARIA from its reflected state whenever a part arrives,\nleaves, or changes an attribute the root reads (the lifecycle is\n`PrimitivRootElement`'s). `activation-mode` is read live at each key press,\nso a change to it needs no reconcile.",
-          "name": "PrimitivTabsElement",
+          "kind": "js",
+          "name": "PrimitivDropdownItemIndicatorElement",
+          "declaration": {
+            "name": "PrimitivDropdownItemIndicatorElement",
+            "module": "src/dropdown/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivDropdownGroupElement",
+          "declaration": {
+            "name": "PrimitivDropdownGroupElement",
+            "module": "src/dropdown/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivDropdownLabelElement",
+          "declaration": {
+            "name": "PrimitivDropdownLabelElement",
+            "module": "src/dropdown/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivDropdownSeparatorElement",
+          "declaration": {
+            "name": "PrimitivDropdownSeparatorElement",
+            "module": "src/dropdown/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivDropdownSubTriggerElement",
+          "declaration": {
+            "name": "PrimitivDropdownSubTriggerElement",
+            "module": "src/dropdown/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivDropdownSubContentElement",
+          "declaration": {
+            "name": "PrimitivDropdownSubContentElement",
+            "module": "src/dropdown/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defineDropdown",
+          "declaration": {
+            "name": "defineDropdown",
+            "module": "src/dropdown/elements.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modal/elements.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "`<primitiv-modal>` — the state owner of a modal dialog, built on the native\n`<dialog>` and its `showModal()`: the browser makes the page behind it inert,\npaints the `::backdrop` and owns the top layer, and the element adds the\nrest of the WAI-ARIA Modal Dialog pattern — Tab wraps inside the dialog,\nEscape and a press on the backdrop close it, and closing hands focus back to\nthe button that opened it.\n\nThe root finds its own parts, so a modal nested in a dialog keeps its own,\nand reconciles their ARIA from its reflected state whenever a part arrives,\nleaves, or changes an attribute the root reads (the lifecycle is\n`PrimitivRootElement`'s). Leave `open` off the `<dialog>` itself: the root\nopens it, modally.",
+          "name": "PrimitivModalElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#dialog",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLDialogElement | null"
+              },
+              "default": "null",
+              "description": "The dialog the root currently decorates, and the controller over it."
+            },
+            {
+              "kind": "field",
+              "name": "#modal",
+              "privacy": "private",
+              "type": {
+                "text": "ModalController | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#openers",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement[]"
+              },
+              "default": "[]",
+              "description": "The decorated trigger and close buttons, as of the last reconcile."
+            },
+            {
+              "kind": "field",
+              "name": "#closers",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "#listening",
+              "privacy": "private",
+              "type": {
+                "text": "AbortController | null"
+              },
+              "default": "null",
+              "description": "The root's own click listener, while connected."
+            },
+            {
+              "kind": "field",
+              "name": "controller",
+              "type": {
+                "text": "{ connect(): void; disconnect(): void }"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "default": "{ connect: (): void => this.#connect(), disconnect: (): void => this.#disconnect(), }"
+            },
+            {
+              "kind": "field",
+              "name": "reconcileOn",
+              "type": {
+                "text": "readonly string[]"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "default": "[\"open\"]"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the dialog is open, reflected as the boolean `open` attribute."
+            },
+            {
+              "kind": "method",
+              "name": "#host",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "ModalControllerHost"
+                }
+              },
+              "description": "The controller's view of this element: state lives in the reflected attribute."
+            },
+            {
+              "kind": "method",
+              "name": "#change",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "open",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "A change the user asked for: announced first, so a listener can veto it."
+            },
+            {
+              "kind": "method",
+              "name": "#connect",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#disconnect",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#click",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#use",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "dialog",
+                  "type": {
+                    "text": "HTMLDialogElement | null"
+                  }
+                }
+              ],
+              "description": "Decorate `dialog` from now on: the controller follows it. Only a reconcile\ncalls this, and a root reconciles only while connected, so the new\ncontroller listens at once."
+            },
+            {
+              "kind": "method",
+              "name": "reconcile",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#buttons",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "selector",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "The buttons this root's `selector` parts decorate."
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<{ open: boolean }>"
+              },
+              "description": "Bubbles, cancelable, fired before a user-driven change is applied — a trigger or close click, Escape, a press on the backdrop, or the dialog closing natively — with the open state afterwards. Call `preventDefault()` to veto it, e.g. to keep a form with unsaved changes open.",
+              "name": "primitiv-modal-change"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the dialog is open. Reflected: it changes as the user opens and dismisses the dialog, so a server re-render or a history snapshot sees the live state. Set it (or the `open` property) to open or close the dialog from script.",
+              "name": "open"
+            }
+          ],
+          "superclass": {
+            "name": "PrimitivRootElement",
+            "module": "/src/internal/RootElement.ts"
+          },
+          "tagName": "primitiv-modal",
+          "customElement": true,
+          "summary": "The state owner of a modal dialog on the native `<dialog>`."
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-modal-trigger>` — an interactive part. It decorates exactly one\nchild the consumer writes, a `<button>`, which opens the dialog and receives\n`aria-haspopup=\"dialog\"`, `aria-expanded` and `aria-controls`, so the\nrendered DOM matches React's (RFC 0033 D24). A modal may have several.",
+          "name": "PrimitivModalTriggerElement",
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-modal-trigger",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-modal-content>` — decorates exactly one native `<dialog>` the\nconsumer writes, which the root opens with `showModal()`, closes, and gives\nan id, `data-state`, and `aria-labelledby` / `aria-describedby` pointing at\nthe title and description. The dialog keeps its implicit `dialog` role.",
+          "name": "PrimitivModalContentElement",
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-modal-content",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-modal-title>` — decorates exactly one heading the consumer writes\n(an `<h2>`, usually), whose id becomes the dialog's `aria-labelledby`, so it\nis the name a screen reader announces as the dialog opens.",
+          "name": "PrimitivModalTitleElement",
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-modal-title",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-modal-description>` — decorates exactly one element the consumer\nwrites (a `<p>`, usually), whose id becomes the dialog's `aria-describedby`.",
+          "name": "PrimitivModalDescriptionElement",
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-modal-description",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-modal-close>` — an interactive part. It decorates exactly one\n`<button>` the consumer writes, which closes the dialog. A modal may have\nseveral: the header's icon button and the footer's Cancel.",
+          "name": "PrimitivModalCloseElement",
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-modal-close",
+          "customElement": true
+        },
+        {
+          "kind": "function",
+          "name": "defineModal",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "registry",
+              "default": "globalThis.customElements",
+              "type": {
+                "text": "ElementRegistry | undefined"
+              }
+            }
+          ],
+          "description": "Define the six Modal elements on `registry` (the global `customElements` by\ndefault). Safe to call more than once, and a no-op where there is no\nregistry (a server render)."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ElementRegistry",
+          "declaration": {
+            "name": "ElementRegistry",
+            "module": "src/modal/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivModalElement",
+          "declaration": {
+            "name": "PrimitivModalElement",
+            "module": "src/modal/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivModalTriggerElement",
+          "declaration": {
+            "name": "PrimitivModalTriggerElement",
+            "module": "src/modal/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivModalContentElement",
+          "declaration": {
+            "name": "PrimitivModalContentElement",
+            "module": "src/modal/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivModalTitleElement",
+          "declaration": {
+            "name": "PrimitivModalTitleElement",
+            "module": "src/modal/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivModalDescriptionElement",
+          "declaration": {
+            "name": "PrimitivModalDescriptionElement",
+            "module": "src/modal/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivModalCloseElement",
+          "declaration": {
+            "name": "PrimitivModalCloseElement",
+            "module": "src/modal/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defineModal",
+          "declaration": {
+            "name": "defineModal",
+            "module": "src/modal/elements.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/popover/elements.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "`<primitiv-popover>` — the state owner of a non-modal popover: a trigger\nthat opens a floating panel, built on the native Popover API. The browser\nputs the panel in the top layer and light-dismisses it; the element adds the\nrest of the WAI-ARIA non-modal dialog pattern — focus moves into the panel\nas it opens, Escape closes it and hands focus back to the trigger, and the\ntrigger's `aria-expanded` follows it.\n\nThe panel is shown with its trigger (or the anchor) as its source, which\nmakes that element the panel's implicit anchor, so CSS anchor positioning\n(`position-area`) places it with no `anchor-name` to wire.\n\nThe root finds its own parts, so a popover nested in a panel keeps its own,\nand reconciles their ARIA from its reflected state whenever a part arrives,\nleaves, or changes an attribute the root reads (the lifecycle is\n`PrimitivRootElement`'s).",
+          "name": "PrimitivPopoverElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#content",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "default": "null",
+              "description": "The panel the root currently decorates, and the controller over it."
+            },
+            {
+              "kind": "field",
+              "name": "#popover",
+              "privacy": "private",
+              "type": {
+                "text": "PopoverController | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#trigger",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "default": "null",
+              "description": "The decorated trigger and close buttons, and the anchor, as of the last reconcile."
+            },
+            {
+              "kind": "field",
+              "name": "#anchor",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#closers",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "#listening",
+              "privacy": "private",
+              "type": {
+                "text": "AbortController | null"
+              },
+              "default": "null",
+              "description": "The root's own click listener, while connected."
+            },
+            {
+              "kind": "field",
+              "name": "controller",
+              "type": {
+                "text": "{ connect(): void; disconnect(): void }"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "default": "{ connect: (): void => this.#connect(), disconnect: (): void => this.#disconnect(), }"
+            },
+            {
+              "kind": "field",
+              "name": "reconcileOn",
+              "type": {
+                "text": "readonly string[]"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "default": "[\"open\"]"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the panel is open, reflected as the boolean `open` attribute."
+            },
+            {
+              "kind": "method",
+              "name": "#host",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "PopoverControllerHost"
+                }
+              },
+              "description": "The controller's view of this element: state lives in the reflected attribute."
+            },
+            {
+              "kind": "method",
+              "name": "#change",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "open",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "A change the user asked for: announced first, so a listener can veto it."
+            },
+            {
+              "kind": "method",
+              "name": "#connect",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#disconnect",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#click",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#use",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "content",
+                  "type": {
+                    "text": "HTMLElement | null"
+                  }
+                }
+              ],
+              "description": "Decorate `content` from now on: the controller follows it. Only a\nreconcile calls this, and a root reconciles only while connected, so the\nnew controller listens at once."
+            },
+            {
+              "kind": "method",
+              "name": "reconcile",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<{ open: boolean }>"
+              },
+              "description": "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.",
+              "name": "primitiv-popover-change"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "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.",
+              "name": "open"
+            }
+          ],
+          "superclass": {
+            "name": "PrimitivRootElement",
+            "module": "/src/internal/RootElement.ts"
+          },
+          "tagName": "primitiv-popover",
+          "customElement": true,
+          "summary": "The state owner of a non-modal popover on the native Popover API."
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-popover-trigger>` — an interactive part. It decorates exactly one\nchild the consumer writes, a `<button>`, which toggles the panel and receives\n`aria-haspopup=\"dialog\"`, `aria-expanded` and `aria-controls`, so the\nrendered DOM matches React's (RFC 0033 D24).",
+          "name": "PrimitivPopoverTriggerElement",
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-popover-trigger",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-popover-anchor>` — optional. It decorates exactly one element the\nconsumer writes, which the panel is anchored to in place of the trigger: a\nfield, say, whose trigger is an icon inside it.",
+          "name": "PrimitivPopoverAnchorElement",
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-popover-anchor",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-popover-content>` — the panel. Structural: the root gives it an\nid, `role=\"dialog\"`, `popover=\"auto\"` (write it in your markup too, so the\npanel is hidden before the script loads), `tabindex=\"-1\"`, `data-state`, and\n`aria-labelledby` / `aria-describedby` pointing at the title and description.",
+          "name": "PrimitivPopoverContentElement",
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-popover-content",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-popover-title>` — decorates exactly one heading the consumer\nwrites, whose id becomes the panel's `aria-labelledby`.",
+          "name": "PrimitivPopoverTitleElement",
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-popover-title",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-popover-description>` — decorates exactly one element the\nconsumer writes (a `<p>`, usually), whose id becomes the panel's\n`aria-describedby`.",
+          "name": "PrimitivPopoverDescriptionElement",
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-popover-description",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-popover-close>` — an interactive part. It decorates exactly one\n`<button>` the consumer writes, which closes the panel. A popover may have\nseveral.",
+          "name": "PrimitivPopoverCloseElement",
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-popover-close",
+          "customElement": true
+        },
+        {
+          "kind": "function",
+          "name": "definePopover",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "registry",
+              "default": "globalThis.customElements",
+              "type": {
+                "text": "ElementRegistry | undefined"
+              }
+            }
+          ],
+          "description": "Define the seven Popover elements on `registry` (the global `customElements`\nby default). Safe to call more than once, and a no-op where there is no\nregistry (a server render)."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ElementRegistry",
+          "declaration": {
+            "name": "ElementRegistry",
+            "module": "src/popover/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivPopoverElement",
+          "declaration": {
+            "name": "PrimitivPopoverElement",
+            "module": "src/popover/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivPopoverTriggerElement",
+          "declaration": {
+            "name": "PrimitivPopoverTriggerElement",
+            "module": "src/popover/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivPopoverAnchorElement",
+          "declaration": {
+            "name": "PrimitivPopoverAnchorElement",
+            "module": "src/popover/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivPopoverContentElement",
+          "declaration": {
+            "name": "PrimitivPopoverContentElement",
+            "module": "src/popover/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivPopoverTitleElement",
+          "declaration": {
+            "name": "PrimitivPopoverTitleElement",
+            "module": "src/popover/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivPopoverDescriptionElement",
+          "declaration": {
+            "name": "PrimitivPopoverDescriptionElement",
+            "module": "src/popover/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivPopoverCloseElement",
+          "declaration": {
+            "name": "PrimitivPopoverCloseElement",
+            "module": "src/popover/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "definePopover",
+          "declaration": {
+            "name": "definePopover",
+            "module": "src/popover/elements.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tabs/elements.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "`<primitiv-tabs>` — the state owner of a WAI-ARIA tab set.\n\nThe root finds its own parts, so a tab set nested in a panel keeps its own,\nand reconciles their ARIA from its reflected state whenever a part arrives,\nleaves, or changes an attribute the root reads (the lifecycle is\n`PrimitivRootElement`'s). `activation-mode` is read live at each key press,\nso a change to it needs no reconcile.",
+          "name": "PrimitivTabsElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#shown",
+              "privacy": "private",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The value of the panel last shown, so a change fires primitiv-tabs-show."
+            },
+            {
+              "kind": "field",
+              "name": "#rendered",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "controller",
+              "type": {
+                "text": "TabsController"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new TabsController(this, this.#host())"
+            },
+            {
+              "kind": "field",
+              "name": "reconcileOn",
+              "type": {
+                "text": "readonly string[]"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "default": "[\"value\", \"disabled\", \"label\", \"orientation\"]"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The active tab's value, reflected as the `value` attribute."
+            },
+            {
+              "kind": "method",
+              "name": "#host",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TabsControllerHost"
+                }
+              },
+              "description": "The controller's view of this element: state lives in reflected attributes."
+            },
+            {
+              "kind": "method",
+              "name": "#activationMode",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TabsActivationMode"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#orientation",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TabsOrientation"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "reconcile",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<{ value: string; index: number }>"
+              },
+              "description": "Bubbles, cancelable, fired before a user-driven change is applied. Call `preventDefault()` to veto it.",
+              "name": "primitiv-tabs-change"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The active tab's value. Reflected: it moves as the user switches tabs, so a server re-render or a history snapshot sees the live selection.",
+              "name": "value"
+            },
+            {
+              "type": {
+                "text": "\"horizontal\" | \"vertical\""
+              },
+              "description": "Layout axis, which picks the arrow-key pair. Defaults to `horizontal`.",
+              "name": "orientation"
+            },
+            {
+              "type": {
+                "text": "\"automatic\" | \"manual\""
+              },
+              "description": "`automatic` activates a tab as focus arrives; `manual` waits for Enter or Space. Defaults to `automatic`.",
+              "name": "activation-mode"
+            }
+          ],
+          "superclass": {
+            "name": "PrimitivRootElement",
+            "module": "/src/internal/RootElement.ts"
+          },
+          "tagName": "primitiv-tabs",
+          "customElement": true,
+          "summary": "The state owner of a WAI-ARIA tab set."
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-tabs-list>` — the tablist. Structural: the root writes its ARIA.",
+          "name": "PrimitivTabsListElement",
+          "attributes": [
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The tablist's accessible name. Give this or `aria-labelledby`.",
+              "name": "label"
+            }
+          ],
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-tabs-list",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-tabs-trigger>` — an interactive part. It decorates exactly one\nchild the consumer writes (a `<button>`, an `<a href>`, a router link), which\nreceives the tab role, so the rendered DOM matches React's `<button role=\"tab\">`\n(RFC 0033 D24).",
+          "name": "PrimitivTabsTriggerElement",
+          "attributes": [
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The tab's value, pairing it with the panel of the same value.",
+              "name": "value"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Marks the tab disabled: arrow keys still land on it, but it never activates.",
+              "name": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-tabs-trigger",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-tabs-content>` — a tab panel. Structural: the root writes its ARIA.",
+          "name": "PrimitivTabsContentElement",
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Bubbles from the panel as it becomes active (not on first render), so a lazy panel can fetch its content.",
+              "name": "primitiv-tabs-show"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The panel's value, pairing it with the tab of the same value.",
+              "name": "value"
+            }
+          ],
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-tabs-content",
+          "customElement": true
+        },
+        {
+          "kind": "function",
+          "name": "defineTabs",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "registry",
+              "default": "globalThis.customElements",
+              "type": {
+                "text": "ElementRegistry | undefined"
+              }
+            }
+          ],
+          "description": "Define the four Tabs elements on `registry` (the global `customElements` by\ndefault, so a scoped registry can be passed when browsers support one). Safe\nto call more than once, and a no-op where there is no registry (a server\nrender)."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ElementRegistry",
+          "declaration": {
+            "name": "ElementRegistry",
+            "module": "src/tabs/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivTabsElement",
+          "declaration": {
+            "name": "PrimitivTabsElement",
+            "module": "src/tabs/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivTabsListElement",
+          "declaration": {
+            "name": "PrimitivTabsListElement",
+            "module": "src/tabs/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivTabsTriggerElement",
+          "declaration": {
+            "name": "PrimitivTabsTriggerElement",
+            "module": "src/tabs/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrimitivTabsContentElement",
+          "declaration": {
+            "name": "PrimitivTabsContentElement",
+            "module": "src/tabs/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defineTabs",
+          "declaration": {
+            "name": "defineTabs",
+            "module": "src/tabs/elements.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tooltip/elements.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "`<primitiv-tooltip-provider>` — optional. The tooltips inside it share one\nskip-delay window and its default delay, as inside React's\n`Tooltip.Provider`; tooltips outside any provider share a document-wide one.",
+          "name": "PrimitivTooltipProviderElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#group",
+              "privacy": "private",
+              "type": {
+                "text": "TooltipGroup | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "group",
+              "type": {
+                "text": "TooltipGroup"
+              },
+              "description": "The skip-delay window this provider's tooltips share, created on first use.",
+              "readonly": true
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "How long, in milliseconds, a pointer rests on a trigger before its tooltip opens. Default 700. A tooltip's own `delay-duration` overrides it.",
+              "name": "delay-duration"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "How long, in milliseconds, after one tooltip closes that hovering another opens it at once. Default 300.",
+              "name": "skip-delay-duration"
+            }
+          ],
+          "superclass": {
+            "name": "ElementBase",
+            "module": "/src/internal/element.ts"
+          },
+          "tagName": "primitiv-tooltip-provider",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "`<primitiv-tooltip>` — the state owner of a tooltip: a short description of\nits trigger that appears on hover after a delay, and at once on focus. It\ncloses when the pointer leaves (after a moment, so it can be reached),\non blur, on Escape and on a press outside. Moving from one trigger to the\nnext opens each next tooltip at once (the skip delay). The tooltip is shown\nas a `popover=\"manual\"` in the top layer, with the trigger as its source,\nwhich makes the trigger its implicit anchor for CSS anchor positioning.\n\nThe root finds its own parts and reconciles their ARIA from its reflected\nstate whenever a part arrives, leaves, or changes an attribute the root\nreads (the lifecycle is `PrimitivRootElement`'s).",
+          "name": "PrimitivTooltipElement",
           "members": [
+            {
+              "kind": "field",
+              "name": "#trigger",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "default": "null",
+              "description": "The decorated trigger button and the tooltip, as of the last reconcile."
+            },
+            {
+              "kind": "field",
+              "name": "#content",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "#shown",
               "privacy": "private",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLElement | null"
               },
-              "description": "The value of the panel last shown, so a change fires primitiv-tabs-show."
+              "default": "null",
+              "description": "The tooltip this root has shown, while it shows."
             },
             {
               "kind": "field",
-              "name": "#rendered",
+              "name": "#bindings",
               "privacy": "private",
               "type": {
-                "text": "boolean"
+                "text": "AbortController | null"
               },
-              "default": "false"
+              "default": "null",
+              "description": "The listeners on the trigger and the tooltip, rebuilt when either changes."
+            },
+            {
+              "kind": "field",
+              "name": "#tooltip",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new TooltipController(this.#host())"
             },
             {
               "kind": "field",
               "name": "controller",
               "type": {
-                "text": "TabsController"
+                "text": "{ connect(): void; disconnect(): void }"
               },
               "privacy": "protected",
               "readonly": true,
-              "default": "new TabsController(this, this.#host())"
+              "default": "{ connect: (): void => {}, disconnect: (): void => this.#disconnect(), }"
             },
             {
               "kind": "field",
@@ -1310,15 +2577,15 @@
               },
               "privacy": "protected",
               "readonly": true,
-              "default": "[\"value\", \"disabled\", \"label\", \"orientation\"]"
+              "default": "[\"open\"]"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "open",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The active tab's value, reflected as the `value` attribute."
+              "description": "Whether the tooltip is showing, reflected as the boolean `open` attribute."
             },
             {
               "kind": "method",
@@ -1326,30 +2593,45 @@
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "TabsControllerHost"
+                  "text": "TooltipControllerHost"
                 }
               },
-              "description": "The controller's view of this element: state lives in reflected attributes."
+              "description": "The controller's view of this element: state lives in the reflected attribute."
             },
             {
               "kind": "method",
-              "name": "#activationMode",
+              "name": "#disconnect",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "TabsActivationMode"
+                  "text": "void"
                 }
               }
             },
             {
               "kind": "method",
-              "name": "#orientation",
+              "name": "#bind",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "TabsOrientation"
+                  "text": "void"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "trigger",
+                  "type": {
+                    "text": "HTMLElement | null"
+                  }
+                },
+                {
+                  "name": "content",
+                  "type": {
+                    "text": "HTMLElement | null"
+                  }
+                }
+              ],
+              "description": "Listen on `trigger` and `content`, rebinding only when either changed."
             },
             {
               "kind": "method",
@@ -1360,127 +2642,103 @@
                   "text": "void"
                 }
               }
+            },
+            {
+              "kind": "method",
+              "name": "#show",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "content",
+                  "type": {
+                    "text": "HTMLElement | null"
+                  }
+                }
+              ],
+              "description": "Show `content` (anchored to the trigger), or hide what is showing when it is `null`."
             }
           ],
           "events": [
             {
               "type": {
-                "text": "CustomEvent<{ value: string; index: number }>"
+                "text": "CustomEvent<{ open: boolean }>"
               },
-              "description": "Bubbles, cancelable, fired before a user-driven change is applied. Call `preventDefault()` to veto it.",
-              "name": "primitiv-tabs-change"
+              "description": "Bubbles, cancelable, fired before a user-driven change is applied — hover, focus, blur, Escape or a press outside — with the open state afterwards. Call `preventDefault()` to veto it.",
+              "name": "primitiv-tooltip-change"
             }
           ],
           "attributes": [
             {
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The active tab's value. Reflected: it moves as the user switches tabs, so a server re-render or a history snapshot sees the live selection.",
-              "name": "value"
+              "description": "Whether the tooltip is showing. Reflected: it changes as the user hovers, focuses and dismisses it. Set it (or the `open` property) to show or hide it from script.",
+              "name": "open"
             },
             {
               "type": {
-                "text": "\"horizontal\" | \"vertical\""
+                "text": "number"
               },
-              "description": "Layout axis, which picks the arrow-key pair. Defaults to `horizontal`.",
-              "name": "orientation"
+              "description": "How long, in milliseconds, a pointer rests on the trigger before the tooltip opens. Defaults to the provider's, or 700. Focus always opens it at once.",
+              "name": "delay-duration"
             },
             {
               "type": {
-                "text": "\"automatic\" | \"manual\""
+                "text": "boolean"
               },
-              "description": "`automatic` activates a tab as focus arrives; `manual` waits for Enter or Space. Defaults to `automatic`.",
-              "name": "activation-mode"
+              "description": "Close as soon as the pointer leaves the trigger, rather than giving it a moment to reach the tooltip.",
+              "name": "disable-hoverable-content"
             }
           ],
           "superclass": {
             "name": "PrimitivRootElement",
             "module": "/src/internal/RootElement.ts"
           },
-          "tagName": "primitiv-tabs",
+          "tagName": "primitiv-tooltip",
           "customElement": true,
-          "summary": "The state owner of a WAI-ARIA tab set."
+          "summary": "The state owner of a tooltip, shown on hover and focus."
         },
         {
           "kind": "class",
-          "description": "`<primitiv-tabs-list>` — the tablist. Structural: the root writes its ARIA.",
-          "name": "PrimitivTabsListElement",
-          "attributes": [
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "The tablist's accessible name. Give this or `aria-labelledby`.",
-              "name": "label"
-            }
-          ],
+          "description": "`<primitiv-tooltip-trigger>` — an interactive part. It decorates exactly one\nchild the consumer writes, a `<button>`, which opens the tooltip on hover and\nfocus and is described by it (`aria-describedby`), so the rendered DOM\nmatches React's (RFC 0033 D24).",
+          "name": "PrimitivTooltipTriggerElement",
           "superclass": {
             "name": "ElementBase",
             "module": "/src/internal/element.ts"
           },
-          "tagName": "primitiv-tabs-list",
+          "tagName": "primitiv-tooltip-trigger",
           "customElement": true
         },
         {
           "kind": "class",
-          "description": "`<primitiv-tabs-trigger>` — an interactive part. It decorates exactly one\nchild the consumer writes (a `<button>`, an `<a href>`, a router link), which\nreceives the tab role, so the rendered DOM matches React's `<button role=\"tab\">`\n(RFC 0033 D24).",
-          "name": "PrimitivTabsTriggerElement",
-          "attributes": [
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "The tab's value, pairing it with the panel of the same value.",
-              "name": "value"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Marks the tab disabled: arrow keys still land on it, but it never activates.",
-              "name": "disabled"
-            }
-          ],
+          "description": "`<primitiv-tooltip-content>` — the tooltip itself. Structural: the root\ngives it an id, `role=\"tooltip\"`, `popover=\"manual\"` (write it in your markup\ntoo, so it is hidden before the script loads) and `data-state`.",
+          "name": "PrimitivTooltipContentElement",
           "superclass": {
             "name": "ElementBase",
             "module": "/src/internal/element.ts"
           },
-          "tagName": "primitiv-tabs-trigger",
+          "tagName": "primitiv-tooltip-content",
           "customElement": true
         },
         {
           "kind": "class",
-          "description": "`<primitiv-tabs-content>` — a tab panel. Structural: the root writes its ARIA.",
-          "name": "PrimitivTabsContentElement",
-          "events": [
-            {
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Bubbles from the panel as it becomes active (not on first render), so a lazy panel can fetch its content.",
-              "name": "primitiv-tabs-show"
-            }
-          ],
-          "attributes": [
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "The panel's value, pairing it with the tab of the same value.",
-              "name": "value"
-            }
-          ],
+          "description": "`<primitiv-tooltip-arrow>` — an optional, decorative pointer, inside the\ncontent. The element writes nothing on it; style it as you like.",
+          "name": "PrimitivTooltipArrowElement",
           "superclass": {
             "name": "ElementBase",
             "module": "/src/internal/element.ts"
           },
-          "tagName": "primitiv-tabs-content",
+          "tagName": "primitiv-tooltip-arrow",
           "customElement": true
         },
         {
           "kind": "function",
-          "name": "defineTabs",
+          "name": "defineTooltip",
           "return": {
             "type": {
               "text": "void"
@@ -1495,7 +2753,7 @@
               }
             }
           ],
-          "description": "Define the four Tabs elements on `registry` (the global `customElements` by\ndefault, so a scoped registry can be passed when browsers support one). Safe\nto call more than once, and a no-op where there is no registry (a server\nrender)."
+          "description": "Define the five Tooltip elements on `registry` (the global `customElements`\nby default). Safe to call more than once, and a no-op where there is no\nregistry (a server render)."
         }
       ],
       "exports": [
@@ -1504,47 +2762,55 @@
           "name": "ElementRegistry",
           "declaration": {
             "name": "ElementRegistry",
-            "module": "src/tabs/elements.ts"
+            "module": "src/tooltip/elements.ts"
           }
         },
         {
           "kind": "js",
-          "name": "PrimitivTabsElement",
+          "name": "PrimitivTooltipProviderElement",
           "declaration": {
-            "name": "PrimitivTabsElement",
-            "module": "src/tabs/elements.ts"
+            "name": "PrimitivTooltipProviderElement",
+            "module": "src/tooltip/elements.ts"
           }
         },
         {
           "kind": "js",
-          "name": "PrimitivTabsListElement",
+          "name": "PrimitivTooltipElement",
           "declaration": {
-            "name": "PrimitivTabsListElement",
-            "module": "src/tabs/elements.ts"
+            "name": "PrimitivTooltipElement",
+            "module": "src/tooltip/elements.ts"
           }
         },
         {
           "kind": "js",
-          "name": "PrimitivTabsTriggerElement",
+          "name": "PrimitivTooltipTriggerElement",
           "declaration": {
-            "name": "PrimitivTabsTriggerElement",
-            "module": "src/tabs/elements.ts"
+            "name": "PrimitivTooltipTriggerElement",
+            "module": "src/tooltip/elements.ts"
           }
         },
         {
           "kind": "js",
-          "name": "PrimitivTabsContentElement",
+          "name": "PrimitivTooltipContentElement",
           "declaration": {
-            "name": "PrimitivTabsContentElement",
-            "module": "src/tabs/elements.ts"
+            "name": "PrimitivTooltipContentElement",
+            "module": "src/tooltip/elements.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defineTabs",
+          "name": "PrimitivTooltipArrowElement",
           "declaration": {
-            "name": "defineTabs",
-            "module": "src/tabs/elements.ts"
+            "name": "PrimitivTooltipArrowElement",
+            "module": "src/tooltip/elements.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defineTooltip",
+          "declaration": {
+            "name": "defineTooltip",
+            "module": "src/tooltip/elements.ts"
           }
         }
       ]