bits-ui 1.0.0-next.60 → 1.0.0-next.62

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

@@ -11,6 +11,7 @@
 		child,
 		children,
 		disabled = false,
+		type = "button",
 		...restProps
 	}: MenuTriggerProps = $props();
 
@@ -23,7 +24,7 @@
 		),
 	});
 
-	const mergedProps = $derived(mergeProps(restProps, triggerState.props));
+	const mergedProps = $derived(mergeProps(restProps, triggerState.props, { type }));
 </script>
 
 <FloatingLayerAnchor {id}>

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

@@ -1,4 +1,5 @@
 import { SvelteMap } from "svelte/reactivity";
+import type { FocusEventHandler, KeyboardEventHandler, MouseEventHandler } from "svelte/elements";
 import type { TabsActivationMode } from "./types.js";
 import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
 import type { WithRefProps } from "../../internal/types.js";
@@ -67,10 +68,9 @@ declare class TabsTriggerState {
         readonly "data-tabs-trigger": "";
         readonly disabled: true | undefined;
         readonly tabindex: number;
-        readonly onpointerdown: (e: PointerEvent) => void;
-        readonly onpointerup: (e: PointerEvent) => void;
-        readonly onfocus: () => void;
-        readonly onkeydown: (e: KeyboardEvent) => void;
+        readonly onclick: MouseEventHandler<HTMLButtonElement>;
+        readonly onfocus: FocusEventHandler<HTMLButtonElement>;
+        readonly onkeydown: KeyboardEventHandler<HTMLButtonElement>;
     };
 }
 type TabsContentStateProps = WithRefProps<ReadableBoxedValues<{

package/dist/bits/tabs/tabs.svelte.js

@@ -122,8 +122,12 @@ class TabsTriggerState {
             });
         });
         $effect(() => {
-            if (this.#root.triggerIds.length) {
-                this.#tabIndex = this.#root.rovingFocusGroup.getTabIndex(this.#ref.current);
+            this.#root.triggerIds.length;
+            if (this.#isActive || !this.#root.value.current) {
+                this.#tabIndex = 0;
+            }
+            else {
+                this.#tabIndex = -1;
             }
         });
     }
@@ -133,28 +137,15 @@ class TabsTriggerState {
         this.#root.setValue(this.#value.current);
     };
     #onfocus = () => {
-        if (this.#root.activationMode.current !== "automatic" || this.#disabled.current)
+        if (this.#root.activationMode.current !== "automatic" || this.#isDisabled)
             return;
         this.activate();
     };
-    #onpointerdown = (e) => {
-        if (this.#disabled.current)
+    #onclick = (e) => {
+        if (this.#isDisabled)
             return;
-        if (e.pointerType === "touch" || e.button !== 0)
-            return e.preventDefault();
-        e.preventDefault();
-        this.#ref.current?.focus();
         this.activate();
     };
-    #onpointerup = (e) => {
-        if (this.#disabled.current)
-            return;
-        if (e.pointerType === "touch") {
-            e.preventDefault();
-            this.#ref.current?.focus();
-            this.activate();
-        }
-    };
     #onkeydown = (e) => {
         if (this.#isDisabled)
             return;
@@ -171,15 +162,14 @@ class TabsTriggerState {
         "data-state": getTabDataState(this.#isActive),
         "data-value": this.#value.current,
         "data-orientation": getDataOrientation(this.#root.orientation.current),
-        "data-disabled": getDataDisabled(this.#disabled.current),
+        "data-disabled": getDataDisabled(this.#isDisabled),
         "aria-selected": getAriaSelected(this.#isActive),
         "aria-controls": this.#ariaControls,
         [TRIGGER_ATTR]: "",
-        disabled: getDisabled(this.#disabled.current),
+        disabled: getDisabled(this.#isDisabled),
         tabindex: this.#tabIndex,
         //
-        onpointerdown: this.#onpointerdown,
-        onpointerup: this.#onpointerup,
+        onclick: this.#onclick,
         onfocus: this.#onfocus,
         onkeydown: this.#onkeydown,
     }));

package/package.json

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