bits-ui 0.11.1 → 0.11.3

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

@@ -6,18 +6,23 @@
 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 Props<T = unknown, Multiple extends boolean = false> = Expand<OmitFloating<Omit<CreateSelectProps, "selected" | "defaultSelected" | "onSelectedChange">> & {
+import type { Selected } from "../..";
+export type WhenTrue<TrueOrFalse, IfTrue, IfFalse, IfNeither = IfTrue | IfFalse> = [
+    TrueOrFalse
+] extends [true] ? IfTrue : [TrueOrFalse] extends [false] ? IfFalse : IfNeither;
+type SelectValue<T, Multiple extends boolean> = WhenTrue<Multiple, T[] | undefined, T | undefined>;
+type Props<T = unknown, Multiple extends boolean = false> = Expand<OmitFloating<Omit<CreateSelectProps, "selected" | "defaultSelected" | "onSelectedChange" | "multiple">> & {
     /**
      * The selected value of the select.
      * You can bind this to a value to programmatically control the selected value.
      *
      * @defaultValue undefined
      */
-    selected?: CreateSelectProps<T, Multiple>["defaultSelected"] & {};
+    selected?: SelectValue<Selected<T>, Multiple> | undefined;
     /**
      * A callback function called when the selected value changes.
      */
-    onSelectedChange?: OnChangeFn<CreateSelectProps<T, Multiple>["defaultSelected"]>;
+    onSelectedChange?: OnChangeFn<SelectValue<Selected<T>, Multiple>>;
     /**
      * The open state of the select menu.
      * You can bind this to a boolean value to programmatically control the open state.
@@ -30,9 +35,14 @@ type Props<T = unknown, Multiple extends boolean = false> = Expand<OmitFloating<
      */
     onOpenChange?: OnChangeFn<boolean>;
     /**
-     *
+     * Whether or not multiple values can be selected.
      */
     multiple?: Multiple;
+    /**
+     * Optionally provide an array of `Selected<T>` objects to
+     * type the `selected` and `onSelectedChange` props.
+     */
+    items?: Selected<T>[];
 }>;
 type GroupProps = AsChild;
 type InputProps = AsChild;

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

@@ -1,4 +1,6 @@
-<script>import { derived } from "svelte/store";
+<script context="module"></script>
+
+<script generics="T, Multiple extends boolean = false">import { derived } from "svelte/store";
 import { setCtx } from "../ctx.js";
 export let required = void 0;
 export let disabled = void 0;
@@ -29,7 +31,10 @@ const {
   name,
   multiple,
   forceVisible: true,
-  defaultSelected: Array.isArray(selected) ? [...selected] : selected,
+  defaultSelected: Array.isArray(selected) ? [...selected] : (
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    selected
+  ),
   defaultOpen: open,
   onSelectedChange: ({ next }) => {
     if (Array.isArray(next)) {
@@ -66,7 +71,10 @@ $:
   open !== void 0 && localOpen.set(open);
 $:
   selected !== void 0 && localSelected.set(
-    Array.isArray(selected) ? [...selected] : selected
+    Array.isArray(selected) ? [...selected] : (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      selected
+    )
   );
 $:
   updateOption("required", required);

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

@@ -1,7 +1,6 @@
 import { SvelteComponent } from "svelte";
-declare class __sveltets_Render<T extends unknown, Multiple extends boolean> {
-    props(): Omit<{
-        multiple?: (false & Multiple) | undefined;
+declare class __sveltets_Render<T, Multiple extends boolean = false> {
+    props(): {
         disabled?: boolean | undefined;
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
@@ -13,16 +12,12 @@ declare class __sveltets_Render<T extends unknown, Multiple extends boolean> {
         typeahead?: boolean | undefined;
         scrollAlignment?: "center" | "nearest" | undefined;
         highlightOnHover?: boolean | undefined;
-        selected?: (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;
-        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;
+        selected?: import("../_types.js").WhenTrue<Multiple, import("../../../index.js").Selected<T>[] | undefined, import("../../../index.js").Selected<T> | undefined, import("../../../index.js").Selected<T> | import("../../../index.js").Selected<T>[] | undefined> | undefined;
+        onSelectedChange?: import("../../../internal/types.js").OnChangeFn<import("../_types.js").WhenTrue<Multiple, import("../../../index.js").Selected<T>[] | undefined, import("../../../index.js").Selected<T> | undefined, import("../../../index.js").Selected<T> | import("../../../index.js").Selected<T>[] | undefined>> | undefined;
         open?: boolean | undefined;
         onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
-    }, "multiple"> & {
-        items?: {
-            value: T;
-            label?: string | undefined;
-        }[] | undefined;
         multiple?: Multiple | undefined;
+        items?: import("../../../index.js").Selected<T>[] | undefined;
     };
     events(): {} & {
         [evt: string]: CustomEvent<any>;
@@ -37,9 +32,9 @@ declare class __sveltets_Render<T extends unknown, Multiple extends boolean> {
         };
     };
 }
-export type SelectProps<T extends unknown, Multiple extends boolean> = ReturnType<__sveltets_Render<T, Multiple>['props']>;
-export type SelectEvents<T extends unknown, Multiple extends boolean> = ReturnType<__sveltets_Render<T, Multiple>['events']>;
-export type SelectSlots<T extends unknown, Multiple extends boolean> = ReturnType<__sveltets_Render<T, Multiple>['slots']>;
-export default class Select<T extends unknown, Multiple extends boolean> extends SvelteComponent<SelectProps<T, Multiple>, SelectEvents<T, Multiple>, SelectSlots<T, Multiple>> {
+export type SelectProps<T, Multiple extends boolean = false> = ReturnType<__sveltets_Render<T, Multiple>['props']>;
+export type SelectEvents<T, Multiple extends boolean = false> = ReturnType<__sveltets_Render<T, Multiple>['events']>;
+export type SelectSlots<T, Multiple extends boolean = false> = ReturnType<__sveltets_Render<T, Multiple>['slots']>;
+export default class Select<T, Multiple extends boolean = false> extends SvelteComponent<SelectProps<T, Multiple>, SelectEvents<T, Multiple>, SelectSlots<T, Multiple>> {
 }
 export {};

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

@@ -2,7 +2,7 @@ import type { HTMLDivAttributes, Transition } from "../../internal/index.js";
 import type { EventHandler, HTMLAttributes, HTMLButtonAttributes, HTMLInputAttributes } from "svelte/elements";
 import type { CustomEventHandler } from "../../index.js";
 import type * as I from "./_types.js";
-type Props<T = unknown, Multiple extends boolean = false> = I.Props<T, Multiple>;
+type Props<T, Multiple extends boolean = false> = I.Props<T, Multiple>;
 type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = I.ContentProps<T, In, Out> & HTMLDivAttributes;
 type GroupProps = I.GroupProps & HTMLDivAttributes;
 type InputProps = I.InputProps & HTMLInputAttributes;

package/package.json

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