bits-ui 0.11.0 → 0.11.2

package/dist/bits/date-range-picker/_types.d.ts

@@ -49,6 +49,23 @@ type Props = Expand<WithOmission<CreateDateRangePickerProps> & {
      * This is used to apply the appropriate `aria-describedby` attribute to the input.
      */
     descriptionId?: string;
+    /**
+     * The `start` value of the date range, which can exist prior
+     * to the `value` being set. The `value` is only set once a `start`
+     * and `end` value are selected.
+     *
+     * You can `bind:startValue` to a value to receive updates outside
+     * this component when the user selects a `start` value.
+     *
+     * Modifying this value outside the component will have no effect.
+     * To programmatically control the `start` value, use `bind:value`
+     * and update the `start` property of the `DateRange` object.
+     *
+     * This is provided as a convenience for use cases where you want
+     * to display the selected `start` value outside the component before
+     * the `value` is set.
+     */
+    startValue?: DateValue | undefined;
 } & AsChild>;
 type InputProps = AsChild;
 type DescriptionProps = AsChild;

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

@@ -33,6 +33,7 @@ declare const __propDef: {
         onPlaceholderChange?: import("../../../internal/types.js").OnChangeFn<import("@internationalized/date").DateValue> | undefined;
         validationId?: string | undefined;
         descriptionId?: string | undefined;
+        startValue?: import("@internationalized/date").DateValue | undefined;
         asChild?: boolean | undefined;
     };
     events: {

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

@@ -22,12 +22,13 @@ export let isDateDisabled = void 0;
 export let fixedWeeks = void 0;
 export let calendarLabel = void 0;
 export let weekdayFormat = void 0;
+export let startValue = void 0;
 const {
   states: {
     value: localValue,
     placeholder: localPlaceholder,
     isInvalid: localIsInvalid,
-    startValue,
+    startValue: localStartValue,
     endValue
   },
   updateOption,
@@ -172,6 +173,8 @@ $:
   if (descriptionId) {
     ids.rangeField.field.description.set(descriptionId);
   }
+$:
+  startValue = $localStartValue;
 $:
   value !== void 0 && localValue.set(value);
 $:
@@ -212,7 +215,7 @@ $:
   slotProps = {
     isInvalid: $localIsInvalid,
     ids: $idValues,
-    startValue: $startValue,
+    startValue: $localStartValue,
     endValue: $endValue
   };
 </script>

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

@@ -33,6 +33,7 @@ declare const __propDef: {
         onPlaceholderChange?: import("../../../internal/types.js").OnChangeFn<import("@internationalized/date").DateValue> | undefined;
         validationId?: string | undefined;
         descriptionId?: string | undefined;
+        startValue?: import("@internationalized/date").DateValue | undefined;
         asChild?: boolean | undefined;
     };
     events: {

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

@@ -41,6 +41,23 @@ type Props = Expand<Omit<CreateRangeCalendarProps, "placeholder" | "defaultPlace
      * @default false
      */
     initialFocus?: boolean;
+    /**
+     * The `start` value of the date range, which can exist prior
+     * to the `value` being set. The `value` is only set once a `start`
+     * and `end` value are selected.
+     *
+     * You can `bind:startValue` to a value to receive updates outside
+     * this component when the user selects a `start` value.
+     *
+     * Modifying this value outside the component will have no effect.
+     * To programmatically control the `start` value, use `bind:value`
+     * and update the `start` property of the `DateRange` object.
+     *
+     * This is provided as a convenience for use cases where you want
+     * to display the selected `start` value outside the component before
+     * the `value` is set.
+     */
+    startValue?: DateValue | undefined;
 } & AsChild>;
 type PrevButtonProps = AsChild;
 type NextButtonProps = AsChild;

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

@@ -23,6 +23,7 @@ export let asChild = false;
 export let id = void 0;
 export let weekdayFormat = void 0;
 export let initialFocus = false;
+export let startValue = void 0;
 let el = void 0;
 onMount(() => {
   if (!initialFocus || !el)
@@ -36,7 +37,7 @@ const {
     placeholder: localPlaceholder,
     months,
     weekdays,
-    startValue,
+    startValue: localStartValue,
     endValue
   },
   updateOption,
@@ -76,6 +77,8 @@ $:
   if (id) {
     ids.calendar.set(id);
   }
+$:
+  startValue = $localStartValue;
 $:
   value !== void 0 && localValue.set(value);
 $:
@@ -117,7 +120,7 @@ $:
     builder,
     months: $months,
     weekdays: $weekdays,
-    startValue: $startValue,
+    startValue: $localStartValue,
     endValue: $endValue
   };
 </script>

package/dist/bits/select/_types.d.ts

@@ -6,6 +6,10 @@
 import type { CreateSelectProps, SelectOptionProps } from "@melt-ui/svelte";
 import type { AsChild, Expand, OmitFloating, OnChangeFn } from "../../internal/index.js";
 import type { ContentProps, ArrowProps } from "../floating/_types.js";
+type Items<T> = {
+    value: T;
+    label?: string;
+}[];
 type Props<T = unknown, Multiple extends boolean = false> = Expand<OmitFloating<Omit<CreateSelectProps, "selected" | "defaultSelected" | "onSelectedChange">> & {
     /**
      * The selected value of the select.
@@ -30,9 +34,14 @@ type Props<T = unknown, Multiple extends boolean = false> = Expand<OmitFloating<
      */
     onOpenChange?: OnChangeFn<boolean>;
     /**
-     *
+     * Whether or not multiple values can be selected.
      */
     multiple?: Multiple;
+    /**
+     * Optional array of items to add type-safety to the
+     * `onSelectedChange` callback and `selected` prop.
+     */
+    items?: Items<T>;
 }>;
 type GroupProps = AsChild;
 type InputProps = AsChild;

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

@@ -17,6 +17,10 @@ declare class __sveltets_Render<T extends unknown, Multiple extends boolean> {
         onSelectedChange?: import("../../../internal/types.js").OnChangeFn<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined> | undefined;
         open?: boolean | undefined;
         onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
+        items?: {
+            value: T;
+            label?: string | undefined;
+        }[] | undefined;
     }, "multiple"> & {
         items?: {
             value: T;

package/package.json

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