bits-ui 1.0.0-next.37 → 1.0.0-next.39

package/dist/bits/menu/components/menu-checkbox-item.svelte

@@ -15,6 +15,7 @@
 		disabled = false,
 		onSelect = noop,
 		controlledChecked = false,
+		closeOnSelect = true,
 		...restProps
 	}: MenuCheckboxItemProps = $props();
 
@@ -37,6 +38,7 @@
 			() => ref,
 			(v) => (ref = v)
 		),
+		closeOnSelect: box.with(() => closeOnSelect),
 	});
 
 	function handleSelect(e: Event) {

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

@@ -12,6 +12,7 @@
 		id = useId(),
 		disabled = false,
 		onSelect = noop,
+		closeOnSelect = true,
 		...restProps
 	}: MenuItemProps = $props();
 
@@ -23,6 +24,7 @@
 			() => ref,
 			(v) => (ref = v)
 		),
+		closeOnSelect: box.with(() => closeOnSelect),
 	});
 
 	const mergedProps = $derived(mergeProps(restProps, itemState.props));

package/dist/bits/menu/components/menu-radio-item.svelte

@@ -13,6 +13,7 @@
 		onSelect = noop,
 		id = useId(),
 		disabled = false,
+		closeOnSelect = true,
 		...restProps
 	}: MenuRadioItemProps = $props();
 
@@ -25,6 +26,7 @@
 			() => ref,
 			(v) => (ref = v)
 		),
+		closeOnSelect: box.with(() => closeOnSelect),
 	});
 
 	function handleSelect(e: Event) {

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

@@ -110,6 +110,7 @@ declare class MenuItemSharedState {
 }
 type MenuItemStateProps = ReadableBoxedValues<{
     onSelect: AnyFn;
+    closeOnSelect: boolean;
 }>;
 declare class MenuItemState {
     #private;
@@ -257,6 +258,7 @@ declare class MenuRadioGroupState {
 type MenuRadioItemStateProps = ReadableBoxedValues<{
     value: string;
     id: string;
+    closeOnSelect: boolean;
 }> & WritableBoxedValues<{
     ref: HTMLElement | null;
 }>;

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

@@ -338,12 +338,14 @@ class MenuItemSharedState {
 class MenuItemState {
     #item;
     #onSelect;
+    #closeOnSelect;
     #isPointerDown = $state(false);
     root;
     constructor(props, item) {
         this.#item = item;
         this.root = item.content.parentMenu.root;
         this.#onSelect = props.onSelect;
+        this.#closeOnSelect = props.closeOnSelect;
     }
     #onkeydown = (e) => {
         const isTypingAhead = this.#item.content.search !== "";
@@ -370,8 +372,9 @@ class MenuItemState {
         await tick();
         if (selectEvent.defaultPrevented) {
             this.#item.content.parentMenu.root.isUsingKeyboard.current = false;
+            return;
         }
-        else {
+        if (this.#closeOnSelect.current) {
             this.#item.content.parentMenu.root.onClose();
         }
     };
@@ -633,6 +636,7 @@ class MenuRadioGroupState {
 class MenuRadioItemState {
     #id;
     #ref;
+    #closeOnSelect;
     #item;
     #value;
     #group;
@@ -643,6 +647,7 @@ class MenuRadioItemState {
         this.#ref = props.ref;
         this.#group = group;
         this.#value = props.value;
+        this.#closeOnSelect = props.closeOnSelect;
         useRefById({
             id: this.#id,
             ref: this.#ref,

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

@@ -72,6 +72,11 @@ export type MenuItemPropsWithoutHTML<U extends Record<PropertyKey, unknown> = {
      * Prevent default behavior of selection with `event.preventDefault()`.
      */
     onSelect?: (event: Event) => void;
+    /**
+     * Whether or not the menu item should close when selected.
+     * @defaultValue true
+     */
+    closeOnSelect?: boolean;
 }, U>;
 export type MenuItemProps = MenuItemPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, MenuItemPropsWithoutHTML>;
 export type MenuCheckboxItemSnippetProps = {
@@ -97,6 +102,12 @@ export type MenuCheckboxItemPropsWithoutHTML = MenuItemPropsWithoutHTML<MenuChec
      * @defaultValue false
      */
     controlledChecked?: boolean;
+    /**
+     * Whether or not the menu item should close when selected.
+     *
+     * @defaultValue true
+     */
+    closeOnSelect?: boolean;
 };
 export type MenuCheckboxItemProps = MenuCheckboxItemPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, MenuCheckboxItemPropsWithoutHTML>;
 export type MenuTriggerPropsWithoutHTML = WithChild<{
@@ -170,6 +181,11 @@ export type MenuRadioItemPropsWithoutHTML = MenuItemPropsWithoutHTML<MenuRadioIt
      * The value of the radio item.
      */
     value: string;
+    /**
+     * Whether or not the menu item should close when selected.
+     * @defaultValue true
+     */
+    closeOnSelect?: boolean;
 };
 export type MenuRadioItemProps = MenuRadioItemPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, MenuRadioItemPropsWithoutHTML>;
 export type MenuPortalPropsWithoutHTML = PortalProps;

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

@@ -261,6 +261,7 @@ declare class SelectItemState {
     props: {
         readonly [x: string]: string | ((e: PointerEvent) => void) | undefined;
         readonly id: string;
+        readonly role: "option";
         readonly "aria-selected": "true" | undefined;
         readonly "data-value": string;
         readonly "data-disabled": "" | undefined;

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

@@ -767,6 +767,7 @@ class SelectItemState {
     };
     props = $derived.by(() => ({
         id: this.#id.current,
+        role: "option",
         "aria-selected": this.root.includesItem(this.value.current) ? "true" : undefined,
         "data-value": this.value.current,
         "data-disabled": getDataDisabled(this.disabled.current),

package/package.json

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