docs:api

docs/data/api/accordion-panel.json

@@ -9,13 +9,6 @@
   "imports": [
     "import { Accordion } from '@base-ui-components/react/accordion';\nconst AccordionPanel = Accordion.Panel;"
   ],
-  "cssVariables": {
-    "--accordion-panel-height": {
-      "description": "The accordion panel's height.",
-      "type": "number"
-    },
-    "--accordion-panel-width": { "description": "The accordion panel's width.", "type": "number" }
-  },
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,

docs/data/api/alert-dialog-popup.json

@@ -1,7 +1,6 @@
 {
   "props": {
     "className": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;string" } },
-    "container": { "type": { "name": "union", "description": "HTML element<br>&#124;&nbsp;ref" } },
     "finalFocus": { "type": { "name": "custom", "description": "ref" } },
     "initialFocus": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;ref" } },
     "keepMounted": { "type": { "name": "bool" }, "default": "false" },

docs/data/api/alert-dialog-portal.json

@@ -1,5 +1,13 @@
 {
-  "props": {},
+  "props": {
+    "container": {
+      "type": {
+        "name": "union",
+        "description": "(props, propName) => {\n  if (props[propName] == null) {\n    return new Error(`Prop '${propName}' is required but wasn't specified`);\n  }\n  if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {\n    return new Error(`Expected prop '${propName}' to be of type Element`);\n  }\n  return null;\n}<br>&#124;&nbsp;{ current?: (props, propName) => {\n  if (props[propName] == null) {\n    return null;\n  }\n  if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {\n    return new Error(`Expected prop '${propName}' to be of type Element`);\n  }\n  return null;\n} }"
+      }
+    },
+    "keepMounted": { "type": { "name": "bool" }, "default": "false" }
+  },
   "name": "AlertDialogPortal",
   "imports": [
     "import { AlertDialog } from '@base-ui-components/react/alert-dialog';\nconst AlertDialogPortal = AlertDialog.Portal;"

docs/data/api/collapsible-panel.json

@@ -9,16 +9,6 @@
   "imports": [
     "import { Collapsible } from '@base-ui-components/react/collapsible';\nconst CollapsiblePanel = Collapsible.Panel;"
   ],
-  "cssVariables": {
-    "--collapsible-panel-height": {
-      "description": "The collapsible panel's height.",
-      "type": "number"
-    },
-    "--collapsible-panel-width": {
-      "description": "The collapsible panel's width.",
-      "type": "number"
-    }
-  },
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,

docs/data/api/dialog-popup.json

@@ -1,7 +1,6 @@
 {
   "props": {
     "className": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;string" } },
-    "container": { "type": { "name": "union", "description": "HTML element<br>&#124;&nbsp;ref" } },
     "finalFocus": { "type": { "name": "custom", "description": "ref" } },
     "initialFocus": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;ref" } },
     "keepMounted": { "type": { "name": "bool" }, "default": "false" },
@@ -11,12 +10,6 @@
   "imports": [
     "import { Dialog } from '@base-ui-components/react/dialog';\nconst DialogPopup = Dialog.Popup;"
   ],
-  "cssVariables": {
-    "--nested-dialogs": {
-      "description": "Indicates how many dialogs are nested within.",
-      "type": "number"
-    }
-  },
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,

docs/data/api/dialog-portal.json

@@ -1,5 +1,13 @@
 {
-  "props": {},
+  "props": {
+    "container": {
+      "type": {
+        "name": "union",
+        "description": "(props, propName) => {\n  if (props[propName] == null) {\n    return new Error(`Prop '${propName}' is required but wasn't specified`);\n  }\n  if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {\n    return new Error(`Expected prop '${propName}' to be of type Element`);\n  }\n  return null;\n}<br>&#124;&nbsp;{ current?: (props, propName) => {\n  if (props[propName] == null) {\n    return null;\n  }\n  if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {\n    return new Error(`Expected prop '${propName}' to be of type Element`);\n  }\n  return null;\n} }"
+      }
+    },
+    "keepMounted": { "type": { "name": "bool" }, "default": "false" }
+  },
   "name": "DialogPortal",
   "imports": [
     "import { Dialog } from '@base-ui-components/react/dialog';\nconst DialogPortal = Dialog.Portal;"

docs/data/api/menu-portal.json

@@ -1,5 +1,13 @@
 {
-  "props": {},
+  "props": {
+    "container": {
+      "type": {
+        "name": "union",
+        "description": "(props, propName) => {\n  if (props[propName] == null) {\n    return new Error(`Prop '${propName}' is required but wasn't specified`);\n  }\n  if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {\n    return new Error(`Expected prop '${propName}' to be of type Element`);\n  }\n  return null;\n}<br>&#124;&nbsp;{ current?: (props, propName) => {\n  if (props[propName] == null) {\n    return null;\n  }\n  if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {\n    return new Error(`Expected prop '${propName}' to be of type Element`);\n  }\n  return null;\n} }"
+      }
+    },
+    "keepMounted": { "type": { "name": "bool" }, "default": "false" }
+  },
   "name": "MenuPortal",
   "imports": [
     "import { Menu } from '@base-ui-components/react/menu';\nconst MenuPortal = Menu.Portal;"

docs/data/api/menu-positioner.json

@@ -30,7 +30,6 @@
       },
       "default": "5"
     },
-    "container": { "type": { "name": "union", "description": "HTML element<br>&#124;&nbsp;func" } },
     "keepMounted": { "type": { "name": "bool" }, "default": "false" },
     "positionMethod": {
       "type": { "name": "enum", "description": "'absolute'<br>&#124;&nbsp;'fixed'" },
@@ -51,22 +50,6 @@
   "imports": [
     "import { Menu } from '@base-ui-components/react/menu';\nconst MenuPositioner = Menu.Positioner;"
   ],
-  "cssVariables": {
-    "--anchor-height": { "description": "The anchor's height.", "type": "number" },
-    "--anchor-width": { "description": "The anchor's width.", "type": "number" },
-    "--available-height": {
-      "description": "The available height between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--available-width": {
-      "description": "The available width between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--transform-origin": {
-      "description": "The coordinates that this element is anchored to. Used for animations and transitions.",
-      "type": "string"
-    }
-  },
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,

docs/data/api/popover-backdrop.json

@@ -1,10 +1,6 @@
 {
   "props": {
     "className": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;string" } },
-    "container": {
-      "type": { "name": "union", "description": "HTML element<br>&#124;&nbsp;func" },
-      "default": "false"
-    },
     "keepMounted": { "type": { "name": "bool" }, "default": "false" },
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },

docs/data/api/popover-portal.json

@@ -1,5 +1,13 @@
 {
-  "props": {},
+  "props": {
+    "container": {
+      "type": {
+        "name": "union",
+        "description": "(props, propName) => {\n  if (props[propName] == null) {\n    return new Error(`Prop '${propName}' is required but wasn't specified`);\n  }\n  if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {\n    return new Error(`Expected prop '${propName}' to be of type Element`);\n  }\n  return null;\n}<br>&#124;&nbsp;{ current?: (props, propName) => {\n  if (props[propName] == null) {\n    return null;\n  }\n  if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {\n    return new Error(`Expected prop '${propName}' to be of type Element`);\n  }\n  return null;\n} }"
+      }
+    },
+    "keepMounted": { "type": { "name": "bool" }, "default": "false" }
+  },
   "name": "PopoverPortal",
   "imports": [
     "import { Popover } from '@base-ui-components/react/popover';\nconst PopoverPortal = Popover.Portal;"

docs/data/api/popover-positioner.json

@@ -30,7 +30,6 @@
       },
       "default": "5"
     },
-    "container": { "type": { "name": "union", "description": "HTML element<br>&#124;&nbsp;func" } },
     "keepMounted": { "type": { "name": "bool" }, "default": "false" },
     "positionMethod": {
       "type": { "name": "enum", "description": "'absolute'<br>&#124;&nbsp;'fixed'" },
@@ -51,22 +50,6 @@
   "imports": [
     "import { Popover } from '@base-ui-components/react/popover';\nconst PopoverPositioner = Popover.Positioner;"
   ],
-  "cssVariables": {
-    "--anchor-height": { "description": "The anchor's height.", "type": "number" },
-    "--anchor-width": { "description": "The anchor's width.", "type": "number" },
-    "--available-height": {
-      "description": "The available height between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--available-width": {
-      "description": "The available width between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--transform-origin": {
-      "description": "The coordinates that this element is anchored to. Used for animations and transitions.",
-      "type": "string"
-    }
-  },
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,

docs/data/api/preview-card-backdrop.json

@@ -1,7 +1,6 @@
 {
   "props": {
     "className": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;string" } },
-    "container": { "type": { "name": "union", "description": "HTML element<br>&#124;&nbsp;func" } },
     "keepMounted": { "type": { "name": "bool" }, "default": "false" },
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },

docs/data/api/preview-card-portal.json

@@ -1,5 +1,13 @@
 {
-  "props": {},
+  "props": {
+    "container": {
+      "type": {
+        "name": "union",
+        "description": "(props, propName) => {\n  if (props[propName] == null) {\n    return new Error(`Prop '${propName}' is required but wasn't specified`);\n  }\n  if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {\n    return new Error(`Expected prop '${propName}' to be of type Element`);\n  }\n  return null;\n}<br>&#124;&nbsp;{ current?: (props, propName) => {\n  if (props[propName] == null) {\n    return null;\n  }\n  if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {\n    return new Error(`Expected prop '${propName}' to be of type Element`);\n  }\n  return null;\n} }"
+      }
+    },
+    "keepMounted": { "type": { "name": "bool" }, "default": "false" }
+  },
   "name": "PreviewCardPortal",
   "imports": [
     "import { PreviewCard } from '@base-ui-components/react/preview-card';\nconst PreviewCardPortal = PreviewCard.Portal;"

docs/data/api/preview-card-positioner.json

@@ -30,7 +30,6 @@
       },
       "default": "5"
     },
-    "container": { "type": { "name": "union", "description": "HTML element<br>&#124;&nbsp;func" } },
     "keepMounted": { "type": { "name": "bool" }, "default": "false" },
     "positionMethod": {
       "type": { "name": "enum", "description": "'absolute'<br>&#124;&nbsp;'fixed'" },
@@ -51,22 +50,6 @@
   "imports": [
     "import { PreviewCard } from '@base-ui-components/react/preview-card';\nconst PreviewCardPositioner = PreviewCard.Positioner;"
   ],
-  "cssVariables": {
-    "--anchor-height": { "description": "The anchor's height.", "type": "number" },
-    "--anchor-width": { "description": "The anchor's width.", "type": "number" },
-    "--available-height": {
-      "description": "The available height between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--available-width": {
-      "description": "The available width between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--transform-origin": {
-      "description": "The coordinates that this element is anchored to. Used for animations and transitions.",
-      "type": "string"
-    }
-  },
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,

docs/data/api/scroll-area-root.json

@@ -11,16 +11,6 @@
   "imports": [
     "import { ScrollArea } from '@base-ui-components/react/scroll-area';\nconst ScrollAreaRoot = ScrollArea.Root;"
   ],
-  "cssVariables": {
-    "--scroll-area-corner-height": {
-      "description": "The scroll area's corner height.",
-      "type": "number"
-    },
-    "--scroll-area-corner-width": {
-      "description": "The scroll area's corner width.",
-      "type": "number"
-    }
-  },
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,

docs/data/api/scroll-area-scrollbar.json

@@ -12,16 +12,6 @@
   "imports": [
     "import { ScrollArea } from '@base-ui-components/react/scroll-area';\nconst ScrollAreaScrollbar = ScrollArea.Scrollbar;"
   ],
-  "cssVariables": {
-    "--scroll-area-thumb-height": {
-      "description": "The scroll area thumb's height.",
-      "type": "number"
-    },
-    "--scroll-area-thumb-width": {
-      "description": "The scroll area thumb's width.",
-      "type": "number"
-    }
-  },
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,

docs/data/api/select-backdrop.json

@@ -1,10 +1,6 @@
 {
   "props": {
     "className": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;string" } },
-    "container": {
-      "type": { "name": "union", "description": "HTML element<br>&#124;&nbsp;func" },
-      "default": "false"
-    },
     "keepMounted": { "type": { "name": "bool" }, "default": "false" },
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } }
   },

docs/data/api/select-portal.json

@@ -1,5 +1,13 @@
 {
-  "props": {},
+  "props": {
+    "container": {
+      "type": {
+        "name": "union",
+        "description": "(props, propName) => {\n  if (props[propName] == null) {\n    return new Error(`Prop '${propName}' is required but wasn't specified`);\n  }\n  if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {\n    return new Error(`Expected prop '${propName}' to be of type Element`);\n  }\n  return null;\n}<br>&#124;&nbsp;{ current?: (props, propName) => {\n  if (props[propName] == null) {\n    return null;\n  }\n  if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {\n    return new Error(`Expected prop '${propName}' to be of type Element`);\n  }\n  return null;\n} }"
+      }
+    },
+    "keepMounted": { "type": { "name": "bool" }, "default": "false" }
+  },
   "name": "SelectPortal",
   "imports": [
     "import { Select } from '@base-ui-components/react/select';\nconst SelectPortal = Select.Portal;"

docs/data/api/select-positioner.json

@@ -30,12 +30,6 @@
       },
       "default": "5"
     },
-    "container": {
-      "type": {
-        "name": "union",
-        "description": "(props, propName) => {\n  if (props[propName] == null) {\n    return new Error(`Prop '${propName}' is required but wasn't specified`);\n  }\n  if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {\n    return new Error(`Expected prop '${propName}' to be of type Element`);\n  }\n  return null;\n}<br>&#124;&nbsp;{ current?: (props, propName) => {\n  if (props[propName] == null) {\n    return null;\n  }\n  if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {\n    return new Error(`Expected prop '${propName}' to be of type Element`);\n  }\n  return null;\n} }"
-      }
-    },
     "positionMethod": {
       "type": { "name": "enum", "description": "'absolute'<br>&#124;&nbsp;'fixed'" },
       "default": "'absolute'"
@@ -56,22 +50,6 @@
   "imports": [
     "import { Select } from '@base-ui-components/react/select';\nconst SelectPositioner = Select.Positioner;"
   ],
-  "cssVariables": {
-    "--anchor-height": { "description": "The anchor's height.", "type": "number" },
-    "--anchor-width": { "description": "The anchor's width.", "type": "number" },
-    "--available-height": {
-      "description": "The available height between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--available-width": {
-      "description": "The available width between the trigger and the edge of the viewport.",
-      "type": "number"
-    },
-    "--transform-origin": {
-      "description": "The coordinates that this element is anchored to. Used for animations and transitions.",
-      "type": "string"
-    }
-  },
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,

docs/data/api/tab-indicator.json

@@ -8,32 +8,6 @@
   "imports": [
     "import { Tabs } from '@base-ui-components/react/tabs';\nconst TabIndicator = Tabs.Indicator;"
   ],
-  "cssVariables": {
-    "--active-tab-bottom": {
-      "description": "Indicates the distance on the bottom side from the parent's container if the tab is active.",
-      "type": "number"
-    },
-    "--active-tab-height": {
-      "description": "Indicates the width of the tab if it is active.",
-      "type": "number"
-    },
-    "--active-tab-left": {
-      "description": "Indicates the distance on the left side from the parent's container if the tab is active.",
-      "type": "number"
-    },
-    "--active-tab-right": {
-      "description": "Indicates the distance on the right side from the parent's container if the tab is active.",
-      "type": "number"
-    },
-    "--active-tab-top": {
-      "description": "Indicates the distance on the top side from the parent's container if the tab is active.",
-      "type": "number"
-    },
-    "--active-tab-width": {
-      "description": "Indicates the width of the tab if it is active.",
-      "type": "number"
-    }
-  },
   "classes": [],
   "spread": true,
   "themeDefaultProps": true,

docs/data/api/tooltip-portal.json

@@ -1,5 +1,13 @@
 {
-  "props": {},
+  "props": {
+    "container": {
+      "type": {
+        "name": "union",
+        "description": "(props, propName) => {\n  if (props[propName] == null) {\n    return new Error(`Prop '${propName}' is required but wasn't specified`);\n  }\n  if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {\n    return new Error(`Expected prop '${propName}' to be of type Element`);\n  }\n  return null;\n}<br>&#124;&nbsp;{ current?: (props, propName) => {\n  if (props[propName] == null) {\n    return null;\n  }\n  if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {\n    return new Error(`Expected prop '${propName}' to be of type Element`);\n  }\n  return null;\n} }"
+      }
+    },
+    "keepMounted": { "type": { "name": "bool" }, "default": "false" }
+  },
   "name": "TooltipPortal",
   "imports": [
     "import { Tooltip } from '@base-ui-components/react/tooltip';\nconst TooltipPortal = Tooltip.Portal;"