fix: progress

.changeset/bright-gorillas-hope.md

@@ -0,0 +1,5 @@
+---
+"bits-ui": minor
+---
+
+Progress: update `value` type to include `null` for `'indeterminate'` state

package.json

@@ -92,7 +92,7 @@
   "type": "module",
   "dependencies": {
     "@internationalized/date": "^3.5.1",
-    "@melt-ui/svelte": "0.67.0",
+    "@melt-ui/svelte": "0.68.0",
     "nanoid": "^5.0.4"
   },
   "peerDependencies": {

src/lib/bits/date-field/components/date-field.svelte

@@ -20,6 +20,7 @@
 	export let readonly: $$Props["readonly"] = undefined;
 	export let validationId: $$Props["validationId"] = undefined;
 	export let descriptionId: $$Props["descriptionId"] = undefined;
+	export let readonlySegments: $$Props["readonlySegments"] = undefined;
 
 	const {
 		states: {
@@ -40,6 +41,7 @@
 		maxValue,
 		minValue,
 		readonly,
+		readonlySegments,
 		isDateUnavailable,
 		onValueChange: ({ next }) => {
 			if (value !== next) {
@@ -121,6 +123,7 @@
 	$: updateOption("maxValue", maxValue);
 	$: updateOption("minValue", minValue);
 	$: updateOption("readonly", readonly);
+	$: updateOption("readonlySegments", readonlySegments);
 </script>
 
 <slot isInvalid={$localIsInvalid} ids={$idValues} />

src/lib/bits/date-range-field/_types.ts

@@ -7,10 +7,10 @@
 import type { Expand, OnChangeFn, OmitDates, DOMElement } from "$lib/internal/index.js";
 import type { DateRange, SegmentPart } from "$lib/shared/index.js";
 import type { DateValue } from "@internationalized/date";
-import type { CreateDateFieldProps } from "@melt-ui/svelte";
+import type { CreateDateRangeFieldProps } from "@melt-ui/svelte";
 
 type Props = Expand<
-	Omit<OmitDates<CreateDateFieldProps>, "required" | "name"> & {
+	Omit<OmitDates<CreateDateRangeFieldProps>, "required" | "name"> & {
 		/**
 		 * The value of the date field.
 		 * You can bind this to a `DateValue` object to programmatically control the value.

src/lib/bits/date-range-field/components/date-range-field.svelte

@@ -20,6 +20,7 @@
 	export let readonly: $$Props["readonly"] = undefined;
 	export let validationId: $$Props["validationId"] = undefined;
 	export let descriptionId: $$Props["descriptionId"] = undefined;
+	export let readonlySegments: $$Props["readonlySegments"] = undefined;
 
 	const {
 		states: {
@@ -41,6 +42,7 @@
 		minValue,
 		readonly,
 		isDateUnavailable,
+		readonlySegments,
 		onValueChange: ({ next }) => {
 			if (value !== next) {
 				onValueChange?.(next);
@@ -174,6 +176,7 @@
 	$: updateOption("maxValue", maxValue);
 	$: updateOption("minValue", minValue);
 	$: updateOption("readonly", readonly);
+	$: updateOption("readonlySegments", readonlySegments);
 
 	$: idSlotProp = {
 		start: $startIdValues,

src/lib/bits/progress/_types.ts

@@ -12,12 +12,12 @@ type Props = Expand<
 		 * The value of the progress bar.
 		 * You can bind this to a number value to programmatically control the value.
 		 */
-		value?: CreateProgressProps["defaultValue"] & {};
+		value?: CreateProgressProps["defaultValue"];
 
 		/**
 		 * A callback function called when the value changes.
 		 */
-		onValueChange?: OnChangeFn<number>;
+		onValueChange?: OnChangeFn<number | null>;
 	} & DOMElement
 >;