bits-ui 1.3.7 → 1.3.8

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

@@ -16,7 +16,7 @@ type AvatarImageSrc = string | null | undefined;
 declare class AvatarRootState {
     readonly opts: AvatarRootStateProps;
     constructor(opts: AvatarRootStateProps);
-    loadImage(src: string, crossorigin?: CrossOrigin, referrerPolicy?: ReferrerPolicy): () => void;
+    loadImage(src: string, crossorigin?: CrossOrigin, referrerPolicy?: ReferrerPolicy): (() => void) | undefined;
     props: {
         readonly id: string;
         readonly "data-avatar-root": "";

package/dist/bits/avatar/avatar.svelte.js

@@ -12,6 +12,8 @@ class AvatarRootState {
         useRefById(opts);
     }
     loadImage(src, crossorigin, referrerPolicy) {
+        if (this.opts.loadingStatus.current === "loaded")
+            return;
         let imageTimerId;
         const image = new Image();
         image.src = src;

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

@@ -12,6 +12,12 @@ export type AvatarRootPropsWithoutHTML = WithChild<{
     delayMs?: number;
     /**
      * The loading status of the image.
+     *
+     * If you are confident that the image exists and will load successfully, you can
+     * set this to `"loaded"` to skip the loading process (which shows the fallback)
+     * and immediately show the image.
+     *
+     * @default "loading"
      */
     loadingStatus?: AvatarImageLoadingStatus;
     /**

package/dist/bits/menu/menu.svelte.js

@@ -157,8 +157,9 @@ class MenuContentState {
             rootMenu = rootMenu.parentMenu;
         }
         // if for some unforeseen reason the root menu has no trigger, we bail
-        if (!rootMenu.triggerNode)
+        if (!rootMenu.triggerNode) {
             return;
+        }
         // cancel default tab behavior
         e.preventDefault();
         // find the next/previous tabbable
@@ -172,9 +173,11 @@ class MenuContentState {
              */
             this.parentMenu.root.ignoreCloseAutoFocus = true;
             rootMenu.onClose();
-            nodeToFocus.focus();
             afterTick(() => {
-                this.parentMenu.root.ignoreCloseAutoFocus = false;
+                nodeToFocus.focus();
+                afterTick(() => {
+                    this.parentMenu.root.ignoreCloseAutoFocus = false;
+                });
             });
         }
         else {

package/dist/bits/menubar/components/menubar-trigger.svelte

@@ -24,14 +24,7 @@
 		),
 	});
 
-	useMenuDropdownTrigger({
-		id: box.with(() => id),
-		disabled: box.with(() => disabled ?? false),
-		ref: box.with(
-			() => ref,
-			(v) => (ref = v)
-		),
-	});
+	useMenuDropdownTrigger(triggerState.opts);
 
 	const mergedProps = $derived(mergeProps(restProps, triggerState.props));
 </script>

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

@@ -100,7 +100,6 @@ declare class MenubarContentState {
     readonly opts: MenubarContentStateProps;
     readonly menu: MenubarMenuState;
     root: MenubarRootState;
-    hasInteractedOutside: boolean;
     focusScopeContext: FocusScopeContextValue;
     constructor(opts: MenubarContentStateProps, menu: MenubarMenuState);
     onCloseAutoFocus: (e: Event) => void;

package/dist/bits/menubar/menubar.svelte.js

@@ -195,7 +195,6 @@ class MenubarContentState {
     opts;
     menu;
     root;
-    hasInteractedOutside = $state(false);
     focusScopeContext;
     constructor(opts, menu) {
         this.opts = opts;
@@ -215,8 +214,6 @@ class MenubarContentState {
         this.opts.onCloseAutoFocus.current(e);
         if (e.defaultPrevented)
             return;
-        this.hasInteractedOutside = false;
-        e.preventDefault();
     };
     onFocusOutside = (e) => {
         const target = e.target;
@@ -228,7 +225,6 @@ class MenubarContentState {
         this.opts.onFocusOutside.current(e);
     };
     onInteractOutside = (e) => {
-        this.hasInteractedOutside = true;
         this.opts.onInteractOutside.current(e);
     };
     onOpenAutoFocus = (e) => {

package/package.json

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