bits-ui 0.8.5 → 0.9.1

package/dist/bits/accordion/components/AccordionTrigger.svelte

@@ -14,6 +14,7 @@ const attrs = getAttrs("trigger");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-keydown={dispatch}

package/dist/bits/alert-dialog/components/AlertDialogAction.svelte

@@ -16,6 +16,7 @@ const attrs = getAttrs("action");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-click={dispatch}

package/dist/bits/alert-dialog/components/AlertDialogCancel.svelte

@@ -16,6 +16,7 @@ const attrs = getAttrs("cancel");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-click={dispatch}

package/dist/bits/alert-dialog/components/AlertDialogTrigger.svelte

@@ -16,6 +16,7 @@ const attrs = getAttrs("trigger");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		on:m-click={dispatch}
 		on:m-keydown={dispatch}
 		{...$$restProps}

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

@@ -47,10 +47,12 @@ const attrs = getAttrs("root");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-click={dispatch}
 		on:m-keydown={dispatch}
+		disabled={disabled ? true : undefined}
 	>
 		<slot {builder} {attrs} />
 	</button>

package/dist/bits/collapsible/components/CollapsibleTrigger.svelte

@@ -14,7 +14,7 @@ const attrs = getAttrs("trigger");
 {#if asChild}
 	<slot {builder} {attrs} />
 {:else}
-	<button {...builder} use:builder.action {...$$restProps} {...attrs} on:m-click={dispatch}>
+	<button {...builder} use:builder.action type="button" {...$$restProps} {...attrs} on:m-click={dispatch}>
 		<slot {builder} {attrs} />
 	</button>
 {/if}

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

@@ -16,6 +16,7 @@ const attrs = getAttrs("close");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-click={dispatch}

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

@@ -16,6 +16,7 @@ const attrs = getAttrs("trigger");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-click={dispatch}

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

@@ -16,6 +16,7 @@ const attrs = getAttrs("trigger");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-keydown={dispatch}

package/dist/bits/index.d.ts

@@ -20,4 +20,5 @@ export * as Slider from "./slider/index.js";
 export * as Switch from "./switch/index.js";
 export * as Tabs from "./tabs/index.js";
 export * as Toggle from "./toggle/index.js";
+export * as ToggleGroup from "./toggle-group/index.js";
 export * as Tooltip from "./tooltip/index.js";

package/dist/bits/index.js

@@ -20,4 +20,5 @@ export * as Slider from "./slider/index.js";
 export * as Switch from "./switch/index.js";
 export * as Tabs from "./tabs/index.js";
 export * as Toggle from "./toggle/index.js";
+export * as ToggleGroup from "./toggle-group/index.js";
 export * as Tooltip from "./tooltip/index.js";

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

@@ -16,6 +16,7 @@ const attrs = getAttrs("trigger");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-click={dispatch}

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

@@ -16,6 +16,7 @@ const attrs = getAttrs("close");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-click={dispatch}

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { TriggerEvents } from "../types.js";
+import type { CloseEvents } from "../types.js";
 declare const __propDef: {
     props: {
         asChild?: boolean | undefined;
@@ -234,7 +234,7 @@ declare const __propDef: {
             attrs: Record<string, string>;
         };
     };
-    events: TriggerEvents;
+    events: CloseEvents;
 };
 export type PopoverCloseProps = typeof __propDef.props;
 export type PopoverCloseEvents = typeof __propDef.events;

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

@@ -16,6 +16,7 @@ const attrs = getAttrs("trigger");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-click={dispatch}

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

@@ -8,7 +8,7 @@ type Props = Expand<OmitOpen<CreatePopoverProps> & {
 }>;
 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;
-type CloseProps = AsChild & HTMLButtonAttributes;
+type CloseProps = TriggerProps;
 type ArrowProps = Expand<{
     size?: number;
 } & AsChild> & HTMLDivAttributes;

package/dist/bits/radio-group/components/RadioGroupItem.svelte

@@ -18,6 +18,7 @@ const attrs = getAttrs("item");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-click={dispatch}

package/dist/bits/select/components/SelectTrigger.svelte

@@ -16,6 +16,7 @@ const attrs = getAttrs("trigger");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-click={dispatch}

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

@@ -51,6 +51,7 @@ $:
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-click={dispatch}

package/dist/bits/tabs/components/TabsTrigger.svelte

@@ -18,6 +18,7 @@ const attrs = getAttrs("trigger");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-click={dispatch}

package/dist/bits/tabs/components/TabsTrigger.svelte.d.ts

@@ -2,9 +2,17 @@ import { SvelteComponent } from "svelte";
 import type { TriggerEvents } from "../types.js";
 declare const __propDef: {
     props: {
-        value: string;
+        value: string | (string & string[]);
         disabled?: boolean | undefined;
         asChild?: boolean | undefined;
+        form?: string | null | undefined;
+        formaction?: string | null | undefined;
+        formenctype?: string | null | undefined;
+        formmethod?: string | null | undefined;
+        formnovalidate?: boolean | null | undefined;
+        formtarget?: string | null | undefined;
+        name?: string | null | undefined;
+        type?: "button" | "submit" | "reset" | null | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
         class?: string | null | undefined;
@@ -110,109 +118,109 @@ declare const __propDef: {
         'aria-valuemin'?: number | null | undefined;
         'aria-valuenow'?: number | null | undefined;
         'aria-valuetext'?: string | null | undefined;
-        'on:copy'?: import("svelte/elements.js").ClipboardEventHandler<HTMLDivElement> | null | undefined;
-        'on:cut'?: import("svelte/elements.js").ClipboardEventHandler<HTMLDivElement> | null | undefined;
-        'on:paste'?: import("svelte/elements.js").ClipboardEventHandler<HTMLDivElement> | null | undefined;
-        'on:compositionend'?: import("svelte/elements.js").CompositionEventHandler<HTMLDivElement> | null | undefined;
-        'on:compositionstart'?: import("svelte/elements.js").CompositionEventHandler<HTMLDivElement> | null | undefined;
-        'on:compositionupdate'?: import("svelte/elements.js").CompositionEventHandler<HTMLDivElement> | null | undefined;
-        'on:focus'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
-        'on:focusin'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
-        'on:focusout'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
-        'on:blur'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
-        'on:change'?: import("svelte/elements.js").FormEventHandler<HTMLDivElement> | null | undefined;
-        'on:beforeinput'?: import("svelte/elements.js").EventHandler<InputEvent, HTMLDivElement> | null | undefined;
-        'on:input'?: import("svelte/elements.js").FormEventHandler<HTMLDivElement> | null | undefined;
-        'on:reset'?: import("svelte/elements.js").FormEventHandler<HTMLDivElement> | null | undefined;
-        'on:submit'?: import("svelte/elements.js").EventHandler<SubmitEvent, HTMLDivElement> | null | undefined;
-        'on:invalid'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:formdata'?: import("svelte/elements.js").EventHandler<FormDataEvent, HTMLDivElement> | null | undefined;
+        'on:copy'?: import("svelte/elements.js").ClipboardEventHandler<HTMLButtonElement> | null | undefined;
+        'on:cut'?: import("svelte/elements.js").ClipboardEventHandler<HTMLButtonElement> | null | undefined;
+        'on:paste'?: import("svelte/elements.js").ClipboardEventHandler<HTMLButtonElement> | null | undefined;
+        'on:compositionend'?: import("svelte/elements.js").CompositionEventHandler<HTMLButtonElement> | null | undefined;
+        'on:compositionstart'?: import("svelte/elements.js").CompositionEventHandler<HTMLButtonElement> | null | undefined;
+        'on:compositionupdate'?: import("svelte/elements.js").CompositionEventHandler<HTMLButtonElement> | null | undefined;
+        'on:focus'?: import("svelte/elements.js").FocusEventHandler<HTMLButtonElement> | null | undefined;
+        'on:focusin'?: import("svelte/elements.js").FocusEventHandler<HTMLButtonElement> | null | undefined;
+        'on:focusout'?: import("svelte/elements.js").FocusEventHandler<HTMLButtonElement> | null | undefined;
+        'on:blur'?: import("svelte/elements.js").FocusEventHandler<HTMLButtonElement> | null | undefined;
+        'on:change'?: import("svelte/elements.js").FormEventHandler<HTMLButtonElement> | null | undefined;
+        'on:beforeinput'?: import("svelte/elements.js").EventHandler<InputEvent, HTMLButtonElement> | null | undefined;
+        'on:input'?: import("svelte/elements.js").FormEventHandler<HTMLButtonElement> | null | undefined;
+        'on:reset'?: import("svelte/elements.js").FormEventHandler<HTMLButtonElement> | null | undefined;
+        'on:submit'?: import("svelte/elements.js").EventHandler<SubmitEvent, HTMLButtonElement> | null | undefined;
+        'on:invalid'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:formdata'?: import("svelte/elements.js").EventHandler<FormDataEvent, HTMLButtonElement> | null | undefined;
         'on:load'?: import("svelte/elements.js").EventHandler<Event, Element> | null | undefined;
         'on:error'?: import("svelte/elements.js").EventHandler<Event, Element> | null | undefined;
-        'on:toggle'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:keydown'?: import("svelte/elements.js").KeyboardEventHandler<HTMLDivElement> | null | undefined;
-        'on:keypress'?: import("svelte/elements.js").KeyboardEventHandler<HTMLDivElement> | null | undefined;
-        'on:keyup'?: import("svelte/elements.js").KeyboardEventHandler<HTMLDivElement> | null | undefined;
-        'on:abort'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:canplay'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:canplaythrough'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:cuechange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:durationchange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:emptied'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:encrypted'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:ended'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:loadeddata'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:loadedmetadata'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:loadstart'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:pause'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:play'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:playing'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:progress'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:ratechange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:seeked'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:seeking'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:stalled'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:suspend'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:timeupdate'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:volumechange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:waiting'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:auxclick'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:click'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:contextmenu'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:dblclick'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:drag'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
-        'on:dragend'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
-        'on:dragenter'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
-        'on:dragexit'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
-        'on:dragleave'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
-        'on:dragover'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
-        'on:dragstart'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
-        'on:drop'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
-        'on:mousedown'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:mouseenter'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:mouseleave'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:mousemove'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:mouseout'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:mouseover'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:mouseup'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:select'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:selectionchange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:selectstart'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:touchcancel'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
-        'on:touchend'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
-        'on:touchmove'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
-        'on:touchstart'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
-        'on:gotpointercapture'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:pointercancel'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:pointerdown'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:pointerenter'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:pointerleave'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:pointermove'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:pointerout'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:pointerover'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:pointerup'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:lostpointercapture'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:scroll'?: import("svelte/elements.js").UIEventHandler<HTMLDivElement> | null | undefined;
-        'on:resize'?: import("svelte/elements.js").UIEventHandler<HTMLDivElement> | null | undefined;
-        'on:wheel'?: import("svelte/elements.js").WheelEventHandler<HTMLDivElement> | null | undefined;
-        'on:animationstart'?: import("svelte/elements.js").AnimationEventHandler<HTMLDivElement> | null | undefined;
-        'on:animationend'?: import("svelte/elements.js").AnimationEventHandler<HTMLDivElement> | null | undefined;
-        'on:animationiteration'?: import("svelte/elements.js").AnimationEventHandler<HTMLDivElement> | null | undefined;
-        'on:transitionstart'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
-        'on:transitionrun'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
-        'on:transitionend'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
-        'on:transitioncancel'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
-        'on:outrostart'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
-        'on:outroend'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
-        'on:introstart'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
-        'on:introend'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
-        'on:message'?: import("svelte/elements.js").MessageEventHandler<HTMLDivElement> | null | undefined;
-        'on:messageerror'?: import("svelte/elements.js").MessageEventHandler<HTMLDivElement> | null | undefined;
-        'on:visibilitychange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:cancel'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:close'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:fullscreenchange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:fullscreenerror'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:toggle'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:keydown'?: import("svelte/elements.js").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
+        'on:keypress'?: import("svelte/elements.js").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
+        'on:keyup'?: import("svelte/elements.js").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
+        'on:abort'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:canplay'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:canplaythrough'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:cuechange'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:durationchange'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:emptied'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:encrypted'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:ended'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:loadeddata'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:loadedmetadata'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:loadstart'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:pause'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:play'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:playing'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:progress'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:ratechange'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:seeked'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:seeking'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:stalled'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:suspend'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:timeupdate'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:volumechange'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:waiting'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:auxclick'?: import("svelte/elements.js").MouseEventHandler<HTMLButtonElement> | null | undefined;
+        'on:click'?: import("svelte/elements.js").MouseEventHandler<HTMLButtonElement> | null | undefined;
+        'on:contextmenu'?: import("svelte/elements.js").MouseEventHandler<HTMLButtonElement> | null | undefined;
+        'on:dblclick'?: import("svelte/elements.js").MouseEventHandler<HTMLButtonElement> | null | undefined;
+        'on:drag'?: import("svelte/elements.js").DragEventHandler<HTMLButtonElement> | null | undefined;
+        'on:dragend'?: import("svelte/elements.js").DragEventHandler<HTMLButtonElement> | null | undefined;
+        'on:dragenter'?: import("svelte/elements.js").DragEventHandler<HTMLButtonElement> | null | undefined;
+        'on:dragexit'?: import("svelte/elements.js").DragEventHandler<HTMLButtonElement> | null | undefined;
+        'on:dragleave'?: import("svelte/elements.js").DragEventHandler<HTMLButtonElement> | null | undefined;
+        'on:dragover'?: import("svelte/elements.js").DragEventHandler<HTMLButtonElement> | null | undefined;
+        'on:dragstart'?: import("svelte/elements.js").DragEventHandler<HTMLButtonElement> | null | undefined;
+        'on:drop'?: import("svelte/elements.js").DragEventHandler<HTMLButtonElement> | null | undefined;
+        'on:mousedown'?: import("svelte/elements.js").MouseEventHandler<HTMLButtonElement> | null | undefined;
+        'on:mouseenter'?: import("svelte/elements.js").MouseEventHandler<HTMLButtonElement> | null | undefined;
+        'on:mouseleave'?: import("svelte/elements.js").MouseEventHandler<HTMLButtonElement> | null | undefined;
+        'on:mousemove'?: import("svelte/elements.js").MouseEventHandler<HTMLButtonElement> | null | undefined;
+        'on:mouseout'?: import("svelte/elements.js").MouseEventHandler<HTMLButtonElement> | null | undefined;
+        'on:mouseover'?: import("svelte/elements.js").MouseEventHandler<HTMLButtonElement> | null | undefined;
+        'on:mouseup'?: import("svelte/elements.js").MouseEventHandler<HTMLButtonElement> | null | undefined;
+        'on:select'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:selectionchange'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:selectstart'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:touchcancel'?: import("svelte/elements.js").TouchEventHandler<HTMLButtonElement> | null | undefined;
+        'on:touchend'?: import("svelte/elements.js").TouchEventHandler<HTMLButtonElement> | null | undefined;
+        'on:touchmove'?: import("svelte/elements.js").TouchEventHandler<HTMLButtonElement> | null | undefined;
+        'on:touchstart'?: import("svelte/elements.js").TouchEventHandler<HTMLButtonElement> | null | undefined;
+        'on:gotpointercapture'?: import("svelte/elements.js").PointerEventHandler<HTMLButtonElement> | null | undefined;
+        'on:pointercancel'?: import("svelte/elements.js").PointerEventHandler<HTMLButtonElement> | null | undefined;
+        'on:pointerdown'?: import("svelte/elements.js").PointerEventHandler<HTMLButtonElement> | null | undefined;
+        'on:pointerenter'?: import("svelte/elements.js").PointerEventHandler<HTMLButtonElement> | null | undefined;
+        'on:pointerleave'?: import("svelte/elements.js").PointerEventHandler<HTMLButtonElement> | null | undefined;
+        'on:pointermove'?: import("svelte/elements.js").PointerEventHandler<HTMLButtonElement> | null | undefined;
+        'on:pointerout'?: import("svelte/elements.js").PointerEventHandler<HTMLButtonElement> | null | undefined;
+        'on:pointerover'?: import("svelte/elements.js").PointerEventHandler<HTMLButtonElement> | null | undefined;
+        'on:pointerup'?: import("svelte/elements.js").PointerEventHandler<HTMLButtonElement> | null | undefined;
+        'on:lostpointercapture'?: import("svelte/elements.js").PointerEventHandler<HTMLButtonElement> | null | undefined;
+        'on:scroll'?: import("svelte/elements.js").UIEventHandler<HTMLButtonElement> | null | undefined;
+        'on:resize'?: import("svelte/elements.js").UIEventHandler<HTMLButtonElement> | null | undefined;
+        'on:wheel'?: import("svelte/elements.js").WheelEventHandler<HTMLButtonElement> | null | undefined;
+        'on:animationstart'?: import("svelte/elements.js").AnimationEventHandler<HTMLButtonElement> | null | undefined;
+        'on:animationend'?: import("svelte/elements.js").AnimationEventHandler<HTMLButtonElement> | null | undefined;
+        'on:animationiteration'?: import("svelte/elements.js").AnimationEventHandler<HTMLButtonElement> | null | undefined;
+        'on:transitionstart'?: import("svelte/elements.js").TransitionEventHandler<HTMLButtonElement> | null | undefined;
+        'on:transitionrun'?: import("svelte/elements.js").TransitionEventHandler<HTMLButtonElement> | null | undefined;
+        'on:transitionend'?: import("svelte/elements.js").TransitionEventHandler<HTMLButtonElement> | null | undefined;
+        'on:transitioncancel'?: import("svelte/elements.js").TransitionEventHandler<HTMLButtonElement> | null | undefined;
+        'on:outrostart'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
+        'on:outroend'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
+        'on:introstart'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
+        'on:introend'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
+        'on:message'?: import("svelte/elements.js").MessageEventHandler<HTMLButtonElement> | null | undefined;
+        'on:messageerror'?: import("svelte/elements.js").MessageEventHandler<HTMLButtonElement> | null | undefined;
+        'on:visibilitychange'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:cancel'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:close'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:fullscreenchange'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:fullscreenerror'?: import("svelte/elements.js").EventHandler<Event, HTMLButtonElement> | null | undefined;
     };
     slots: {
         default: {

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

@@ -1,5 +1,6 @@
 import type { CreateTabsProps, TabsTriggerProps } from "@melt-ui/svelte";
 import type { AsChild, Expand, HTMLDivAttributes, ObjectVariation, OmitValue, OnChangeFn } from "../../internal/index.js";
+import type { HTMLButtonAttributes } from "svelte/elements";
 import type { CustomEventHandler } from "../../index.js";
 type Props = Expand<OmitValue<CreateTabsProps> & {
     orientation?: CreateTabsProps["orientation"] & {};
@@ -9,7 +10,7 @@ type Props = Expand<OmitValue<CreateTabsProps> & {
 type ContentProps = Expand<{
     value: string;
 } & AsChild> & HTMLDivAttributes;
-type TriggerProps = Expand<ObjectVariation<TabsTriggerProps> & AsChild> & HTMLDivAttributes;
+type TriggerProps = Expand<ObjectVariation<TabsTriggerProps> & AsChild> & HTMLButtonAttributes;
 type ListProps = AsChild & HTMLDivAttributes;
 type TriggerEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;

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

@@ -35,6 +35,7 @@ const attrs = getAttrs("root");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-click={dispatch}

package/dist/bits/toggle-group/components/ToggleGroup.svelte

@@ -0,0 +1,54 @@
+<script>import { melt } from "@melt-ui/svelte";
+import { setCtx, getAttrs } from "../ctx.js";
+export let kind = "single";
+export let disabled = void 0;
+export let loop = void 0;
+export let value = void 0;
+export let orientation = void 0;
+export let onValueChange = void 0;
+export let asChild = false;
+const {
+  elements: { root },
+  states: { value: localValue },
+  updateOption
+} = setCtx({
+  disabled,
+  type: kind,
+  defaultValue: value,
+  loop,
+  orientation,
+  onValueChange: ({ next }) => {
+    if (Array.isArray(next)) {
+      onValueChange?.(next);
+      value = next;
+      return next;
+    }
+    if (value !== next) {
+      onValueChange?.(next);
+      value = next;
+    }
+    return next;
+  }
+});
+$:
+  value !== void 0 && localValue.set(value);
+$:
+  updateOption("disabled", disabled);
+$:
+  updateOption("loop", loop);
+$:
+  updateOption("type", kind);
+$:
+  updateOption("orientation", orientation);
+$:
+  builder = $root;
+const attrs = getAttrs("root");
+</script>
+
+{#if asChild}
+	<slot {builder} {attrs} />
+{:else}
+	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
+		<slot {builder} {attrs} />
+	</div>
+{/if}