@viraui/react 2026.0.13 → 2026.0.15

package/dist/components/tabs/tabs.js

@@ -14,7 +14,6 @@ var TabsRootComponent = ({ children, className, listAlignment = "start", ...othe
 	render: /* @__PURE__ */ jsx(Stack, {
 		hAlign: listAlignment,
 		vAlign: "start",
-		fillChildren: false,
 		className: clsx(tabs_module_default.Tabs, className)
 	}),
 	...otherProps,

package/dist/components/textarea/textarea.js

@@ -19,6 +19,7 @@ var Textarea = ({ className, description, dirty, disabled, error, fitContent, in
 	validationDebounceTime,
 	validationMode,
 	render: /* @__PURE__ */ jsx(Stack, {
+		fillChildren: true,
 		direction: "column",
 		rowGap: "small"
 	}),

package/dist/components/textfield/textfield.js

@@ -21,6 +21,7 @@ var Textfield = ({ className, description, dirty, disabled, endAddon, error, fit
 	validationDebounceTime,
 	validationMode,
 	render: /* @__PURE__ */ jsx(Stack, {
+		fillChildren: true,
 		direction: "column",
 		rowGap: "small"
 	}),

package/dist/components/toast/toast-banner.js

@@ -27,14 +27,12 @@ var ToastBanner = ({ children, className, description, dismissable = true, dismi
 				className: toast_module_default.Content,
 				columnGap: "medium",
 				direction: "row",
-				fillChildren: false,
 				hAlign: "space-between",
 				vAlign: "center",
 				hPadding: "large",
 				vPadding: "large"
 			}),
 			children: [/* @__PURE__ */ jsxs(Stack, {
-				fillChildren: false,
 				rowGap: "small",
 				children: [resolvedTitle && /* @__PURE__ */ jsx(Toast.Title, {
 					render: /* @__PURE__ */ jsx(Text, { size: "medium" }),
@@ -50,7 +48,6 @@ var ToastBanner = ({ children, className, description, dismissable = true, dismi
 			}), (dismissable || Boolean(actions.length)) && /* @__PURE__ */ jsxs(Stack, {
 				columnGap: "small",
 				direction: "row",
-				fillChildren: false,
 				children: [dismissable && /* @__PURE__ */ jsx(Toast.Close, {
 					render: /* @__PURE__ */ jsx(Button, { variant: "secondary" }),
 					onClick: () => {

package/dist/components/toast/toast.guide.json

@@ -6,7 +6,8 @@
   "whenToUse": [
     "Confirming a completed action such as save or delete",
     "Offering a short undo window after a reversible change",
-    "Showing contextual feedback anchored to the control that triggered it"
+    "Showing contextual feedback anchored to the control that triggered it",
+    "Custom portal host (iframe preview, shadow root, or app overlay root) via `container` on the portal-owning public part"
   ],
   "whenNotToUse": [
     "Blocking errors that need immediate correction — use inline field errors or a dialog",
@@ -51,6 +52,9 @@
       "Banner.toast": {
         "description": "Toast instance from `useToastManager().toasts` or `createToastManager()`."
       },
+      "Portal.container": {
+        "description": "Portal mount node (iframe body, shadow root, or app overlay root). Omit for Base UI default (`document.body` from the module window — iframe hosts must pass the iframe document body explicitly)."
+      },
       "Viewport.position": {
         "description": "Controls viewport placement and stacking layout hooks."
       }

package/dist/components/toggle-group/toggle-group.js

@@ -5,10 +5,7 @@ import { ToggleGroup } from "@base-ui/react/toggle-group";
 var ToggleGroup$1 = ({ children, orientation = "horizontal", ...otherProps }) => /* @__PURE__ */ jsx(ToggleGroup, {
 	...otherProps,
 	orientation,
-	render: /* @__PURE__ */ jsx(Stack, {
-		direction: orientation === "vertical" ? "column" : "row",
-		fillChildren: false
-	}),
+	render: /* @__PURE__ */ jsx(Stack, { direction: orientation === "vertical" ? "column" : "row" }),
 	children
 });
 //#endregion

package/dist/components/tooltip/tooltip-content.d.ts

@@ -1,4 +1,4 @@
-import { TooltipPositioner } from '@base-ui/react/tooltip';
+import { Tooltip as PrimitiveTooltip, TooltipPositioner } from '@base-ui/react/tooltip';
 import type * as React from 'react';
 type TooltipContentPositionerProps = Omit<TooltipPositioner.Props, 'className' | 'style' | 'render'>;
 /**
@@ -10,6 +10,15 @@ type TooltipContentPositionerProps = Omit<TooltipPositioner.Props, 'className' |
  *
  * @default `sideOffset` is `8`.
  */
-export type TooltipContentProps = TooltipContentPositionerProps;
+export type TooltipContentProps = TooltipContentPositionerProps & {
+    /**
+     * Portal mount node (iframe body, shadow root, or app overlay root).
+     * Omit for Base UI default (`document.body` from the module window —
+     * iframe hosts must pass the iframe document body explicitly).
+     *
+     * @default Base UI FloatingPortal resolution
+     */
+    container?: React.ComponentProps<typeof PrimitiveTooltip.Portal>['container'];
+};
 export declare const TooltipContent: React.FC<TooltipContentProps>;
 export {};

package/dist/components/tooltip/tooltip-content.js

@@ -4,29 +4,31 @@ import tooltip_module_default from "./tooltip.module.js";
 import { jsx } from "react/jsx-runtime";
 import { Tooltip } from "@base-ui/react/tooltip";
 //#region src/components/tooltip/tooltip-content.tsx
-var TooltipContent = ({ children, sideOffset = 8, ...positionerProps }) => /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
-	className: tooltip_module_default.Positioner,
-	sideOffset,
-	...positionerProps,
-	children: /* @__PURE__ */ jsx(Tooltip.Popup, {
-		className: tooltip_module_default.Popup,
-		role: "tooltip",
-		render: /* @__PURE__ */ jsx(Surface, {
-			color: 1,
-			border: "all",
-			radius: "medium",
-			"data-vibrant": ""
-		}),
-		children: /* @__PURE__ */ jsx(Tooltip.Viewport, {
-			className: tooltip_module_default.Viewport,
-			render: /* @__PURE__ */ jsx(Stack, {
-				vPadding: "small",
-				hPadding: "small",
-				fillChildren: false
+var TooltipContent = ({ children, sideOffset = 8, container, ...positionerProps }) => /* @__PURE__ */ jsx(Tooltip.Portal, {
+	container,
+	children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
+		className: tooltip_module_default.Positioner,
+		sideOffset,
+		...positionerProps,
+		children: /* @__PURE__ */ jsx(Tooltip.Popup, {
+			className: tooltip_module_default.Popup,
+			role: "tooltip",
+			render: /* @__PURE__ */ jsx(Surface, {
+				color: 1,
+				border: "all",
+				radius: "medium",
+				"data-vibrant": ""
 			}),
-			children
+			children: /* @__PURE__ */ jsx(Tooltip.Viewport, {
+				className: tooltip_module_default.Viewport,
+				render: /* @__PURE__ */ jsx(Stack, {
+					vPadding: "small",
+					hPadding: "small"
+				}),
+				children
+			})
 		})
 	})
-}) });
+});
 //#endregion
 export { TooltipContent };

package/dist/components/tooltip/tooltip.guide.json

@@ -6,7 +6,8 @@
   "whenToUse": [
     "Short hints on hover or focus for toolbar controls and icon buttons",
     "Per-trigger labels on shared tooltip roots using `payload` and Root render-function children",
-    "Adjacent controls that benefit from shared open/close delay via `Tooltip.Provider`"
+    "Adjacent controls that benefit from shared open/close delay via `Tooltip.Provider`",
+    "Custom portal host (iframe preview, shadow root, or app overlay root) via `container` on the portal-owning public part"
   ],
   "whenNotToUse": [
     "Rich interactive panels or forms (use Popover or Dialog)",
@@ -29,6 +30,11 @@
       "content-fade-duration": {
         "description": "content fade duration custom property on the component root."
       }
+    },
+    "react": {
+      "Content.container": {
+        "description": "Portal mount node (iframe body, shadow root, or app overlay root). Omit for Base UI default (`document.body` from the module window — iframe hosts must pass the iframe document body explicitly)."
+      }
     }
   }
 }

package/dist/preflight-surface.json

@@ -26,6 +26,11 @@
       "id": "layout",
       "file": "layout.css",
       "purpose": "Flex growth and shrink utilities via data-grow / data-shrink for Stack and component children."
+    },
+    {
+      "id": "vibrancy",
+      "file": "vibrancy.css",
+      "purpose": "Theme-gated backdrop-filter vibrancy on elements that opt in with data-vibrant."
     }
   ],
   "attributes": [
@@ -120,6 +125,22 @@
       ],
       "whenNotToUse": ["When default flex shrink is already correct"],
       "related": ["Stack"]
+    },
+    {
+      "name": "data-vibrant",
+      "module": "vibrancy",
+      "values": ["(boolean presence)"],
+      "presence": "boolean attribute; value ignored",
+      "effect": "When the active theme sets --effect-vibrancy, applies vibrancy backdrop-filter (brightness/blur/saturate). Surface with data-vibrant may also translucify its background via component CSS.",
+      "whenToUse": [
+        "Glass / frosted panels on Surface or other hosts over busy backgrounds",
+        "Match overlay chrome (Dialog/Popover/Menu/Toast) that ships with data-vibrant"
+      ],
+      "whenNotToUse": [
+        "When the theme does not expose --effect-vibrancy (attr is a no-op for filters)",
+        "Hand-rolling backdrop-filter CSS instead of the documented attr"
+      ],
+      "related": ["Surface", "--effect-vibrancy", "--vibrancy-blur", "--vibrancy-brightness"]
     }
   ],
   "customProperties": [
@@ -176,7 +197,9 @@
   "antiPatterns": [
     "Using data-elevation without importing @viraui/react/preflight.css",
     "Fighting data-mode color-scheme rules without documenting a deliberate override",
-    "Applying data-no-link-style to prose links that should use the default interactive underline treatment"
+    "Applying data-no-link-style to prose links that should use the default interactive underline treatment",
+    "Inventing backdrop-filter CSS instead of data-vibrant when vibrancy is desired",
+    "Shipping a new consumer-facing data-* without updating preflight-surface.json and viraui-design/custom-attributes.md"
   ],
   "discovery": {
     "consumption": "@viraui/react/consumption.json",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viraui/react",
-  "version": "2026.0.13",
+  "version": "2026.0.15",
   "private": false,
   "files": [
     "dist"
@@ -35,7 +35,7 @@
     "unplugin-dts": "1.0.3",
     "vite": "8.1.4",
     "vite-plugin-static-copy": "4.1.1",
-    "@viraui/foundation": "2026.0.13",
+    "@viraui/foundation": "2026.0.15",
     "@viraui/icons": "2026.0.0",
     "@viraui/postcss-config": "2026.0.0",
     "@viraui/tsconfig": "2026.0.0"