bits-ui 0.7.0 → 0.8.0

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

@@ -6,6 +6,8 @@ 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;
     };

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,7 +3,7 @@ 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?: boolean & {};
+    open?: boolean;
     onOpenChange?: OnChangeFn<boolean>;
 }>;
 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,11 +6,13 @@ 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;
     };

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/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,6 +6,8 @@ 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;
     };

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/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,11 +6,13 @@ 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;
     };

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/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,11 +6,13 @@ 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;
     };

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/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,6 +6,8 @@ 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;

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/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/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/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/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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bits-ui",
-	"version": "0.7.0",
+	"version": "0.8.0",
 	"license": "MIT",
 	"scripts": {
 		"dev": "concurrently \"pnpm:dev:content\" \"pnpm:dev:svelte\"",
@@ -85,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"