bits-ui 1.0.0-next.26 → 1.0.0-next.28

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

@@ -153,9 +153,8 @@ declare class CommandItemState {
         readonly "data-selected": "" | undefined;
         readonly "data-command-item": "";
         readonly role: "option";
-        readonly onpointerdown: (e: PointerEvent) => void;
         readonly onpointermove: () => void;
-        readonly onpointerup: (e: PointerEvent) => void;
+        readonly onclick: () => void;
     };
 }
 type CommandLoadingStateProps = WithRefProps<ReadableBoxedValues<{

package/dist/bits/command/command.svelte.js

@@ -236,7 +236,7 @@ class CommandRootState {
             if (!grandparent)
                 return;
             const firstChildOfParent = getFirstNonCommentChild(grandparent);
-            if (firstChildOfParent && firstChildOfParent.dataset.value === item.dataset.value) {
+            if (firstChildOfParent && firstChildOfParent.dataset?.value === item.dataset?.value) {
                 item
                     ?.closest(GROUP_SELECTOR)
                     ?.querySelector(GROUP_HEADING_SELECTOR)
@@ -696,21 +696,11 @@ class CommandItemState {
             return;
         this.#select();
     };
-    #onpointerdown = (e) => {
+    #onclick = () => {
         if (this.#disabled.current)
             return;
-        if (e.pointerType === "touch" || e.button !== 0)
-            return e.preventDefault();
         this.#onSelect();
     };
-    #onpointerup = (e) => {
-        if (this.#disabled.current)
-            return;
-        if (e.pointerType === "touch") {
-            e.preventDefault();
-            this.#onSelect();
-        }
-    };
     props = $derived.by(() => ({
         id: this.id.current,
         "aria-disabled": getAriaDisabled(this.#disabled.current),
@@ -719,9 +709,8 @@ class CommandItemState {
         "data-selected": getDataSelected(this.isSelected),
         [ITEM_ATTR]: "",
         role: "option",
-        onpointerdown: this.#onpointerdown,
         onpointermove: this.#onpointermove,
-        onpointerup: this.#onpointerup,
+        onclick: this.#onclick,
     }));
 }
 class CommandLoadingState {

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

@@ -82,8 +82,7 @@ declare class ToolbarGroupItemState {
         readonly "data-toolbar-item": "";
         readonly "data-toolbar-group-item": "";
         readonly disabled: true | undefined;
-        readonly onpointerdown: (e: PointerEvent) => void;
-        readonly onpointerup: (e: PointerEvent) => void;
+        readonly onclick: () => void;
         readonly onkeydown: (e: KeyboardEvent) => void;
     };
 }

package/dist/bits/toolbar/toolbar.svelte.js

@@ -133,21 +133,11 @@ class ToolbarGroupItemState {
             return;
         this.#group.toggleItem(this.#value.current);
     };
-    #onpointerdown = (e) => {
+    #onclick = () => {
         if (this.#isDisabled)
             return;
-        if (e.pointerType === "touch" || e.button !== 0)
-            return e.preventDefault();
         this.toggleItem();
     };
-    #onpointerup = (e) => {
-        if (this.#isDisabled)
-            return;
-        if (e.pointerType === "touch") {
-            e.preventDefault();
-            this.toggleItem();
-        }
-    };
     #onkeydown = (e) => {
         if (this.#isDisabled)
             return;
@@ -180,8 +170,7 @@ class ToolbarGroupItemState {
         [GROUP_ITEM_ATTR]: "",
         disabled: getDisabled(this.#isDisabled),
         //
-        onpointerdown: this.#onpointerdown,
-        onpointerup: this.#onpointerup,
+        onclick: this.#onclick,
         onkeydown: this.#onkeydown,
     }));
 }

package/package.json

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