@viraui/react 1.0.10 → 1.0.11

package/dist/components/clamp-text/clamp-text.js

@@ -1,21 +1,18 @@
 "use client";
 import './clamp-text.css';
 import { clsx } from "../../core/clsx.js";
-import { extractIntrinsicViraProps } from "../../core/props/intrinsic-vira-props.js";
 import clamp_text_module_default from "./clamp-text.module.js";
 import { useRender } from "@base-ui/react/use-render";
 import { useMemo } from "react";
 //#region src/components/clamp-text/clamp-text.tsx
 var ClampText = ({ className, inline = false, ref, render, rows = 1, style, ...otherProps }) => {
-	const { componentProps, intrinsicAttributes } = extractIntrinsicViraProps(otherProps);
 	const dynamicStyle = useMemo(() => ({ "--vui-clamp-text-rows": rows }), [rows]);
 	return useRender({
 		defaultTagName: "span",
 		render,
 		ref,
 		props: {
-			...componentProps,
-			...intrinsicAttributes,
+			...otherProps,
 			"data-clamp-text-inline": inline ? "true" : "false",
 			className: clsx(clamp_text_module_default.ClampText, className),
 			style: {

package/dist/components/dialog/dialog-sheet.js

@@ -24,7 +24,7 @@ var DialogSheet = ({ children, description, title, showCloseButton = false, fitC
 			border: "top",
 			render: /* @__PURE__ */ jsx(Stack, { hAlign: "center" }),
 			color: 1,
-			vibrant: true,
+			"data-vibrant": "",
 			radius: "large",
 			vPadding: ["medium", 0]
 		}),

package/dist/components/elevator/elevator.d.ts

@@ -1,5 +1,4 @@
 import { ElevationDirection, ElevationLevel, ElevationShadowColor } from '../../core/elevation/elevation-types';
-import { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import type * as React from 'react';
 export type { ElevationDirection, ElevationLevel, ElevationShadowColor, } from '../../core/elevation/elevation-types';
 export { ELEVATION_DEFAULTS } from '../../core/elevation/elevation-types';
@@ -11,7 +10,7 @@ export { getElevationProps } from '../../core/elevation/get-elevation-props';
  *
  * @default Native child pass-through props are preserved and merged with elevation hooks.
  */
-export type ElevatorProps = IntrinsicViraProps & {
+export type ElevatorProps = {
     /**
      * Element or elements that receive elevation hooks on their rendered root.
      *

package/dist/components/elevator/elevator.js

@@ -1,4 +1,3 @@
-import { extractIntrinsicViraProps } from "../../core/props/intrinsic-vira-props.js";
 import { ELEVATION_DEFAULTS } from "../../core/elevation/elevation-types.js";
 import { getElevationProps } from "../../core/elevation/get-elevation-props.js";
 import { Children, cloneElement, isValidElement } from "react";
@@ -7,8 +6,7 @@ var mergeChildStyle = (childStyle, elevationStyle) => ({
 	...childStyle ?? {},
 	...elevationStyle
 });
-var Elevator = ({ children, resting, hover, direction, shadowColor, extraShadow, ...otherProps }) => {
-	const { intrinsicAttributes } = extractIntrinsicViraProps(otherProps);
+var Elevator = ({ children, resting, hover, direction, shadowColor, extraShadow }) => {
 	const elevation = getElevationProps({
 		resting,
 		hover,
@@ -19,7 +17,6 @@ var Elevator = ({ children, resting, hover, direction, shadowColor, extraShadow,
 	return Children.map(children, (child) => {
 		if (!isValidElement(child)) return child;
 		return cloneElement(child, {
-			...intrinsicAttributes,
 			...elevation.attributes,
 			style: mergeChildStyle(child.props.style, elevation.style)
 		});

package/dist/components/fieldset/fieldset.d.ts

@@ -1,5 +1,4 @@
 import { FieldsetRoot } from '@base-ui/react';
-import { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import type * as React from 'react';
 /**
  * Public Fieldset props.
@@ -10,7 +9,7 @@ import type * as React from 'react';
  *
  * @default Base UI pass-through props keep upstream defaults.
  */
-export type FieldsetProps = FieldsetRoot.Props & IntrinsicViraProps & {
+export type FieldsetProps = FieldsetRoot.Props & {
     /**
      * Visible legend copy rendered with shared internal `FieldLabel`.
      *

package/dist/components/fieldset/fieldset.js

@@ -1,29 +1,24 @@
-import { extractIntrinsicViraProps } from "../../core/props/intrinsic-vira-props.js";
 import { FieldHelperCopy } from "../basic-input/field-helper-copy.js";
 import { FieldLabel } from "../basic-input/field-label.js";
 import { Stack } from "../stack/stack.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fieldset } from "@base-ui/react";
 //#region src/components/fieldset/fieldset.tsx
-var Fieldset$1 = ({ children, className, description, disabled, error, label, ...fieldsetRootProps }) => {
-	const { componentProps, intrinsicAttributes } = extractIntrinsicViraProps(fieldsetRootProps);
-	return /* @__PURE__ */ jsxs(Fieldset.Root, {
-		...intrinsicAttributes,
-		...componentProps,
-		className,
-		disabled,
-		children: [/* @__PURE__ */ jsxs(Stack, {
-			vPadding: [0, "small"],
-			rowGap: "small",
-			children: [label ? /* @__PURE__ */ jsx(Fieldset.Legend, {
-				render: /* @__PURE__ */ jsx(FieldLabel, {}),
-				children: label
-			}) : null, description || error ? /* @__PURE__ */ jsx(FieldHelperCopy, {
-				description,
-				error
-			}) : null]
-		}), children]
-	});
-};
+var Fieldset$1 = ({ children, className, description, disabled, error, label, ...fieldsetRootProps }) => /* @__PURE__ */ jsxs(Fieldset.Root, {
+	...fieldsetRootProps,
+	className,
+	disabled,
+	children: [/* @__PURE__ */ jsxs(Stack, {
+		vPadding: [0, "small"],
+		rowGap: "small",
+		children: [label ? /* @__PURE__ */ jsx(Fieldset.Legend, {
+			render: /* @__PURE__ */ jsx(FieldLabel, {}),
+			children: label
+		}) : null, description || error ? /* @__PURE__ */ jsx(FieldHelperCopy, {
+			description,
+			error
+		}) : null]
+	}), children]
+});
 //#endregion
 export { Fieldset$1 as Fieldset };

package/dist/components/fit-text/fit-text.css

@@ -0,0 +1 @@
+@layer viraui.preflight, viraui.components, viraui.overrides;@layer viraui.components{@property --vui-fit-text-captured-length{syntax:"<length>";inherits:true;initial-value:0}@property --vui-fit-text-max-font-size{syntax:"<length>";inherits:true;initial-value:calc(infinity * 1px)}.viraui__fit-text-module__FitText_CdAvq{--vui-fit-text-captured-length:initial;display:flex;container-type:inline-size;.viraui__fit-text-module__Container_bawpR{--vui-fit-text-captured-length:100cqi;--vui-fit-text-available-space:var(--vui-fit-text-captured-length);flex-grow:1;container-type:inline-size}.viraui__fit-text-module__Display_Hraif{--vui-fit-text-captured-length:100cqi;--vui-fit-text-ratio:tan(atan2(var(--vui-fit-text-available-space),var(--vui-fit-text-available-space) - var(--vui-fit-text-captured-length)));display:block;inline-size:var(--vui-fit-text-available-space);font-size:clamp(0px,1em * var(--vui-fit-text-ratio),var(--vui-fit-text-max-font-size));>*{font-size:1em;max-inline-size:none}}.viraui__fit-text-module__Reference_6wCx7{visibility:hidden;>*{font-size:inherit;max-inline-size:none}}}}

package/dist/components/fit-text/fit-text.d.ts

@@ -0,0 +1,18 @@
+import type * as React from 'react';
+/**
+ * Public FitText props.
+ *
+ * Includes standard `div` attributes such as `children`, `id`, `className`, and event handlers,
+ * plus an optional fitted font-size cap.
+ *
+ * @default Native div pass-through props keep React defaults.
+ */
+export type FitTextProps = React.ComponentPropsWithRef<'div'> & {
+    /**
+     * Caps the fitted font size using any valid CSS length string.
+     *
+     * @default No maximum — fitted size may grow without an upper bound.
+     */
+    maxFontSize?: string;
+};
+export declare const FitText: React.FC<FitTextProps>;

package/dist/components/fit-text/fit-text.guide.json

@@ -0,0 +1,39 @@
+{
+  "name": "FitText",
+  "summary": "CSS-only fit-to-width wrapper that scales children to fill available inline space.",
+  "whenToUse": [
+    "Headlines or short copy that should fill a constrained inline width",
+    "Multi-line display type broken with br (or equivalent) inside Title, Text, or native markup",
+    "Resize-friendly marketing/hero type without JS measurement"
+  ],
+  "whenNotToUse": [
+    "Long body copy that should wrap and reflow at a fixed type size",
+    "Truncation — use ClampText instead",
+    "Cases that need a JS-measured or observer-driven fit"
+  ],
+  "accessibility": [
+    "Children render twice; the reference copy is aria-hidden and inert so assistive tech sees one tree",
+    "Keep semantic roots on the visible children (Title render, heading elements, paragraphs)",
+    "Fitted size still respects user zoom because the ratio multiplies 1em"
+  ],
+  "antiPatterns": [
+    "Expecting automatic line breaks without br or block structure in children",
+    "Putting interactive controls inside FitText (duplicate trees and inert reference)",
+    "Using FitText for truncation or ellipsis"
+  ],
+  "related": ["Title", "Text", "ClampText"],
+  "properties": {
+    "react": {
+      "maxFontSize": {
+        "description": "Caps the fitted font size using any valid CSS length string.",
+        "refCss": "max-font-size"
+      }
+    },
+    "css": {
+      "max-font-size": {
+        "description": "Upper bound for the fitted font size on the display slot.",
+        "refReact": "maxFontSize"
+      }
+    }
+  }
+}

package/dist/components/fit-text/fit-text.js

@@ -0,0 +1,31 @@
+import './fit-text.css';
+import { clsx } from "../../core/clsx.js";
+import fit_text_module_default from "./fit-text.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/fit-text/fit-text.tsx
+var FitText = ({ children, className, maxFontSize, ref, style, ...otherProps }) => {
+	const dynamicStyle = {
+		...maxFontSize && { "--vui-fit-text-max-font-size": maxFontSize },
+		...style
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		...otherProps,
+		ref,
+		className: clsx(fit_text_module_default.FitText, className),
+		style: dynamicStyle,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: fit_text_module_default.Container,
+			children: /* @__PURE__ */ jsx("div", {
+				className: fit_text_module_default.Display,
+				children
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			"aria-hidden": "true",
+			className: fit_text_module_default.Reference,
+			inert: true,
+			children
+		})]
+	});
+};
+//#endregion
+export { FitText };

package/dist/components/fit-text/fit-text.module.js

@@ -0,0 +1,13 @@
+//#region src/components/fit-text/fit-text.module.css
+var FitText = "viraui__fit-text-module__FitText_CdAvq";
+var Container = "viraui__fit-text-module__Container_bawpR";
+var Display = "viraui__fit-text-module__Display_Hraif";
+var Reference = "viraui__fit-text-module__Reference_6wCx7";
+var fit_text_module_default = {
+	FitText,
+	Container,
+	Display,
+	Reference
+};
+//#endregion
+export { Container, Display, FitText, Reference, fit_text_module_default as default };

package/dist/components/fit-text/index.d.ts

@@ -0,0 +1,2 @@
+export { FitText } from './fit-text';
+export type { FitTextProps } from './fit-text';

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './accordion';
+export * from './annotate';
 export * from './avatar';
 export * from './avatar-group';
 export * from './bleed';
@@ -9,6 +10,7 @@ export * from './clamp-text';
 export * from './dialog';
 export * from './elevator';
 export * from './fieldset';
+export * from './fit-text';
 export * from './icon-button';
 export * from './linear-progress';
 export * from './masonry';

package/dist/components/linear-progress/linear-progress.d.ts

@@ -1,5 +1,4 @@
 import { ProgressRoot } from '@base-ui/react/progress';
-import { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import type * as React from 'react';
 /**
  * Public LinearProgress props.
@@ -10,18 +9,6 @@ import type * as React from 'react';
  * @default Base UI pass-through props keep upstream defaults.
  */
 export type LinearProgressProps = ProgressRoot.Props & {
-    /**
-     * Adds `data-grow="false"` to the progress root when false.
-     *
-     * @default The progress root does not render a grow attribute.
-     */
-    grow?: IntrinsicViraProps['grow'];
-    /**
-     * Adds `data-shrink="false"` to the progress root when false.
-     *
-     * @default The progress root does not render a shrink attribute.
-     */
-    shrink?: IntrinsicViraProps['shrink'];
     /**
      * Visible label rendered through `Progress.Label` with shared internal `FieldLabel`.
      *

package/dist/components/linear-progress/linear-progress.js

@@ -1,6 +1,5 @@
 import './linear-progress.css';
 import { clsx } from "../../core/clsx.js";
-import { extractIntrinsicViraProps } from "../../core/props/intrinsic-vira-props.js";
 import { Text } from "../text/text.js";
 import { FieldLabel } from "../basic-input/field-label.js";
 import { Stack } from "../stack/stack.js";
@@ -8,53 +7,49 @@ import linear_progress_module_default from "./linear-progress.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Progress } from "@base-ui/react/progress";
 //#region src/components/linear-progress/linear-progress.tsx
-var LinearProgress = ({ className, description, label, showValue = false, value, ref, ...progressRootProps }) => {
-	const { componentProps, intrinsicAttributes } = extractIntrinsicViraProps(progressRootProps);
-	return /* @__PURE__ */ jsxs(Progress.Root, {
-		...componentProps,
-		...intrinsicAttributes,
-		ref,
-		className: clsx(linear_progress_module_default.LinearProgress, className),
-		value,
-		render: /* @__PURE__ */ jsx(Stack, {
-			direction: "column",
+var LinearProgress = ({ className, description, label, showValue = false, value, ref, ...progressRootProps }) => /* @__PURE__ */ jsxs(Progress.Root, {
+	...progressRootProps,
+	ref,
+	className: clsx(linear_progress_module_default.LinearProgress, className),
+	value,
+	render: /* @__PURE__ */ jsx(Stack, {
+		direction: "column",
+		fillChildren: false,
+		rowGap: "small",
+		columnGap: "x-small"
+	}),
+	children: [
+		(label || showValue) && /* @__PURE__ */ jsxs(Stack, {
+			direction: "row",
 			fillChildren: false,
-			rowGap: "small",
-			columnGap: "x-small"
-		}),
-		children: [
-			(label || showValue) && /* @__PURE__ */ jsxs(Stack, {
-				direction: "row",
-				fillChildren: false,
-				columnGap: "small",
-				vAlign: "center",
-				hAlign: "space-between",
-				children: [label && /* @__PURE__ */ jsx(Progress.Label, {
-					render: /* @__PURE__ */ jsx(FieldLabel, {}),
-					children: label
-				}), showValue && /* @__PURE__ */ jsx(Text, {
-					size: "small",
-					tone: "muted",
-					family: "mono",
-					whiteSpace: "nowrap",
-					selection: false,
-					align: "end",
-					shrink: false,
-					render: /* @__PURE__ */ jsx(Progress.Value, { render: /* @__PURE__ */ jsx("output", {}) })
-				})]
-			}),
-			/* @__PURE__ */ jsx(Progress.Track, {
-				className: linear_progress_module_default.Track,
-				children: /* @__PURE__ */ jsx(Progress.Indicator, { className: linear_progress_module_default.Indicator })
-			}),
-			description && /* @__PURE__ */ jsx(Text, {
-				className: linear_progress_module_default.Description,
+			columnGap: "small",
+			vAlign: "center",
+			hAlign: "space-between",
+			children: [label && /* @__PURE__ */ jsx(Progress.Label, {
+				render: /* @__PURE__ */ jsx(FieldLabel, {}),
+				children: label
+			}), showValue && /* @__PURE__ */ jsx(Text, {
 				size: "small",
 				tone: "muted",
-				children: description
-			})
-		]
-	});
-};
+				family: "mono",
+				whiteSpace: "nowrap",
+				selection: false,
+				align: "end",
+				"data-shrink": "false",
+				render: /* @__PURE__ */ jsx(Progress.Value, { render: /* @__PURE__ */ jsx("output", {}) })
+			})]
+		}),
+		/* @__PURE__ */ jsx(Progress.Track, {
+			className: linear_progress_module_default.Track,
+			children: /* @__PURE__ */ jsx(Progress.Indicator, { className: linear_progress_module_default.Indicator })
+		}),
+		description && /* @__PURE__ */ jsx(Text, {
+			className: linear_progress_module_default.Description,
+			size: "small",
+			tone: "muted",
+			children: description
+		})
+	]
+});
 //#endregion
 export { LinearProgress };

package/dist/components/masonry/index.d.ts

@@ -1,2 +1,2 @@
 export { Masonry } from './masonry';
-export type { MasonryItemProps, MasonryProps } from './masonry';
+export type { MasonryBreakpointCols, MasonryItemProps, MasonryProps } from './masonry';

package/dist/components/masonry/masonry-item.d.ts

@@ -1,5 +1,4 @@
 import { useRender } from '@base-ui/react/use-render';
-import { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import type * as React from 'react';
 /**
  * Public Masonry.Item props.
@@ -9,7 +8,7 @@ import type * as React from 'react';
  *
  * @default Native div pass-through props keep React defaults.
  */
-export type MasonryItemProps = React.ComponentPropsWithRef<'div'> & IntrinsicViraProps & {
+export type MasonryItemProps = React.ComponentPropsWithRef<'div'> & {
     /**
      * Replaces the default `div` root using Base UI render semantics.
      *

package/dist/components/masonry/masonry-item.js

@@ -1,21 +1,16 @@
 import { clsx } from "../../core/clsx.js";
-import { extractIntrinsicViraProps } from "../../core/props/intrinsic-vira-props.js";
 import masonry_module_default from "./masonry.module.js";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/masonry/masonry-item.tsx
-var MasonryItem = ({ className, ref, render, style, ...otherProps }) => {
-	const { componentProps, intrinsicAttributes } = extractIntrinsicViraProps(otherProps);
-	return useRender({
-		defaultTagName: "div",
-		render,
-		ref,
-		props: {
-			...componentProps,
-			...intrinsicAttributes,
-			className: clsx(masonry_module_default.Item, className),
-			style: { ...style }
-		}
-	});
-};
+var MasonryItem = ({ className, ref, render, style, ...otherProps }) => useRender({
+	defaultTagName: "div",
+	render,
+	ref,
+	props: {
+		...otherProps,
+		className: clsx(masonry_module_default.Item, className),
+		style: { ...style }
+	}
+});
 //#endregion
 export { MasonryItem };

package/dist/components/masonry/masonry.d.ts

@@ -1,18 +1,17 @@
 import { useRender } from '@base-ui/react/use-render';
 import { StackProps } from '..';
-import { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import { MasonryItemProps } from './masonry-item';
 import type * as React from 'react';
 /**
- * Mobile-first Masonry column counts keyed by `px` lengths.
+ * Mobile-first Masonry column counts keyed by CSS px lengths (unitless numbers).
  *
  * `default` applies before a breakpoint matches. Other keys are `min-width`
- * values against the Masonry root's content-box inline size. Keys may be in any
- * order; the largest matching breakpoint wins.
+ * values in px against the Masonry root's content-box inline size. Keys may be
+ * in any order; the largest matching breakpoint wins. Non-finite keys are ignored.
  */
 export type MasonryBreakpointCols = {
     default: number;
-    [breakpoint: string]: number;
+    [minWidthPx: number]: number;
 };
 /**
  * Public Masonry props.
@@ -22,7 +21,7 @@ export type MasonryBreakpointCols = {
  *
  * @default Native div pass-through props keep React defaults.
  */
-export type MasonryProps = React.ComponentPropsWithRef<'div'> & IntrinsicViraProps & {
+export type MasonryProps = React.ComponentPropsWithRef<'div'> & {
     /**
      * Replaces the default `div` root using Base UI render semantics.
      *
@@ -36,13 +35,13 @@ export type MasonryProps = React.ComponentPropsWithRef<'div'> & IntrinsicViraPro
      */
     gap?: StackProps['columnGap'];
     /**
-     * Sets the mobile-first column count at each `px` container breakpoint.
+     * Sets the mobile-first column count at each CSS px container breakpoint.
      *
-     * Each non-`default` key is a `min-width` in `px` against the Masonry root's
-     * content-box inline size. Keys may be in any order; the largest matching
-     * breakpoint wins. Non-`px` keys are ignored.
+     * Each non-`default` key is a unitless `min-width` in px against the Masonry
+     * root's content-box inline size. Keys may be in any order; the largest
+     * matching breakpoint wins. Non-finite keys are ignored.
      *
-     * @default { default: 1, '480px': 2, '768px': 3, '960px': 4, '1280px': 5, '2560px': 6 }
+     * @default { default: 1, 480: 2, 768: 3, 960: 4, 1280: 5, 2560: 6 }
      */
     breakpointCols?: MasonryBreakpointCols;
 };

package/dist/components/masonry/masonry.guide.json

@@ -28,7 +28,7 @@
         "refCss": "gap"
       },
       "breakpointCols": {
-        "description": "Mobile-first column counts keyed by px min-width breakpoints against the Masonry root content-box inline size; keys may be in any order, the largest matching breakpoint wins, and non-px keys are ignored."
+        "description": "Mobile-first column counts keyed by unitless CSS px min-width breakpoints against the Masonry root content-box inline size; keys may be in any order, the largest matching breakpoint wins, and non-finite keys are ignored."
       }
     },
     "css": {

package/dist/components/masonry/masonry.js

@@ -1,7 +1,6 @@
 "use client";
 import './masonry.css';
 import { clsx } from "../../core/clsx.js";
-import { extractIntrinsicViraProps } from "../../core/props/intrinsic-vira-props.js";
 import { resolveThemeValue } from "../../core/theme/resolve-theme-value.js";
 import { Stack } from "../stack/stack.js";
 import masonry_module_default from "./masonry.module.js";
@@ -12,27 +11,20 @@ import { Children, useEffect, useRef, useState } from "react";
 //#region src/components/masonry/masonry.tsx
 var DEFAULT_BREAKPOINT_COLS = {
 	default: 1,
-	"480px": 2,
-	"768px": 3,
-	"960px": 4,
-	"1280px": 5,
-	"2560px": 6
-};
-var parseBreakpointPx = (value) => {
-	const trimmed = value.trim();
-	if (!trimmed.endsWith("px")) return null;
-	const px = Number.parseFloat(trimmed);
-	return Number.isFinite(px) ? px : null;
+	480: 2,
+	768: 3,
+	960: 4,
+	1280: 5,
+	2560: 6
 };
 var resolveColumnCount = (widthPx, breakpointCols) => Object.entries(breakpointCols).filter(([breakpoint]) => breakpoint !== "default").flatMap(([breakpoint, nextColumnCount]) => {
-	const minWidthPx = parseBreakpointPx(breakpoint);
-	return minWidthPx === null ? [] : [{
+	const minWidthPx = Number(breakpoint);
+	return Number.isFinite(minWidthPx) ? [{
 		minWidthPx,
 		nextColumnCount
-	}];
+	}] : [];
 }).sort((left, right) => left.minWidthPx - right.minWidthPx).reduce((columnCount, { minWidthPx, nextColumnCount }) => widthPx >= minWidthPx ? nextColumnCount : columnCount, breakpointCols.default);
 var MasonryRoot = ({ children, className, breakpointCols = DEFAULT_BREAKPOINT_COLS, gap = "large", ref, render, style, ...otherProps }) => {
-	const { componentProps, intrinsicAttributes } = extractIntrinsicViraProps(otherProps);
 	const rootRef = useRef(null);
 	const consumerRef = ref;
 	const [columnCount, setColumnCount] = useState(breakpointCols.default);
@@ -73,8 +65,7 @@ var MasonryRoot = ({ children, className, breakpointCols = DEFAULT_BREAKPOINT_CO
 		render,
 		ref: setRootRef,
 		props: {
-			...componentProps,
-			...intrinsicAttributes,
+			...otherProps,
 			className: clsx(masonry_module_default.Masonry, className),
 			style: dynamicStyle,
 			children: columns.map((column) => /* @__PURE__ */ jsx(Stack, {

package/dist/components/meter/meter.d.ts

@@ -1,5 +1,4 @@
 import { MeterRoot } from '@base-ui/react';
-import { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import type * as React from 'react';
 /**
  * Public Meter props.
@@ -10,18 +9,6 @@ import type * as React from 'react';
  * @default Base UI pass-through props keep upstream defaults.
  */
 export type MeterProps = MeterRoot.Props & {
-    /**
-     * Adds `data-grow="false"` to the meter root when false.
-     *
-     * @default The meter root does not render a grow attribute.
-     */
-    grow?: IntrinsicViraProps['grow'];
-    /**
-     * Adds `data-shrink="false"` to the meter root when false.
-     *
-     * @default The meter root does not render a shrink attribute.
-     */
-    shrink?: IntrinsicViraProps['shrink'];
     /**
      * Visible label rendered through `Meter.Label` with shared internal `FieldLabel`.
      *