bits-ui 0.11.4 → 0.11.5

package/dist/bits/calendar/components/calendar.svelte

@@ -36,7 +36,7 @@ const {
   states: {
     value: localValue,
     placeholder: localPlaceholder,
-    months,
+    months: localMonths,
     weekdays
   },
   updateOption,
@@ -126,10 +126,13 @@ $:
 $:
   Object.assign(builder, attrs);
 const dispatch = createDispatcher();
+let months = $localMonths;
+$:
+  months = $localMonths;
 </script>
 
 {#if asChild}
-	<slot months={$months} weekdays={$weekdays} {builder} />
+	<slot {months} weekdays={$weekdays} {builder} />
 {:else}
 	<div
 		{...builder} use:builder.action
@@ -137,6 +140,6 @@ const dispatch = createDispatcher();
 		on:m-keydown={dispatch}
 		bind:this={el}
 	>
-		<slot months={$months} weekdays={$weekdays} {builder} />
+		<slot {months} weekdays={$weekdays} {builder} />
 	</div>
 {/if}

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

@@ -1,4 +1,6 @@
 import { SvelteComponent } from "svelte";
+import type { DateValue } from "@internationalized/date";
+import { type Month } from "@melt-ui/svelte";
 import type { Props } from "../types.js";
 declare class __sveltets_Render<Multiple extends boolean> {
     props(): Props<Multiple>;
@@ -7,7 +9,7 @@ declare class __sveltets_Render<Multiple extends boolean> {
     };
     slots(): {
         default: {
-            months: import("@melt-ui/svelte/index.js").Month<import("@internationalized/date").DateValue>[];
+            months: Month<DateValue>[];
             weekdays: string[];
             builder: {
                 id: string;

package/dist/bits/date-picker/components/date-picker-calendar.svelte

@@ -5,7 +5,7 @@ export let asChild = false;
 export let id = void 0;
 const {
   elements: { calendar },
-  states: { months, weekdays },
+  states: { months: localMonths, weekdays },
   ids
 } = getCtx();
 $:
@@ -18,12 +18,15 @@ $:
   builder = $calendar;
 $:
   Object.assign(builder, attrs);
+let months = $localMonths;
+$:
+  months = $localMonths;
 </script>
 
 {#if asChild}
-	<slot {builder} months={$months} weekdays={$weekdays} />
+	<slot {builder} {months} weekdays={$weekdays} />
 {:else}
 	<div {...builder} use:builder.action {...$$restProps} on:m-keydown={dispatch}>
-		<slot {builder} months={$months} weekdays={$weekdays} />
+		<slot {builder} {months} weekdays={$weekdays} />
 	</div>
 {/if}

package/dist/bits/date-picker/components/date-picker-calendar.svelte.d.ts

@@ -1,5 +1,7 @@
 import { SvelteComponent } from "svelte";
+import { type Month } from "@melt-ui/svelte";
 import type { CalendarEvents, CalendarProps } from "../types.js";
+import type { DateValue } from "@internationalized/date";
 declare const __propDef: {
     props: CalendarProps;
     slots: {
@@ -16,7 +18,7 @@ declare const __propDef: {
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">;
             };
-            months: import("@melt-ui/svelte/index.js").Month<import("@internationalized/date").DateValue>[];
+            months: Month<DateValue>[];
             weekdays: string[];
         };
     };

package/dist/bits/date-picker/components/date-picker.svelte

@@ -22,6 +22,7 @@ export let isDateDisabled = void 0;
 export let fixedWeeks = void 0;
 export let calendarLabel = void 0;
 export let weekdayFormat = void 0;
+export let numberOfMonths = void 0;
 const {
   states: {
     value: localValue,
@@ -48,6 +49,7 @@ const {
   minValue,
   readonly,
   weekdayFormat,
+  numberOfMonths,
   isDateUnavailable,
   onValueChange: ({ next }) => {
     if (value !== next) {
@@ -158,6 +160,8 @@ $:
   updateOption("calendarLabel", calendarLabel);
 $:
   updateOption("weekdayFormat", weekdayFormat);
+$:
+  updateOption("numberOfMonths", numberOfMonths);
 </script>
 
 <slot ids={$idValues} isInvalid={$localIsInvalid} />

package/dist/bits/date-range-picker/components/date-range-picker-calendar.svelte

@@ -4,7 +4,7 @@ export let asChild = false;
 export let id = void 0;
 const {
   elements: { calendar },
-  states: { months, weekdays },
+  states: { months: localMonths, weekdays },
   ids
 } = getCtx();
 $:
@@ -16,12 +16,15 @@ $:
   builder = $calendar;
 $:
   Object.assign(builder, attrs);
+let months = $localMonths;
+$:
+  months = $localMonths;
 </script>
 
 {#if asChild}
-	<slot {builder} months={$months} weekdays={$weekdays} />
+	<slot {builder} {months} weekdays={$weekdays} />
 {:else}
 	<div {...builder} use:builder.action {...$$restProps}>
-		<slot {builder} months={$months} weekdays={$weekdays} />
+		<slot {builder} {months} weekdays={$weekdays} />
 	</div>
 {/if}

package/dist/bits/date-range-picker/components/date-range-picker-calendar.svelte.d.ts

@@ -1,5 +1,7 @@
 import { SvelteComponent } from "svelte";
+import { type Month } from "@melt-ui/svelte";
 import type { CalendarProps } from "../types.js";
+import type { DateValue } from "@internationalized/date";
 declare const __propDef: {
     props: CalendarProps;
     events: {
@@ -19,7 +21,7 @@ declare const __propDef: {
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">;
             };
-            months: import("@melt-ui/svelte/index.js").Month<import("@internationalized/date").DateValue>[];
+            months: Month<DateValue>[];
             weekdays: string[];
         };
     };

package/dist/bits/date-range-picker/components/date-range-picker.svelte

@@ -23,6 +23,7 @@ export let fixedWeeks = void 0;
 export let calendarLabel = void 0;
 export let weekdayFormat = void 0;
 export let startValue = void 0;
+export let numberOfMonths = void 0;
 const {
   states: {
     value: localValue,
@@ -51,6 +52,7 @@ const {
   minValue,
   readonly,
   weekdayFormat,
+  numberOfMonths,
   isDateUnavailable,
   onValueChange: ({ next }) => {
     if (value !== next) {
@@ -211,6 +213,8 @@ $:
   updateOption("calendarLabel", calendarLabel);
 $:
   updateOption("weekdayFormat", weekdayFormat);
+$:
+  updateOption("numberOfMonths", numberOfMonths);
 </script>
 
 <slot

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

@@ -24,6 +24,7 @@ export let id = void 0;
 export let weekdayFormat = void 0;
 export let initialFocus = false;
 export let startValue = void 0;
+export let numberOfMonths = void 0;
 let el = void 0;
 onMount(() => {
   if (!initialFocus || !el)
@@ -35,7 +36,7 @@ const {
   states: {
     value: localValue,
     placeholder: localPlaceholder,
-    months,
+    months: localMonths,
     weekdays,
     startValue: localStartValue,
     endValue
@@ -58,6 +59,7 @@ const {
   fixedWeeks,
   calendarLabel,
   weekdayFormat,
+  numberOfMonths,
   onPlaceholderChange: ({ next }) => {
     if (placeholder !== next) {
       onPlaceholderChange?.(next);
@@ -109,18 +111,23 @@ $:
   updateOption("calendarLabel", calendarLabel);
 $:
   updateOption("weekdayFormat", weekdayFormat);
+$:
+  updateOption("numberOfMonths", numberOfMonths);
 const attrs = getAttrs("root");
 const dispatch = createDispatcher();
 $:
   builder = $calendar;
 $:
   Object.assign(builder, attrs);
+let months = $localMonths;
+$:
+  months = $localMonths;
 </script>
 
 {#if asChild}
 	<slot
 		{builder}
-		months={$months}
+		{months}
 		weekdays={$weekdays}
 		startValue={$localStartValue}
 		endValue={$endValue}
@@ -134,7 +141,7 @@ $:
 	>
 		<slot
 			{builder}
-			months={$months}
+			{months}
 			weekdays={$weekdays}
 			startValue={$localStartValue}
 			endValue={$endValue}

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

@@ -1,5 +1,7 @@
 import { SvelteComponent } from "svelte";
+import { type Month } from "@melt-ui/svelte";
 import type { Events, Props } from "../types.js";
+import type { DateValue } from "@internationalized/date";
 declare const __propDef: {
     props: Props;
     slots: {
@@ -16,10 +18,10 @@ declare const __propDef: {
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">;
             };
-            months: import("@melt-ui/svelte/index.js").Month<import("@internationalized/date").DateValue>[];
+            months: Month<DateValue>[];
             weekdays: string[];
-            startValue: import("@internationalized/date").DateValue | undefined;
-            endValue: import("@internationalized/date").DateValue | undefined;
+            startValue: DateValue | undefined;
+            endValue: DateValue | undefined;
         };
     };
     events: Events;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "0.11.4",
+  "version": "0.11.5",
   "license": "MIT",
   "repository": "github:huntabyte/bits-ui",
   "exports": {