bits-ui 2.11.3 → 2.11.5

package/dist/bits/pin-input/pin-input.svelte.js

@@ -425,6 +425,7 @@ function safeInsertRule(sheet, rule) {
         sheet.insertRule(rule);
     }
     catch {
+        // oxlint-disable-next-line no-console
         console.error("pin input could not insert CSS rule:", rule);
     }
 }

package/dist/bits/select/components/select-hidden-input.svelte

@@ -5,7 +5,7 @@
 	import HiddenInput from "../../utilities/hidden-input.svelte";
 
 	let {
-		value = $bindable(""),
+		value = $bindable(),
 		autocomplete,
 	}: { value?: string } & Omit<HTMLInputAttributes, "value"> = $props();
 

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

@@ -304,7 +304,7 @@ export declare class SelectGroupHeadingState {
     };
 }
 interface SelectHiddenInputStateOpts extends ReadableBoxedValues<{
-    value: string;
+    value: string | undefined;
 }> {
 }
 export declare class SelectHiddenInputState {
@@ -318,7 +318,7 @@ export declare class SelectHiddenInputState {
         readonly disabled: true | undefined;
         readonly required: true | undefined;
         readonly name: string;
-        readonly value: string;
+        readonly value: string | undefined;
         readonly onfocus: (e: BitsFocusEvent) => void;
     };
 }

package/dist/bits/select/select.svelte.js

@@ -132,8 +132,8 @@ export class SelectSingleRootState extends SelectBaseRootState {
     currentLabel = $derived.by(() => {
         if (!this.opts.items.current.length)
             return "";
-        const match = this.opts.items.current.find((item) => item.value === this.opts.value.current)?.label;
-        return match ?? "";
+        return (this.opts.items.current.find((item) => item.value === this.opts.value.current)?.label ??
+            "");
     });
     candidateLabels = $derived.by(() => {
         if (!this.opts.items.current.length)
@@ -166,8 +166,11 @@ export class SelectSingleRootState extends SelectBaseRootState {
         return this.opts.value.current === itemValue;
     }
     toggleItem(itemValue, itemLabel = itemValue) {
-        this.opts.value.current = this.includesItem(itemValue) ? "" : itemValue;
-        this.opts.inputValue.current = itemLabel;
+        const newValue = this.includesItem(itemValue) ? "" : itemValue;
+        this.opts.value.current = newValue;
+        if (newValue !== "") {
+            this.opts.inputValue.current = itemLabel;
+        }
     }
     setInitialHighlightedNode() {
         afterTick(() => {
@@ -836,7 +839,6 @@ export class SelectItemState {
     onpointerup(e) {
         if (e.defaultPrevented || !this.opts.ref.current)
             return;
-        // prevent any default behavior
         /**
          * For one reason or another, when it's a touch pointer and _not_ on IOS,
          * we need to listen for the immediate click event to handle the selection,
@@ -1083,6 +1085,19 @@ export class SelectScrollDownButtonState {
             this.handleScroll(true);
             return on(this.content.viewportNode, "scroll", () => this.handleScroll());
         });
+        /**
+         * If the input value changes, this means that the filtered items may have changed,
+         * so we need to re-evaluate the scroll-ability of the list.
+         */
+        watch([
+            () => this.root.opts.inputValue.current,
+            () => this.content.viewportNode,
+            () => this.content.isPositioned,
+        ], () => {
+            if (!this.content.viewportNode || !this.content.isPositioned)
+                return;
+            this.handleScroll(true);
+        });
         watch(() => this.scrollButtonState.mounted, () => {
             if (!this.scrollButtonState.mounted)
                 return;

package/dist/internal/warn.js

@@ -10,5 +10,6 @@ export function warn(...messages) {
     if (set.has(msg))
         return;
     set.add(msg);
+    // oxlint-disable-next-line no-console
     console.warn(`[Bits UI]: ${msg}`);
 }

package/package.json

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