@viraui/react 2026.0.27 → 2026.0.28

package/dist/components/slider/slider.d.ts

@@ -37,8 +37,8 @@ export type SliderProps = SliderRoot.Props & FieldRoot.Props & {
     /**
      * Shows the current value beside the label.
      *
-     * Pass `true` for Base UI default formatting, or a function matching
-     * `Slider.Value` `children` to customize the printed label.
+     * Pass `true` for Base UI default formatting inside styled `Text`, or a
+     * function matching `Slider.Value` `children` to own the value slot (no `Text`).
      *
      * @default Value UI is hidden.
      */

package/dist/components/slider/slider.guide.json

@@ -37,7 +37,7 @@
         "description": "Marks the slider as required and shows a required indicator on the label."
       },
       "renderValue": {
-        "description": "Shows the current value beside the label. Pass `true` for Base UI default formatting, or a function matching `Slider.Value` `children` to customize the printed label."
+        "description": "Shows the current value beside the label. Pass `true` for Base UI default formatting inside styled `Text`, or a function matching `Slider.Value` `children` to own the value slot (no `Text`)."
       },
       "thumbAriaLabel": {
         "description": "Accessible name for the thumb when `label` is omitted. Pass a string to name the first thumb (single-thumb slider, or the minimum thumb on a range). Pass a two-element tuple to name each range thumb in order; on a single-thumb slider only the first tuple value is applied."

package/dist/components/slider/slider.js

@@ -14,7 +14,6 @@ import { Slider } from "@base-ui/react/slider";
 var Slider$1 = ({ className, defaultValue, description, dirty, disabled, error, invalid, label, name, orientation = "horizontal", renderValue, thumbAlignment = "edge", thumbAriaLabel, touched, validate, validationDebounceTime, validationMode, value, ref, ...sliderRootProps }) => {
 	const isRange = isRangeSlider(value, defaultValue);
 	const isVertical = orientation === "vertical";
-	const showRenderedValue = renderValue === true || typeof renderValue === "function";
 	return /* @__PURE__ */ jsxs(Field.Root, {
 		className: slider_module_default.Slider,
 		dirty,
@@ -46,8 +45,7 @@ var Slider$1 = ({ className, defaultValue, description, dirty, disabled, error,
 				vAlign: isVertical ? "stretch" : "center",
 				hAlign: isVertical ? "center" : "initial"
 			}),
-			children: [(label || showRenderedValue) && /* @__PURE__ */ jsxs(Stack, {
-				fillChildren: true,
+			children: [(label || renderValue) && /* @__PURE__ */ jsxs(Stack, {
 				className: slider_module_default.SliderHeader,
 				direction: isVertical ? "column" : "row",
 				columnGap: "small",
@@ -56,7 +54,10 @@ var Slider$1 = ({ className, defaultValue, description, dirty, disabled, error,
 				children: [label && /* @__PURE__ */ jsx(Field.Label, {
 					className: slider_module_default.Label,
 					children: /* @__PURE__ */ jsx(FieldLabel, { children: label })
-				}), showRenderedValue && /* @__PURE__ */ jsx(Text, {
+				}), renderValue && (typeof renderValue === "function" ? /* @__PURE__ */ jsx(Slider.Value, {
+					className: slider_module_default.Value,
+					children: renderValue
+				}) : /* @__PURE__ */ jsx(Text, {
 					className: slider_module_default.Value,
 					size: "small",
 					tone: "muted",
@@ -64,8 +65,8 @@ var Slider$1 = ({ className, defaultValue, description, dirty, disabled, error,
 					whiteSpace: "nowrap",
 					selection: false,
 					align: isVertical ? "center" : "end",
-					render: /* @__PURE__ */ jsx(Slider.Value, { children: typeof renderValue === "function" ? renderValue : void 0 })
-				})]
+					render: /* @__PURE__ */ jsx(Slider.Value, {})
+				}))]
 			}), /* @__PURE__ */ jsx(SliderControl, {
 				isRange,
 				orientation,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viraui/react",
-  "version": "2026.0.27",
+  "version": "2026.0.28",
   "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.27",
+    "@viraui/foundation": "2026.0.28",
     "@viraui/icons": "2026.0.0",
     "@viraui/postcss-config": "2026.0.0",
     "@viraui/tsconfig": "2026.0.0"