bits-ui 1.0.0-next.52 → 1.0.0-next.54

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

@@ -26,6 +26,7 @@ declare class PopoverTriggerState {
         readonly "data-state": "open" | "closed";
         readonly "aria-controls": string | undefined;
         readonly "data-popover-trigger": "";
+        readonly disabled: boolean;
         readonly onpointerdown: (e: PointerEvent) => void;
         readonly onkeydown: (e: KeyboardEvent) => void;
         readonly onpointerup: (e: PointerEvent) => void;

package/dist/bits/popover/popover.svelte.js

@@ -73,6 +73,7 @@ class PopoverTriggerState {
         "data-state": getDataOpenClosed(this.#root.open.current),
         "aria-controls": this.#getAriaControls(),
         "data-popover-trigger": "",
+        disabled: this.#disabled.current,
         //
         onpointerdown: this.#onpointerdown,
         onkeydown: this.#onkeydown,

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

@@ -4,6 +4,7 @@
 	import type { SelectItemProps } from "../types.js";
 	import { useId } from "../../../internal/use-id.js";
 	import { noop } from "../../../internal/noop.js";
+	import Mounted from "../../utilities/mounted.svelte";
 
 	let {
 		id = useId(),
@@ -41,3 +42,9 @@
 		{@render children?.(itemState.snippetProps)}
 	</div>
 {/if}
+
+<Mounted
+	onMountedChange={(m) => {
+		itemState.mounted = m;
+	}}
+/>

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

@@ -65,7 +65,6 @@ type SelectSingleRootStateProps = SelectBaseRootStateProps & WritableBoxedValues
     value: string;
 }>;
 declare class SelectSingleRootState extends SelectBaseRootState {
-    #private;
     value: SelectSingleRootStateProps["value"];
     isMulti: false;
     hasValue: boolean;
@@ -75,18 +74,19 @@ declare class SelectSingleRootState extends SelectBaseRootState {
     constructor(props: SelectSingleRootStateProps);
     includesItem: (itemValue: string) => boolean;
     toggleItem: (itemValue: string, itemLabel?: string) => void;
+    setInitialHighlightedNode: () => void;
 }
 type SelectMultipleRootStateProps = SelectBaseRootStateProps & WritableBoxedValues<{
     value: string[];
 }>;
 declare class SelectMultipleRootState extends SelectBaseRootState {
-    #private;
     value: SelectMultipleRootStateProps["value"];
     isMulti: true;
     hasValue: boolean;
     constructor(props: SelectMultipleRootStateProps);
     includesItem: (itemValue: string) => boolean;
     toggleItem: (itemValue: string, itemLabel?: string) => void;
+    setInitialHighlightedNode: () => void;
 }
 type SelectRootState = SelectSingleRootState | SelectMultipleRootState;
 type SelectInputStateProps = WithRefProps;
@@ -252,6 +252,7 @@ declare class SelectItemState {
     isHighlighted: boolean;
     prevHighlighted: Previous<boolean>;
     textId: string;
+    mounted: boolean;
     constructor(props: SelectItemStateProps, root: SelectRootState);
     snippetProps: {
         selected: boolean;

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

@@ -146,7 +146,7 @@ class SelectSingleRootState extends SelectBaseRootState {
             if (!this.open.current)
                 return;
             afterTick(() => {
-                this.#setInitialHighlightedNode();
+                this.setInitialHighlightedNode();
             });
         });
     }
@@ -157,8 +157,8 @@ class SelectSingleRootState extends SelectBaseRootState {
         this.value.current = this.includesItem(itemValue) ? "" : itemValue;
         this.inputValue = itemLabel;
     };
-    #setInitialHighlightedNode = () => {
-        if (this.highlightedNode)
+    setInitialHighlightedNode = () => {
+        if (this.highlightedNode && document.contains(this.highlightedNode))
             return;
         if (this.value.current !== "") {
             const node = this.getNodeByValue(this.value.current);
@@ -186,7 +186,7 @@ class SelectMultipleRootState extends SelectBaseRootState {
                 return;
             afterTick(() => {
                 if (!this.highlightedNode) {
-                    this.#setInitialHighlightedNode();
+                    this.setInitialHighlightedNode();
                 }
             });
         });
@@ -203,7 +203,7 @@ class SelectMultipleRootState extends SelectBaseRootState {
         }
         this.inputValue = itemLabel;
     };
-    #setInitialHighlightedNode = () => {
+    setInitialHighlightedNode = () => {
         if (this.highlightedNode)
             return;
         if (this.value.current.length && this.value.current[0] !== "") {
@@ -702,6 +702,7 @@ class SelectItemState {
     isHighlighted = $derived.by(() => this.root.highlightedValue === this.value.current);
     prevHighlighted = new Previous(() => this.isHighlighted);
     textId = $state("");
+    mounted = $state(false);
     constructor(props, root) {
         this.root = root;
         this.value = props.value;
@@ -723,6 +724,11 @@ class SelectItemState {
             id: this.#id,
             ref: this.#ref,
         });
+        $effect(() => {
+            if (!this.mounted)
+                return;
+            this.root.setInitialHighlightedNode();
+        });
     }
     snippetProps = $derived.by(() => ({
         selected: this.isSelected,

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

@@ -69,6 +69,7 @@ declare class TooltipTriggerState {
         "data-delay-duration": string;
         "data-tooltip-trigger": string;
         tabindex: number | undefined;
+        disabled: boolean;
         onpointerup: () => void;
         onpointerdown: () => void;
         onpointermove: (e: PointerEvent) => void;

package/dist/bits/tooltip/tooltip.svelte.js

@@ -207,6 +207,7 @@ class TooltipTriggerState {
         "data-delay-duration": `${this.#root.delayDuration}`,
         [TRIGGER_ATTR]: "",
         tabindex: this.#isDisabled ? undefined : 0,
+        disabled: this.#disabled.current,
         onpointerup: this.#onpointerup,
         onpointerdown: this.#onpointerdown,
         onpointermove: this.#onpointermove,

package/package.json

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