@simplexable/ui 0.2.1 → 0.2.2

package/dist/index.js

@@ -10268,17 +10268,18 @@ function S_({ activeDescendant: e, ariaProps: r, clearSelection: i, disabled: a
 	return l ? /* @__PURE__ */ n("div", {
 		className: "sx-select__control-row",
 		children: [
-			/* @__PURE__ */ t("button", {
+			/* @__PURE__ */ t("div", {
 				...r,
 				"aria-activedescendant": e,
 				"aria-controls": u ? f : void 0,
 				"aria-expanded": u,
 				"aria-haspopup": "listbox",
+				"aria-label": d,
 				className: x_("sx-field__control", "sx-select__trigger", !o && "sx-select__trigger--placeholder"),
 				id: c,
 				ref: g,
 				role: "combobox",
-				type: "button",
+				tabIndex: 0,
 				onClick: h,
 				onKeyDown: s,
 				children: /* @__PURE__ */ t("span", {
@@ -10291,7 +10292,9 @@ function S_({ activeDescendant: e, ariaProps: r, clearSelection: i, disabled: a
 				className: "sx-select__clear",
 				type: "button",
 				onClick: i,
-				onMouseDown: (e) => e.stopPropagation(),
+				onMouseDown: (e) => {
+					e.preventDefault(), e.stopPropagation();
+				},
 				children: /* @__PURE__ */ t(Ye, {
 					"aria-hidden": !0,
 					size: 14,
@@ -10304,7 +10307,10 @@ function S_({ activeDescendant: e, ariaProps: r, clearSelection: i, disabled: a
 				disabled: a,
 				tabIndex: -1,
 				type: "button",
-				onClick: h,
+				onClick: () => {
+					h(), g.current?.focus();
+				},
+				onMouseDown: (e) => e.preventDefault(),
 				children: t(u ? Fe : Ne, {
 					"aria-hidden": !0,
 					size: 16,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplexable/ui",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Reusable React UI components and styles for Simplexable applications",
   "type": "module",
   "files": [