bits-ui 2.8.6 → 2.8.8

package/dist/bits/calendar/calendar.svelte.d.ts

@@ -129,11 +129,11 @@ export declare class CalendarCellState {
     readonly opts: CalendarCellStateOpts;
     readonly root: CalendarRootState;
     readonly cellDate: Date;
-    readonly isDisabled: boolean;
     readonly isUnavailable: boolean;
     readonly isDateToday: boolean;
     readonly isOutsideMonth: boolean;
     readonly isOutsideVisibleMonths: boolean;
+    readonly isDisabled: boolean;
     readonly isFocusedDate: boolean;
     readonly isSelectedDate: boolean;
     readonly labelText: string;
@@ -143,6 +143,7 @@ export declare class CalendarCellState {
         disabled: boolean;
         unavailable: boolean;
         selected: boolean;
+        day: string;
     };
     readonly ariaDisabled: boolean;
     readonly sharedDataAttrs: {

package/dist/bits/calendar/calendar.svelte.js

@@ -450,11 +450,12 @@ export class CalendarCellState {
     opts;
     root;
     cellDate = $derived.by(() => toDate(this.opts.date.current));
-    isDisabled = $derived.by(() => this.root.isDateDisabled(this.opts.date.current));
     isUnavailable = $derived.by(() => this.root.opts.isDateUnavailable.current(this.opts.date.current));
     isDateToday = $derived.by(() => isToday(this.opts.date.current, getLocalTimeZone()));
     isOutsideMonth = $derived.by(() => !isSameMonth(this.opts.date.current, this.opts.month.current));
     isOutsideVisibleMonths = $derived.by(() => this.root.isOutsideVisibleMonths(this.opts.date.current));
+    isDisabled = $derived.by(() => this.root.isDateDisabled(this.opts.date.current) ||
+        (this.isOutsideMonth && this.root.opts.disableDaysOutsideMonth.current));
     isFocusedDate = $derived.by(() => isSameDay(this.opts.date.current, this.root.opts.placeholder.current));
     isSelectedDate = $derived.by(() => this.root.isDateSelected(this.opts.date.current));
     labelText = $derived.by(() => this.root.formatter.custom(this.cellDate, {
@@ -473,6 +474,7 @@ export class CalendarCellState {
         disabled: this.isDisabled,
         unavailable: this.isUnavailable,
         selected: this.isSelectedDate,
+        day: `${this.opts.date.current.day}`,
     }));
     ariaDisabled = $derived.by(() => {
         return (this.isDisabled ||

package/dist/bits/checkbox/checkbox.svelte.js

@@ -2,6 +2,7 @@ import { attachRef } from "svelte-toolbelt";
 import { Context, watch } from "runed";
 import { createBitsAttrs, getAriaChecked, getAriaRequired, getDataDisabled, } from "../../internal/attrs.js";
 import { kbd } from "../../internal/kbd.js";
+import { arraysAreEqual } from "../../internal/arrays.js";
 const checkboxAttrs = createBitsAttrs({
     component: "checkbox",
     parts: ["root", "group", "group-label", "input"],
@@ -24,6 +25,8 @@ export class CheckboxGroupState {
         if (!this.opts.value.current.includes(checkboxValue)) {
             const newValue = [...$state.snapshot(this.opts.value.current), checkboxValue];
             this.opts.value.current = newValue;
+            if (arraysAreEqual(this.opts.value.current, newValue))
+                return;
             this.opts.onValueChange.current(newValue);
         }
     }
@@ -35,6 +38,8 @@ export class CheckboxGroupState {
             return;
         const newValue = this.opts.value.current.filter((v) => v !== checkboxValue);
         this.opts.value.current = newValue;
+        if (arraysAreEqual(this.opts.value.current, newValue))
+            return;
         this.opts.onValueChange.current(newValue);
     }
     props = $derived.by(() => ({

package/dist/bits/checkbox/components/checkbox-group.svelte

@@ -4,6 +4,7 @@
 	import { CheckboxGroupState } from "../checkbox.svelte.js";
 	import { noop } from "../../../internal/noop.js";
 	import { createId } from "../../../internal/create-id.js";
+	import { arraysAreEqual } from "../../../internal/arrays.js";
 
 	const uid = $props.id();
 
@@ -32,6 +33,7 @@
 		value: box.with(
 			() => $state.snapshot(value),
 			(v) => {
+				if (arraysAreEqual(value, v)) return;
 				value = $state.snapshot(v);
 				onValueChange(v);
 			}

package/dist/bits/range-calendar/range-calendar.svelte.d.ts

@@ -123,10 +123,10 @@ export declare class RangeCalendarCellState {
     readonly root: RangeCalendarRootState;
     readonly attachment: RefAttachment;
     readonly cellDate: Date;
+    readonly isOutsideMonth: boolean;
     readonly isDisabled: boolean;
     readonly isUnavailable: boolean;
     readonly isDateToday: boolean;
-    readonly isOutsideMonth: boolean;
     readonly isOutsideVisibleMonths: boolean;
     readonly isFocusedDate: boolean;
     readonly isSelectedDate: boolean;

package/dist/bits/range-calendar/range-calendar.svelte.js

@@ -539,10 +539,11 @@ export class RangeCalendarCellState {
     root;
     attachment;
     cellDate = $derived.by(() => toDate(this.opts.date.current));
-    isDisabled = $derived.by(() => this.root.isDateDisabled(this.opts.date.current));
+    isOutsideMonth = $derived.by(() => !isSameMonth(this.opts.date.current, this.opts.month.current));
+    isDisabled = $derived.by(() => this.root.isDateDisabled(this.opts.date.current) ||
+        (this.isOutsideMonth && this.root.opts.disableDaysOutsideMonth.current));
     isUnavailable = $derived.by(() => this.root.opts.isDateUnavailable.current(this.opts.date.current));
     isDateToday = $derived.by(() => isToday(this.opts.date.current, getLocalTimeZone()));
-    isOutsideMonth = $derived.by(() => !isSameMonth(this.opts.date.current, this.opts.month.current));
     isOutsideVisibleMonths = $derived.by(() => this.root.isOutsideVisibleMonths(this.opts.date.current));
     isFocusedDate = $derived.by(() => isSameDay(this.opts.date.current, this.root.opts.placeholder.current));
     isSelectedDate = $derived.by(() => this.root.isSelected(this.opts.date.current));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "2.8.6",
+  "version": "2.8.8",
   "license": "MIT",
   "repository": "github:huntabyte/bits-ui",
   "funding": "https://github.com/sponsors/huntabyte",