@motor-hero/ui-kit 0.36.1 → 0.36.3

package/dist/index.js

@@ -636,7 +636,8 @@ function Combobox({
   hasMore,
   selectedOption,
   creatable,
-  formatCreateLabel
+  formatCreateLabel,
+  deselectable
 }) {
   const [open, setOpen] = React5.useState(false);
   const [search, setSearch] = React5.useState("");
@@ -648,7 +649,7 @@ function Combobox({
     if (!next) setSearch("");
   };
   const handleSelect = (next) => {
-    onChange(next);
+    onChange(deselectable && next === value ? "" : next);
     handleOpenChange(false);
   };
   const handleSearchChange = (next) => {
@@ -2111,7 +2112,7 @@ import * as React10 from "react";
 import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
 var SearchInput = React10.forwardRef(
   ({ containerClassName, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs24("div", { className: `relative flex-1 ${containerClassName ?? ""}`, children: [
+    return /* @__PURE__ */ jsxs24("div", { className: cn("relative flex-1", containerClassName), children: [
       /* @__PURE__ */ jsxs24(
         "svg",
         {
@@ -2124,6 +2125,7 @@ var SearchInput = React10.forwardRef(
           strokeWidth: "2",
           strokeLinecap: "round",
           strokeLinejoin: "round",
+          "aria-hidden": "true",
           className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground",
           children: [
             /* @__PURE__ */ jsx26("circle", { cx: "11", cy: "11", r: "8" }),
@@ -2136,7 +2138,10 @@ var SearchInput = React10.forwardRef(
         {
           ref,
           type: "text",
-          className: `flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 pl-10 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 ${className ?? ""}`,
+          className: cn(
+            "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 pl-10 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+            className
+          ),
           ...props
         }
       )