bits-ui 0.18.1 → 0.18.2

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

@@ -5,15 +5,15 @@ export declare function setCtx(props: CreateTabsProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     getAttrs: (part: "content" | "list" | "root" | "trigger") => Record<string, string>;
     elements: {
-        root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
+        root: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
         }, string>;
-        list: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
+        list: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             role: string;
             'aria-orientation': import("@melt-ui/svelte/internal/types").Orientation;
             'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
         }, string>;
-        trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
+        trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<string>, sideEffect?: ((newValue: string) => void) | undefined) => void;
             set: (this: void, value: string) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string> | undefined): import("svelte/store").Unsubscriber;
@@ -29,7 +29,7 @@ export declare function setCtx(props: CreateTabsProps): {
             'data-disabled': boolean | undefined;
             disabled: boolean | undefined;
         }, string>;
-        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<{
+        content: import("@melt-ui/svelte/internal/helpers").MeltElement<{
             update: (updater: import("svelte/store").Updater<string>, sideEffect?: ((newValue: string) => void) | undefined) => void;
             set: (this: void, value: string) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string> | undefined): import("svelte/store").Unsubscriber;

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

@@ -5,7 +5,7 @@ export declare function setCtx(props: CreateToggleProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     getAttrs: (part: "input" | "root") => Record<string, string>;
     elements: {
-        root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
+        root: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
             set: (this: void, value: boolean) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;

package/dist/bits/toggle-group/ctx.d.ts

@@ -5,11 +5,11 @@ export declare function setCtx<T extends "single" | "multiple">(props: CreateTog
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     getAttrs: (part: "root" | "item") => Record<string, string>;
     elements: {
-        root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
+        root: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             readonly role: "group";
             readonly 'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
         }, string>;
-        item: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
+        item: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
             set: (this: void, value: string | string[] | undefined) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;

package/dist/bits/toolbar/components/toolbar-button.svelte

@@ -18,7 +18,14 @@ $:
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<button bind:this={el} {...builder} use:builder.action type="button" {...$$restProps} on:m-keydown={dispatch}>
+	<button
+		bind:this={el}
+		{...builder} use:builder.action
+		type="button"
+		{...$$restProps}
+		on:click
+		on:m-keydown={dispatch}
+	>
 		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/toolbar/components/toolbar-link.svelte

@@ -18,11 +18,13 @@ $:
 {#if asChild}
 	<slot {builder} />
 {:else}
+	<!-- svelte-ignore a11y-no-static-element-interactions -->
 	<svelte:element
 		this={"a"}
 		bind:this={el}
 		{...builder} use:builder.action
 		{...$$restProps}
+		on:click
 		on:m-keydown={dispatch}
 	>
 		<slot {builder} />

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

@@ -6,21 +6,21 @@ export declare function setCtx(props: ToolbarProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     getAttrs: (part: "link" | "group" | "button" | "root" | "group-item") => Record<string, string>;
     elements: {
-        root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
+        root: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             role: string;
             'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
         }, string>;
-        button: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, () => {
+        button: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, () => {
             readonly role: "button";
             readonly type: "button";
             readonly tabIndex: -1;
         }, string>;
-        separator: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
+        separator: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             readonly role: "separator";
             readonly 'data-orientation': "horizontal" | "vertical";
             readonly 'aria-orientation': "horizontal" | "vertical";
         }, string>;
-        link: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, () => {
+        link: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, () => {
             readonly role: "link";
             readonly 'data-melt-toolbar-item': "";
             readonly tabIndex: -1;
@@ -29,11 +29,11 @@ export declare function setCtx(props: ToolbarProps): {
     builders: {
         createToolbarGroup: <T extends import("@melt-ui/svelte").ToolbarGroupType = "single">(props?: ToolbarGroupProps<T> | undefined) => {
             elements: {
-                group: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
+                group: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
                     readonly role: "group";
                     readonly 'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
                 }, string>;
-                item: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<"single" | T>>, {
+                item: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<"single" | T>>, {
                     update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
                     set: (this: void, value: string | string[] | undefined) => void;
                     subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
@@ -83,11 +83,11 @@ export declare function setGroupCtx<T extends "single" | "multiple">(props: Tool
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     getAttrs: (part: "link" | "group" | "button" | "root" | "group-item") => Record<string, string>;
     elements: {
-        group: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
+        group: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             readonly role: "group";
             readonly 'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
         }, string>;
-        item: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<"single" | T>>, {
+        item: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<"single" | T>>, {
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
             set: (this: void, value: string | string[] | undefined) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;

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

@@ -10,11 +10,16 @@ type GroupItemProps = I.GroupItemProps & HTMLButtonAttributes;
 /**
  * Events
  */
-type ButtonEvents = {
-    keydown: CustomEventHandler<KeyboardEvent, HTMLButtonElement>;
+type HTMLEventHandler<T extends Event = Event, E extends Element = Element> = T & {
+    currentTarget: EventTarget & E;
 };
-type LinkEvents = {
-    keydown: CustomEventHandler<KeyboardEvent, HTMLAnchorElement>;
+type ButtonEvents<T extends Element = HTMLButtonElement> = {
+    click: HTMLEventHandler<MouseEvent, T>;
+    keydown: CustomEventHandler<KeyboardEvent, T>;
+};
+type LinkEvents<T extends Element = HTMLAnchorElement> = {
+    click: HTMLEventHandler<MouseEvent, T>;
+    keydown: CustomEventHandler<KeyboardEvent, T>;
 };
 type GroupItemEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;

package/dist/bits/tooltip/components/tooltip-content.svelte.d.ts

@@ -12,7 +12,7 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
                 tabindex: number;
                 style: string;
                 id: string;
-                'data-portal': string | undefined;
+                'data-portal': string | HTMLElement | undefined;
                 'data-state': string;
             } & {
                 [x: `data-melt-${string}`]: "";

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

@@ -11,7 +11,7 @@ export declare function setCtx(props: CreateTooltipProps): {
         trigger: string;
     }>;
     elements: {
-        trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, {
+        trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, {
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
             set: (this: void, value: boolean) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
@@ -22,22 +22,22 @@ export declare function setCtx(props: CreateTooltipProps): {
             id: string;
             'data-state': string;
         }, string>;
-        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, {
+        content: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, {
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
             set: (this: void, value: boolean) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
             get: () => boolean;
             destroy?: (() => void) | undefined;
-        }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"pointerdown" | "pointerenter">, ([$isVisible, $open, $portal, $contentId]: [boolean, boolean, string | HTMLElement | null, string]) => {
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"pointerdown" | "pointerenter">, ([$isVisible, $open, $portal, $contentId]: [boolean, boolean, string | HTMLElement | null | undefined, string]) => {
             role: string;
             hidden: boolean | undefined;
             tabindex: number;
             style: string;
             id: string;
-            'data-portal': string | undefined;
+            'data-portal': string | HTMLElement | undefined;
             'data-state': string;
         }, string>;
-        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
+        arrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
             'data-arrow': boolean;
             style: string;
         }, string>;
@@ -66,7 +66,7 @@ export declare function setCtx(props: CreateTooltipProps): {
         closeOnEscape: boolean;
         disableHoverableContent: boolean;
         group: string | boolean | undefined;
-        portal: string | HTMLElement | null;
+        portal: string | HTMLElement | null | undefined;
         ids?: Partial<{
             content: string;
             trigger: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "0.18.1",
+  "version": "0.18.2",
   "license": "MIT",
   "repository": "github:huntabyte/bits-ui",
   "exports": {
@@ -78,7 +78,7 @@
   "type": "module",
   "dependencies": {
     "@internationalized/date": "^3.5.1",
-    "@melt-ui/svelte": "0.71.2",
+    "@melt-ui/svelte": "0.74.2",
     "nanoid": "^5.0.5"
   },
   "peerDependencies": {