bits-ui 0.6.3 → 0.8.0

package/dist/bits/alert-dialog/components/AlertDialog.svelte.d.ts

@@ -6,8 +6,10 @@ declare const __propDef: {
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
         portal?: string | HTMLElement | null | undefined;
+        openFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
+        closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         open?: boolean | undefined;
-        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean | undefined> | undefined;
+        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/bits/alert-dialog/ctx.d.ts

@@ -76,6 +76,8 @@ declare function set(props: SetProps): {
         onOpenChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
         portal: import("svelte/store").Writable<string | HTMLElement | null>;
         forceVisible: import("svelte/store").Writable<boolean>;
+        openFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
+        closeFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
     };
 };
 declare function get(): GetReturn;

package/dist/bits/alert-dialog/types.d.ts

@@ -3,8 +3,8 @@ import type { HTMLButtonAttributes } from "svelte/elements";
 import type { CreateDialogProps } from "@melt-ui/svelte";
 import type { CustomEventHandler } from "../../index.js";
 type Props = Expand<OmitOpen<Omit<CreateDialogProps, "role">> & {
-    open?: CreateDialogProps["defaultOpen"] & {};
-    onOpenChange?: OnChangeFn<CreateDialogProps["defaultOpen"]>;
+    open?: boolean;
+    onOpenChange?: OnChangeFn<boolean>;
 }>;
 type TriggerProps = AsChild & HTMLButtonAttributes;
 type ActionProps = TriggerProps;

package/dist/bits/checkbox/components/Checkbox.svelte.d.ts

@@ -7,7 +7,7 @@ declare const __propDef: {
         name?: string | undefined;
         required?: boolean | undefined;
         checked?: boolean | "indeterminate" | undefined;
-        onCheckedChange?: import("../../../internal/types.js").OnChangeFn<boolean | "indeterminate" | undefined> | undefined;
+        onCheckedChange?: import("../../../internal/types.js").OnChangeFn<boolean | "indeterminate"> | undefined;
         asChild?: boolean | undefined;
         form?: string | null | undefined;
         formaction?: string | null | undefined;

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

@@ -3,8 +3,8 @@ import type { CustomEventHandler } from "../../index.js";
 import type { CreateCheckboxProps } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes, HTMLInputAttributes } from "svelte/elements";
 type Props = Expand<OmitChecked<CreateCheckboxProps> & {
-    checked?: CreateCheckboxProps["defaultChecked"] & {};
-    onCheckedChange?: OnChangeFn<CreateCheckboxProps["defaultChecked"]>;
+    checked?: boolean | "indeterminate";
+    onCheckedChange?: OnChangeFn<boolean | "indeterminate">;
 } & AsChild> & HTMLButtonAttributes;
 type IndicatorProps = HTMLDivAttributes;
 type InputProps = Omit<HTMLInputAttributes, "value">;

package/dist/bits/collapsible/components/Collapsible.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
         forceVisible?: boolean | undefined;
         disabled?: boolean | undefined;
         open?: boolean | undefined;
-        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean | undefined> | undefined;
+        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
         asChild?: boolean | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;

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

@@ -3,8 +3,8 @@ import type { CustomEventHandler } from "../../index.js";
 import type { CreateCollapsibleProps } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes } from "svelte/elements";
 type Props = Expand<OmitOpen<CreateCollapsibleProps> & {
-    open?: CreateCollapsibleProps["defaultOpen"] & {};
-    onOpenChange?: OnChangeFn<CreateCollapsibleProps["defaultOpen"]> & {};
+    open?: boolean;
+    onOpenChange?: OnChangeFn<boolean>;
 }> & AsChild & HTMLDivAttributes;
 type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
 type TriggerProps = AsChild & HTMLButtonAttributes;

package/dist/bits/context-menu/components/ContextMenu.svelte

@@ -10,6 +10,9 @@ export let arrowSize = void 0;
 export let positioning = void 0;
 export let loop = void 0;
 export let dir = void 0;
+export let typeahead = void 0;
+export let closeFocus = void 0;
+export let disableFocusFirstItem = void 0;
 const {
   states: { open: localOpen },
   updateOption
@@ -24,6 +27,9 @@ const {
   positioning,
   loop,
   dir,
+  typeahead,
+  disableFocusFirstItem,
+  closeFocus,
   onOpenChange: ({ next }) => {
     if (open !== next) {
       onOpenChange?.(next);
@@ -52,6 +58,12 @@ $:
   updateOption("loop", loop);
 $:
   updateOption("dir", dir);
+$:
+  updateOption("closeFocus", closeFocus);
+$:
+  updateOption("disableFocusFirstItem", disableFocusFirstItem);
+$:
+  updateOption("typeahead", typeahead);
 </script>
 
 <slot />

package/dist/bits/context-menu/components/ContextMenu.svelte.d.ts

@@ -6,13 +6,15 @@ declare const __propDef: {
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
         portal?: string | HTMLElement | null | undefined;
+        closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         dir?: import("@melt-ui/svelte/internal/types").TextDirection | undefined;
         positioning?: import("@melt-ui/svelte/internal/actions").FloatingConfig | undefined;
         arrowSize?: number | undefined;
         loop?: boolean | undefined;
         typeahead?: boolean | undefined;
+        disableFocusFirstItem?: boolean | undefined;
         open?: boolean | undefined;
-        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean | undefined> | undefined;
+        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/bits/context-menu/components/ContextMenuCheckboxItem.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
         checked?: boolean | "indeterminate" | undefined;
-        onCheckedChange?: import("../../../internal/types.js").OnChangeFn<boolean | "indeterminate" | undefined> | undefined;
+        onCheckedChange?: import("../../../internal/types.js").OnChangeFn<boolean | "indeterminate"> | undefined;
         asChild?: boolean | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;

package/dist/bits/context-menu/ctx.d.ts

@@ -197,6 +197,8 @@ declare function set(props: CreateContextMenuProps): {
         onOpenChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
         forceVisible: import("svelte/store").Writable<boolean>;
         typeahead: import("svelte/store").Writable<boolean>;
+        closeFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
+        disableFocusFirstItem: import("svelte/store").Writable<boolean>;
     };
 };
 declare function get(): ContextMenuReturn;

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

@@ -2,12 +2,12 @@ import type { AsChild, Expand, HTMLDivAttributes, OmitChecked, OmitOpen, OmitVal
 import type { CustomEventHandler } from "../..";
 import type { CreateContextMenuProps, CreateContextMenuCheckboxItemProps, CreateContextMenuRadioGroupProps, ContextMenuRadioItemProps, CreateContextSubmenuProps } from "@melt-ui/svelte";
 type Props = Expand<OmitOpen<CreateContextMenuProps> & {
-    open?: CreateContextMenuProps["defaultOpen"] & {};
-    onOpenChange?: OnChangeFn<CreateContextMenuProps["defaultOpen"]>;
+    open?: boolean;
+    onOpenChange?: OnChangeFn<boolean>;
 }>;
 type CheckboxItemProps = Expand<OmitChecked<CreateContextMenuCheckboxItemProps> & {
-    checked?: CreateContextMenuCheckboxItemProps["defaultChecked"] & {};
-    onCheckedChange?: OnChangeFn<CreateContextMenuCheckboxItemProps["defaultChecked"]>;
+    checked?: boolean | "indeterminate";
+    onCheckedChange?: OnChangeFn<boolean | "indeterminate">;
 } & AsChild> & HTMLDivAttributes;
 type RadioGroupProps = Expand<OmitValue<CreateContextMenuRadioGroupProps> & {
     value?: CreateContextMenuRadioGroupProps["defaultValue"] & {};

package/dist/bits/dialog/components/Dialog.svelte

@@ -9,6 +9,8 @@ export let portal = void 0;
 export let forceVisible = true;
 export let open = void 0;
 export let onOpenChange = void 0;
+export let openFocus = void 0;
+export let closeFocus = void 0;
 const transitionTimes = writable({});
 const tOpen = writable(open);
 let timeout = 0;
@@ -24,6 +26,8 @@ const {
   defaultOpen: open,
   transitionTimes,
   tOpen,
+  openFocus,
+  closeFocus,
   onOpenChange: ({ next }) => {
     if (!isBrowser) {
       return next;
@@ -69,6 +73,10 @@ $:
   updateOption("portal", portal);
 $:
   updateOption("forceVisible", forceVisible);
+$:
+  updateOption("openFocus", openFocus);
+$:
+  updateOption("closeFocus", closeFocus);
 </script>
 
 <slot />

package/dist/bits/dialog/components/Dialog.svelte.d.ts

@@ -6,8 +6,10 @@ declare const __propDef: {
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
         portal?: string | HTMLElement | null | undefined;
+        openFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
+        closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         open?: boolean | undefined;
-        onOpenChange?: import("../../../internal/index.js").OnChangeFn<boolean | undefined> | undefined;
+        onOpenChange?: import("../../../internal/index.js").OnChangeFn<boolean> | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/bits/dialog/ctx.d.ts

@@ -80,6 +80,8 @@ declare function set(props: SetProps): {
         onOpenChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
         portal: import("svelte/store").Writable<string | HTMLElement | null>;
         forceVisible: import("svelte/store").Writable<boolean>;
+        openFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
+        closeFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
     };
 };
 declare function get(): GetReturn;

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

@@ -4,7 +4,7 @@ import type { CreateDialogProps } from "@melt-ui/svelte";
 import type { CustomEventHandler } from "../../index.js";
 type Props = Expand<OmitOpen<Omit<CreateDialogProps, "role">> & {
     open?: CreateDialogProps["defaultOpen"] & {};
-    onOpenChange?: OnChangeFn<boolean | undefined>;
+    onOpenChange?: OnChangeFn<boolean>;
 }>;
 type TriggerProps = AsChild & HTMLButtonAttributes;
 type CloseProps = TriggerProps;

package/dist/bits/dropdown-menu/components/DropdownMenu.svelte

@@ -10,6 +10,9 @@ export let arrowSize = void 0;
 export let positioning = void 0;
 export let loop = void 0;
 export let dir = void 0;
+export let typeahead = void 0;
+export let closeFocus = void 0;
+export let disableFocusFirstItem = void 0;
 const {
   states: { open: localOpen },
   updateOption
@@ -24,6 +27,9 @@ const {
   positioning,
   loop,
   dir,
+  typeahead,
+  closeFocus,
+  disableFocusFirstItem,
   onOpenChange: ({ next }) => {
     if (open !== next) {
       onOpenChange?.(next);
@@ -52,6 +58,12 @@ $:
   updateOption("loop", loop);
 $:
   updateOption("dir", dir);
+$:
+  updateOption("closeFocus", closeFocus);
+$:
+  updateOption("disableFocusFirstItem", disableFocusFirstItem);
+$:
+  updateOption("typeahead", typeahead);
 </script>
 
 <slot />

package/dist/bits/dropdown-menu/components/DropdownMenu.svelte.d.ts

@@ -6,13 +6,15 @@ declare const __propDef: {
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
         portal?: string | HTMLElement | null | undefined;
+        closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         dir?: import("@melt-ui/svelte/internal/types").TextDirection | undefined;
         positioning?: import("@melt-ui/svelte/internal/actions").FloatingConfig | undefined;
         arrowSize?: number | undefined;
         loop?: boolean | undefined;
         typeahead?: boolean | undefined;
+        disableFocusFirstItem?: boolean | undefined;
         open?: boolean | undefined;
-        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean | undefined> | undefined;
+        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/bits/dropdown-menu/components/DropdownMenuCheckboxItem.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
         checked?: boolean | "indeterminate" | undefined;
-        onCheckedChange?: import("../../../internal/types.js").OnChangeFn<boolean | "indeterminate" | undefined> | undefined;
+        onCheckedChange?: import("../../../internal/types.js").OnChangeFn<boolean | "indeterminate"> | undefined;
         asChild?: boolean | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;

package/dist/bits/dropdown-menu/components/DropdownMenuItem.svelte

@@ -1,7 +1,8 @@
-<script>import { melt } from "@melt-ui/svelte";
+<script>import { createDispatcher } from "../../../internal/events.js";
 import { disabledAttrs } from "../../../internal/helpers.js";
+import { melt } from "@melt-ui/svelte";
 import { ctx } from "../ctx.js";
-import { createDispatcher } from "../../../internal/events.js";
+export let href = void 0;
 export let asChild = false;
 export let disabled = false;
 const {
@@ -15,7 +16,9 @@ const dispatch = createDispatcher();
 	<slot builder={$item} />
 {:else}
 	{@const builder = $item}
-	<div
+	<svelte:element
+		this={href ? "a" : "div"}
+		{href}
 		{...builder} use:builder.action
 		{...$$restProps}
 		on:m-click={dispatch}
@@ -28,5 +31,5 @@ const dispatch = createDispatcher();
 		{...disabledAttrs(disabled)}
 	>
 		<slot {builder} />
-	</div>
+	</svelte:element>
 {/if}

package/dist/bits/dropdown-menu/components/DropdownMenuItem.svelte.d.ts

@@ -3,6 +3,7 @@ import type { ItemEvents } from "../types.js";
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
+        href?: string | null | undefined;
         asChild?: boolean | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;

package/dist/bits/dropdown-menu/ctx.d.ts

@@ -193,6 +193,8 @@ declare function set(props: CreateDropdownMenuProps): {
         onOpenChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
         forceVisible: import("svelte/store").Writable<boolean>;
         typeahead: import("svelte/store").Writable<boolean>;
+        closeFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
+        disableFocusFirstItem: import("svelte/store").Writable<boolean>;
     };
 };
 declare function setSub(props: DropdownSubmenuProps): {

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

@@ -1,14 +1,14 @@
 import type { TransitionProps, AsChild, Expand, HTMLDivAttributes, OmitChecked, OmitOpen, OmitValue, OnChangeFn, Transition } from "../../internal/index.js";
 import type { CustomEventHandler } from "../../index.js";
 import type { CreateDropdownMenuProps, CreateDropdownMenuCheckboxItemProps, CreateDropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, CreateDropdownSubmenuProps } from "@melt-ui/svelte";
-import type { HTMLButtonAttributes } from "svelte/elements";
+import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
 type Props = Expand<OmitOpen<CreateDropdownMenuProps> & {
-    open?: CreateDropdownMenuProps["defaultOpen"] & {};
-    onOpenChange?: OnChangeFn<CreateDropdownMenuProps["defaultOpen"]>;
+    open?: boolean;
+    onOpenChange?: OnChangeFn<boolean>;
 }>;
 type CheckboxItemProps = Expand<OmitChecked<CreateDropdownMenuCheckboxItemProps> & {
-    checked?: CreateDropdownMenuCheckboxItemProps["defaultChecked"] & {};
-    onCheckedChange?: OnChangeFn<CreateDropdownMenuCheckboxItemProps["defaultChecked"]>;
+    checked?: boolean | "indeterminate";
+    onCheckedChange?: OnChangeFn<boolean | "indeterminate">;
 } & AsChild> & HTMLDivAttributes;
 type RadioGroupProps = Expand<OmitValue<CreateDropdownMenuRadioGroupProps> & {
     value?: CreateDropdownMenuRadioGroupProps["defaultValue"] & {};
@@ -21,6 +21,7 @@ type ContentProps<T extends Transition = Transition, In extends Transition = Tra
 type GroupProps = AsChild & HTMLDivAttributes;
 type ItemProps = Expand<{
     disabled?: boolean;
+    href?: HTMLAnchorAttributes["href"];
 } & AsChild> & HTMLDivAttributes;
 type CheckboxItemIndicatorProps = HTMLDivAttributes;
 type LabelProps = AsChild & HTMLDivAttributes;
@@ -60,4 +61,4 @@ type SubContentEvents<T extends Element = HTMLDivElement> = {
     focusout: CustomEventHandler<FocusEvent, T>;
     pointermove: CustomEventHandler<PointerEvent, T>;
 };
-export type { Props, ArrowProps, CheckboxItemProps, ContentProps, GroupProps, ItemProps, CheckboxItemIndicatorProps, LabelProps, RadioGroupProps, RadioItemProps, SeparatorProps, SubProps, SubContentProps, SubTriggerProps, TriggerProps, Props as DropdownMenuProps, ArrowProps as DropdownMenuArrowProps, CheckboxItemProps as DropdownMenuCheckboxItemProps, ContentProps as DropdownMenuContentProps, GroupProps as DropdownMenuGroupProps, ItemProps as DropdownMenuItemProps, CheckboxItemIndicatorProps as DropdownMenuCheckboxItemIndicatorProps, LabelProps as DropdownMenuLabelProps, RadioGroupProps as DropdownMenuRadioGroupProps, RadioItemProps as DropdownMenuRadioItemProps, SeparatorProps as DropdownMenuSeparatorProps, SubProps as DropdownMenuSubProps, SubContentProps as DropdownMenuSubContentProps, SubTriggerProps as DropdownMenuSubTriggerProps, TriggerProps as DropdownMenuTriggerProps, TriggerEvents, CheckboxItemEvents, ContentEvents, RadioItemEvents, SubContentEvents, SubTriggerEvents, ItemEvents, TriggerEvents as DropdownMenuTriggerEvents, CheckboxItemEvents as DropdownMenuCheckboxItemEvents, ContentEvents as DropdownMenuContentEvents, RadioItemEvents as DropdownMenuRadioItemEvents, SubContentEvents as DropdownMenuSubContentEvents, SubTriggerEvents as DropdownMenuSubTriggerEvents, ItemEvents as DropdownMenuItemEvents };
+export type { ArrowProps, CheckboxItemEvents, CheckboxItemIndicatorProps, CheckboxItemProps, ContentEvents, ContentProps, ArrowProps as DropdownMenuArrowProps, CheckboxItemEvents as DropdownMenuCheckboxItemEvents, CheckboxItemIndicatorProps as DropdownMenuCheckboxItemIndicatorProps, CheckboxItemProps as DropdownMenuCheckboxItemProps, ContentEvents as DropdownMenuContentEvents, ContentProps as DropdownMenuContentProps, GroupProps as DropdownMenuGroupProps, ItemEvents as DropdownMenuItemEvents, ItemProps as DropdownMenuItemProps, LabelProps as DropdownMenuLabelProps, Props as DropdownMenuProps, RadioGroupProps as DropdownMenuRadioGroupProps, RadioItemEvents as DropdownMenuRadioItemEvents, RadioItemProps as DropdownMenuRadioItemProps, SeparatorProps as DropdownMenuSeparatorProps, SubContentEvents as DropdownMenuSubContentEvents, SubContentProps as DropdownMenuSubContentProps, SubProps as DropdownMenuSubProps, SubTriggerEvents as DropdownMenuSubTriggerEvents, SubTriggerProps as DropdownMenuSubTriggerProps, TriggerEvents as DropdownMenuTriggerEvents, TriggerProps as DropdownMenuTriggerProps, GroupProps, ItemEvents, ItemProps, LabelProps, Props, RadioGroupProps, RadioItemEvents, RadioItemProps, SeparatorProps, SubContentEvents, SubContentProps, SubProps, SubTriggerEvents, SubTriggerProps, TriggerEvents, TriggerProps };

package/dist/bits/link-preview/components/LinkPreview.svelte.d.ts

@@ -10,7 +10,7 @@ declare const __propDef: {
         openDelay?: number | undefined;
         closeDelay?: number | undefined;
         open?: boolean | undefined;
-        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean | undefined> | undefined;
+        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/bits/link-preview/types.d.ts

@@ -3,8 +3,8 @@ import type { OmitOpen, Expand, HTMLDivAttributes, OnChangeFn, Transition, AsChi
 import type { CreateLinkPreviewProps } from "@melt-ui/svelte";
 import type { HTMLAnchorAttributes } from "svelte/elements";
 type Props = Expand<OmitOpen<CreateLinkPreviewProps> & {
-    open?: CreateLinkPreviewProps["defaultOpen"];
-    onOpenChange?: OnChangeFn<CreateLinkPreviewProps["defaultOpen"]>;
+    open?: boolean;
+    onOpenChange?: OnChangeFn<boolean>;
 }>;
 type TriggerProps = AsChild & HTMLAnchorAttributes;
 type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;

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

@@ -4,7 +4,7 @@ declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
         checked?: boolean | "indeterminate" | undefined;
-        onCheckedChange?: import("../../../internal/types.js").OnChangeFn<boolean | "indeterminate" | undefined> | undefined;
+        onCheckedChange?: import("../../../internal/types.js").OnChangeFn<boolean | "indeterminate"> | undefined;
         asChild?: boolean | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;

package/dist/bits/menubar/components/MenubarMenu.svelte

@@ -9,6 +9,9 @@ export let arrowSize = void 0;
 export let positioning = void 0;
 export let loop = void 0;
 export let dir = void 0;
+export let typeahead = void 0;
+export let closeFocus = void 0;
+export let disableFocusFirstItem = void 0;
 const {
   states: { open: localOpen },
   updateOption
@@ -21,6 +24,9 @@ const {
   positioning,
   loop,
   dir,
+  typeahead,
+  closeFocus,
+  disableFocusFirstItem,
   onOpenChange: ({ next }) => {
     if (open !== next) {
       onOpenChange?.(next);
@@ -47,6 +53,12 @@ $:
   updateOption("loop", loop);
 $:
   updateOption("dir", dir);
+$:
+  updateOption("closeFocus", closeFocus);
+$:
+  updateOption("disableFocusFirstItem", disableFocusFirstItem);
+$:
+  updateOption("typeahead", typeahead);
 </script>
 
 <slot />

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

@@ -6,13 +6,15 @@ declare const __propDef: {
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
         portal?: string | HTMLElement | null | undefined;
+        closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         dir?: import("@melt-ui/svelte/internal/types").TextDirection | undefined;
         positioning?: import("@melt-ui/svelte/internal/actions").FloatingConfig | undefined;
         arrowSize?: number | undefined;
         loop?: boolean | undefined;
         typeahead?: boolean | undefined;
+        disableFocusFirstItem?: boolean | undefined;
         open?: boolean | undefined;
-        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean | undefined> | undefined;
+        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -213,6 +213,8 @@ declare function set(props: MenubarProps): {
                 onOpenChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
                 forceVisible: import("svelte/store").Writable<boolean>;
                 typeahead: import("svelte/store").Writable<boolean>;
+                closeFocus?: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined> | undefined;
+                disableFocusFirstItem?: import("svelte/store").Writable<boolean | undefined> | undefined;
             };
         };
     };
@@ -399,6 +401,8 @@ declare function setMenu(props: CreateMenubarMenuProps): {
         onOpenChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
         forceVisible: import("svelte/store").Writable<boolean>;
         typeahead: import("svelte/store").Writable<boolean>;
+        closeFocus?: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined> | undefined;
+        disableFocusFirstItem?: import("svelte/store").Writable<boolean | undefined> | undefined;
     };
 };
 declare function getMenu(): MenubarMenuReturn;

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

@@ -4,12 +4,12 @@ import type { CreateMenubarProps, CreateMenubarMenuProps, CreateMenuCheckboxItem
 import type { HTMLButtonAttributes } from "svelte/elements";
 type Props = Expand<CreateMenubarProps & AsChild> & HTMLDivAttributes;
 type MenuProps = Expand<OmitOpen<CreateMenubarMenuProps> & {
-    open?: CreateMenubarMenuProps["defaultOpen"] & {};
-    onOpenChange?: OnChangeFn<CreateMenubarMenuProps["defaultOpen"]>;
+    open?: boolean;
+    onOpenChange?: OnChangeFn<boolean>;
 }>;
 type CheckboxItemProps = Expand<OmitChecked<CreateMenuCheckboxItemProps> & {
-    checked?: CreateMenuCheckboxItemProps["defaultChecked"] & {};
-    onCheckedChange?: OnChangeFn<CreateMenuCheckboxItemProps["defaultChecked"]>;
+    checked?: boolean | "indeterminate";
+    onCheckedChange?: OnChangeFn<boolean | "indeterminate">;
     disabled?: boolean;
 } & AsChild> & HTMLDivAttributes;
 type RadioGroupProps = Expand<OmitValue<CreateMenuRadioGroupProps> & {

package/dist/bits/popover/components/Popover.svelte

@@ -8,6 +8,8 @@ export let preventScroll = void 0;
 export let portal = void 0;
 export let open = void 0;
 export let onOpenChange = void 0;
+export let openFocus = void 0;
+export let closeFocus = void 0;
 const {
   updateOption,
   states: { open: localOpen }
@@ -20,6 +22,8 @@ const {
   preventScroll,
   portal,
   defaultOpen: open,
+  openFocus,
+  closeFocus,
   onOpenChange: ({ next }) => {
     if (open !== next) {
       onOpenChange?.(next);
@@ -44,6 +48,10 @@ $:
   updateOption("preventScroll", preventScroll);
 $:
   updateOption("portal", portal);
+$:
+  updateOption("openFocus", openFocus);
+$:
+  updateOption("closeFocus", closeFocus);
 </script>
 
 <slot />

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

@@ -6,11 +6,13 @@ declare const __propDef: {
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
         portal?: string | HTMLElement | null | undefined;
+        openFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
+        closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         positioning?: import("@melt-ui/svelte/internal/actions").FloatingConfig | undefined;
         arrowSize?: number | undefined;
         disableFocusTrap?: boolean | undefined;
         open?: boolean | undefined;
-        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean | undefined> | undefined;
+        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -61,6 +61,8 @@ declare function set(props: CreatePopoverProps): {
         arrowSize: import("svelte/store").Writable<number>;
         closeOnOutsideClick: import("svelte/store").Writable<boolean>;
         closeOnEscape: import("svelte/store").Writable<boolean>;
+        closeFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
+        openFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
         disableFocusTrap: import("svelte/store").Writable<boolean>;
     };
 };

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

@@ -3,8 +3,8 @@ import type { CustomEventHandler } from "../../index.js";
 import type { CreatePopoverProps } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes } from "svelte/elements";
 type Props = Expand<OmitOpen<CreatePopoverProps> & {
-    open?: CreatePopoverProps["defaultOpen"];
-    onOpenChange?: OnChangeFn<CreatePopoverProps["defaultOpen"]>;
+    open?: boolean;
+    onOpenChange?: OnChangeFn<boolean>;
 }>;
 type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
 type TriggerProps = AsChild & HTMLButtonAttributes;

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

@@ -19,7 +19,7 @@ declare const __propDef: {
         selected?: import("@melt-ui/svelte/index.js").ComboboxOption<unknown> | undefined;
         onSelectedChange?: import("../../../internal/types.js").OnChangeFn<import("@melt-ui/svelte/index.js").ComboboxOption<unknown> | undefined> | undefined;
         open?: boolean | undefined;
-        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean | undefined> | undefined;
+        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -49,7 +49,6 @@ declare function set(props: CreateSelectProps): {
             readonly 'data-selected': "" | undefined;
             readonly id: string;
             readonly role: "option";
-            readonly style: string;
         }, string>;
         menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"pointerleave">, ([$isVisible]: [boolean]) => {
             readonly hidden: true | undefined;

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

@@ -5,8 +5,8 @@ import type { CustomEventHandler } from "../../index.js";
 type Props = Expand<OmitOpen<Omit<CreateSelectProps, "selected" | "defaultSelected" | "onSelectedChange">> & {
     selected?: CreateSelectProps["defaultSelected"] & {};
     onSelectedChange?: OnChangeFn<CreateSelectProps["defaultSelected"]>;
-    open?: CreateSelectProps["defaultOpen"] & {};
-    onOpenChange?: OnChangeFn<CreateSelectProps["defaultOpen"]>;
+    open?: boolean & {};
+    onOpenChange?: OnChangeFn<boolean>;
 }>;
 type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
 type GroupProps = AsChild & HTMLDivAttributes;

package/dist/bits/slider/components/Slider.svelte.d.ts

@@ -7,7 +7,7 @@ declare const __propDef: {
         min?: number | undefined;
         orientation?: "horizontal" | "vertical" | undefined;
         value?: number[] | undefined;
-        onValueChange?: import("../../../internal/types.js").OnChangeFn<number[] | undefined> | undefined;
+        onValueChange?: import("../../../internal/types.js").OnChangeFn<number[]> | undefined;
         asChild?: boolean | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;

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

@@ -3,8 +3,8 @@ import type { Expand, OmitValue, HTMLSpanAttributes, OnChangeFn, AsChild } from
 import type { CustomEventHandler } from "../../index.js";
 import type { HTMLInputAttributes } from "svelte/elements";
 type Props = Expand<OmitValue<CreateSliderProps> & {
-    value?: CreateSliderProps["defaultValue"] & {};
-    onValueChange?: OnChangeFn<CreateSliderProps["defaultValue"]>;
+    value?: number[];
+    onValueChange?: OnChangeFn<number[]>;
 } & AsChild> & HTMLSpanAttributes;
 type RangeProps = AsChild & HTMLSpanAttributes;
 type ThumbProps = AsChild & HTMLSpanAttributes;

package/dist/bits/switch/components/Switch.svelte.d.ts

@@ -7,7 +7,7 @@ declare const __propDef: {
         name?: string | undefined;
         required?: boolean | undefined;
         checked?: boolean | undefined;
-        onCheckedChange?: import("../../../internal/types.js").OnChangeFn<boolean | undefined> | undefined;
+        onCheckedChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
         asChild?: boolean | undefined;
         form?: string | null | undefined;
         formaction?: string | null | undefined;

package/dist/bits/switch/ctx.d.ts

@@ -17,8 +17,8 @@ declare function set(props: CreateSwitchProps): {
             readonly 'data-state': "checked" | "unchecked";
             readonly type: "button";
             readonly role: "switch";
-            readonly 'aria-checked': boolean;
-            readonly 'aria-required': boolean;
+            readonly 'aria-checked': "true" | "false";
+            readonly 'aria-required': "true" | undefined;
         }, string>;
         input: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;

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

@@ -3,8 +3,8 @@ import type { AsChild, Expand, HTMLSpanAttributes, OmitChecked, OnChangeFn } fro
 import type { HTMLButtonAttributes, HTMLInputAttributes } from "svelte/elements";
 import type { CustomEventHandler } from "../../index.js";
 type Props = Expand<OmitChecked<CreateSwitchProps> & {
-    checked?: CreateSwitchProps["defaultChecked"] & {};
-    onCheckedChange?: OnChangeFn<CreateSwitchProps["defaultChecked"]>;
+    checked?: boolean;
+    onCheckedChange?: OnChangeFn<boolean>;
 } & AsChild> & HTMLButtonAttributes;
 type ThumbProps = AsChild & HTMLSpanAttributes;
 type InputProps = HTMLInputAttributes;

package/dist/bits/toggle/components/Toggle.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
         pressed?: boolean | undefined;
-        onPressedChange?: import("../../../internal/types.js").OnChangeFn<boolean | undefined> | undefined;
+        onPressedChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
         asChild?: boolean | undefined;
         form?: string | null | undefined;
         formaction?: string | null | undefined;

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

@@ -3,8 +3,8 @@ import type { AsChild, Expand, OmitPressed, OnChangeFn } from "../../internal/in
 import type { HTMLButtonAttributes, HTMLInputAttributes } from "svelte/elements";
 import type { CustomEventHandler } from "../../index.js";
 type Props = Expand<OmitPressed<CreateToggleProps> & {
-    pressed?: CreateToggleProps["defaultPressed"];
-    onPressedChange?: OnChangeFn<CreateToggleProps["defaultPressed"]>;
+    pressed?: boolean;
+    onPressedChange?: OnChangeFn<boolean>;
 } & AsChild> & HTMLButtonAttributes;
 type Events<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;

package/dist/bits/tooltip/components/Tooltip.svelte

@@ -9,6 +9,8 @@ export let closeDelay = void 0;
 export let open = void 0;
 export let onOpenChange = void 0;
 export let forceVisible = true;
+export let disableHoverableContent = void 0;
+export let group = void 0;
 const {
   states: { open: localOpen },
   updateOption
@@ -22,6 +24,8 @@ const {
   closeDelay,
   forceVisible,
   defaultOpen: open,
+  disableHoverableContent,
+  group,
   onOpenChange: ({ next }) => {
     if (open !== next) {
       onOpenChange?.(next);
@@ -48,6 +52,10 @@ $:
   updateOption("closeDelay", closeDelay);
 $:
   updateOption("forceVisible", forceVisible);
+$:
+  updateOption("group", group);
+$:
+  updateOption("disableHoverableContent", disableHoverableContent);
 </script>
 
 <slot />

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

@@ -12,7 +12,7 @@ declare const __propDef: {
         closeOnPointerDown?: boolean | undefined;
         disableHoverableContent?: boolean | undefined;
         open?: boolean | undefined;
-        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean | undefined> | undefined;
+        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -3,8 +3,8 @@ import type { Expand, HTMLDivAttributes, OmitOpen, Transition, OnChangeFn, AsChi
 import type { HTMLButtonAttributes } from "svelte/elements";
 import type { CustomEventHandler } from "../..";
 type Props = Expand<OmitOpen<CreateTooltipProps> & {
-    open?: CreateTooltipProps["defaultOpen"] & {};
-    onOpenChange?: OnChangeFn<CreateTooltipProps["defaultOpen"]>;
+    open?: boolean & {};
+    onOpenChange?: OnChangeFn<boolean>;
 }>;
 type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<{
     sideOffset?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bits-ui",
-	"version": "0.6.3",
+	"version": "0.8.0",
 	"license": "MIT",
 	"scripts": {
 		"dev": "concurrently \"pnpm:dev:content\" \"pnpm:dev:svelte\"",
@@ -42,6 +42,7 @@
 		"@sveltejs/adapter-vercel": "^3.0.3",
 		"@sveltejs/kit": "^1.26.0",
 		"@sveltejs/package": "^2.2.2",
+		"@svitejs/changesets-changelog-github-compact": "^1.1.0",
 		"@tailwindcss/typography": "^0.5.10",
 		"@typescript-eslint/eslint-plugin": "^6.8.0",
 		"@typescript-eslint/parser": "^6.8.0",
@@ -84,8 +85,8 @@
 	"types": "./dist/index.d.ts",
 	"type": "module",
 	"dependencies": {
-		"@melt-ui/svelte": "0.55.3",
-		"nanoid": "^4.0.2"
+		"@melt-ui/svelte": "0.56.0",
+		"nanoid": "^5.0.2"
 	},
 	"peerDependencies": {
 		"svelte": "^4.0.0"