@pos-360/horizon 0.31.5 → 0.32.0

package/dist/{chunk-R3JWUPJG.js → chunk-B5WFOKDT.js}

@@ -1047,11 +1047,18 @@ var SelectBar = React11__namespace.forwardRef(({
               if (multiple) {
                 const checked = activeMulti.includes(option.value);
                 return /* @__PURE__ */ jsxRuntime.jsxs(
-                  "button",
+                  "div",
                   {
-                    type: "button",
-                    disabled: option.disabled,
-                    onClick: () => handleMultiToggle(option.value),
+                    role: "option",
+                    "aria-selected": checked,
+                    onClick: () => !option.disabled && handleMultiToggle(option.value),
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter" || e.key === " ") {
+                        e.preventDefault();
+                        if (!option.disabled) handleMultiToggle(option.value);
+                      }
+                    },
+                    tabIndex: option.disabled ? -1 : 0,
                     className: chunkD2BLWOWK_js.cn(
                       "relative flex w-full cursor-default select-none items-center gap-2 rounded-hz-md py-1.5 px-2 text-sm outline-none transition-colors",
                       "hover:bg-black/5 dark:hover:bg-white/10",
@@ -1059,23 +1066,16 @@ var SelectBar = React11__namespace.forwardRef(({
                     ),
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(
-                        CheckboxPrimitive__namespace.Root,
+                        "div",
                         {
-                          checked,
-                          tabIndex: -1,
                           className: chunkD2BLWOWK_js.cn(
-                            "peer h-4 w-4 shrink-0 rounded-hz-sm border border-gray-300 bg-transparent shadow focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-600 data-[state=checked]:border-blue-600 data-[state=checked]:text-white dark:border-neutral-600 dark:data-[state=checked]:bg-blue-600"
+                            "h-4 w-4 shrink-0 rounded-sm border shadow flex items-center justify-center",
+                            checked ? "bg-blue-600 border-blue-600 text-white dark:bg-blue-600" : "border-gray-300 bg-transparent dark:border-neutral-600"
                           ),
-                          style: { pointerEvents: "none" },
-                          children: /* @__PURE__ */ jsxRuntime.jsx(CheckboxPrimitive__namespace.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ jsxRuntime.jsx(
-                            lucideReact.Check,
-                            {
-                              className: "h-3.5 w-3.5",
-                              strokeWidth: 3
-                            }
-                          ) })
+                          children: checked && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5", strokeWidth: 3 })
                         }
                       ),
+                      option.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: option.icon }),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: option.label })
                     ]
                   },
@@ -1090,13 +1090,17 @@ var SelectBar = React11__namespace.forwardRef(({
                   disabled: option.disabled,
                   onClick: () => handleSingleSelect(option.value),
                   className: chunkD2BLWOWK_js.cn(
-                    "relative flex w-full cursor-default select-none items-center rounded-hz-md py-1.5 pl-2 pr-8 text-sm outline-none transition-colors",
+                    "relative flex w-full cursor-default select-none items-center gap-2 rounded-hz-md py-1.5 px-2 text-sm outline-none transition-colors",
                     "hover:bg-black/5 dark:hover:bg-white/10",
                     option.disabled && "pointer-events-none opacity-50"
                   ),
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: option.label }),
-                    selected && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) })
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkD2BLWOWK_js.cn(
+                      "h-4 w-4 shrink-0 flex items-center justify-center",
+                      selected ? "text-blue-600 dark:text-blue-400" : "text-transparent"
+                    ), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }),
+                    option.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: option.icon }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: option.label })
                   ]
                 },
                 option.value
@@ -3797,5 +3801,5 @@ exports.useColumnVisibility = useColumnVisibility;
 exports.useFormContext = useFormContext;
 exports.useFormFieldContext = useFormFieldContext;
 exports.useTableSelection = useTableSelection;
-//# sourceMappingURL=chunk-R3JWUPJG.js.map
-//# sourceMappingURL=chunk-R3JWUPJG.js.map
+//# sourceMappingURL=chunk-B5WFOKDT.js.map
+//# sourceMappingURL=chunk-B5WFOKDT.js.map