@viraui/react 2026.2.8 → 2026.2.10

package/dist/components/select/select.d.ts

@@ -59,6 +59,13 @@ export type SelectProps = SelectRoot.Props<string> & Omit<FieldRoot.Props, 'ref'
      * @default true
      */
     alignListWithTrigger?: boolean;
+    /**
+     * When `true`, open select locks page scroll and blocks outside pointer interaction
+     * (Base UI modal). Vira defaults to non-modal so the page stays scrollable.
+     *
+     * @default false
+     */
+    modal?: boolean;
     /**
      * Portal mount node (iframe body, shadow root, or app overlay root).
      * Omit for Base UI default (`document.body` from the module window —
@@ -68,7 +75,7 @@ export type SelectProps = SelectRoot.Props<string> & Omit<FieldRoot.Props, 'ref'
      */
     container?: React.ComponentProps<typeof PrimitiveSelect.Portal>['container'];
 };
-declare function SelectRootComponent({ alignListWithTrigger, children, className, container, description, dirty, disabled, error, addon, invalid, label, name, placeholder, ref, touched, validate, validationDebounceTime, validationMode, ...selectRootProps }: SelectProps): React.JSX.Element;
+declare function SelectRootComponent({ alignListWithTrigger, children, className, container, description, dirty, disabled, error, addon, invalid, label, modal, name, placeholder, ref, touched, validate, validationDebounceTime, validationMode, ...selectRootProps }: SelectProps): React.JSX.Element;
 export declare const Select: typeof SelectRootComponent & {
     Option: typeof SelectOption;
     Group: typeof SelectGroup;

package/dist/components/select/select.guide.json

@@ -53,6 +53,9 @@
       "label": {
         "description": "Visible label rendered with shared internal `FieldLabel`."
       },
+      "modal": {
+        "description": "When `true`, open select locks page scroll and blocks outside pointer interaction (Base UI modal). Vira defaults to non-modal so the page stays scrollable."
+      },
       "Option.addon": {
         "description": "Decorative leading node rendered before the option label."
       },

package/dist/components/select/select.js

@@ -18,7 +18,7 @@ import { Field } from "@base-ui/react/field";
 import { useId } from "react";
 import { Select } from "@base-ui/react/select";
 //#region src/components/select/select.tsx
-function SelectRootComponent({ alignListWithTrigger = true, children, className, container, description, dirty, disabled, error, addon = /* @__PURE__ */ jsx(ChromeChevronExpandY, { size: 16 }), invalid, label, name, placeholder, ref, touched, validate, validationDebounceTime, validationMode, ...selectRootProps }) {
+function SelectRootComponent({ alignListWithTrigger = true, children, className, container, description, dirty, disabled, error, addon = /* @__PURE__ */ jsx(ChromeChevronExpandY, { size: 16 }), invalid, label, modal = false, name, placeholder, ref, touched, validate, validationDebounceTime, validationMode, ...selectRootProps }) {
 	const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...restSelectProps } = selectRootProps;
 	const fieldLabelId = useId();
 	const listAccessibleNameProps = {};
@@ -48,6 +48,7 @@ function SelectRootComponent({ alignListWithTrigger = true, children, className,
 			/* @__PURE__ */ jsxs(Select.Root, {
 				...restSelectProps,
 				disabled,
+				modal,
 				name,
 				children: [/* @__PURE__ */ jsxs(Select.Trigger, {
 					"aria-label": ariaLabel,

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

@@ -12,7 +12,6 @@ var ToggleButton = ({ restingIcon, pressedIcon, variant = "flat", pressedVariant
 	defaultPressed,
 	onPressedChange,
 	disabled,
-	nativeButton: true,
 	render: (toggleProps, state) => {
 		const { "aria-label": _toggleAriaLabel, "aria-labelledby": _toggleAriaLabelledBy, ...restToggleProps } = toggleProps;
 		const icon = pressedIcon != null ? /* @__PURE__ */ jsxs("span", {

package/package.json

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