ics-ui-kit 0.1.0-alpha.16 → 0.1.0-alpha.17

package/dist/components/search-select.js

@@ -1,160 +1,160 @@
-var ue = Object.defineProperty, de = Object.defineProperties;
-var he = Object.getOwnPropertyDescriptors;
-var F = Object.getOwnPropertySymbols;
-var $ = Object.prototype.hasOwnProperty, G = Object.prototype.propertyIsEnumerable;
-var _ = (e, r, t) => r in e ? ue(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, x = (e, r) => {
+var de = Object.defineProperty, he = Object.defineProperties;
+var fe = Object.getOwnPropertyDescriptors;
+var k = Object.getOwnPropertySymbols;
+var X = Object.prototype.hasOwnProperty, Y = Object.prototype.propertyIsEnumerable;
+var U = (e, r, t) => r in e ? de(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, L = (e, r) => {
   for (var t in r || (r = {}))
-    $.call(r, t) && _(e, t, r[t]);
-  if (F)
-    for (var t of F(r))
-      G.call(r, t) && _(e, t, r[t]);
+    X.call(r, t) && U(e, t, r[t]);
+  if (k)
+    for (var t of k(r))
+      Y.call(r, t) && U(e, t, r[t]);
   return e;
-}, T = (e, r) => de(e, he(r));
-var w = (e, r) => {
+}, P = (e, r) => he(e, fe(r));
+var E = (e, r) => {
   var t = {};
   for (var n in e)
-    $.call(e, n) && r.indexOf(n) < 0 && (t[n] = e[n]);
-  if (e != null && F)
-    for (var n of F(e))
-      r.indexOf(n) < 0 && G.call(e, n) && (t[n] = e[n]);
+    X.call(e, n) && r.indexOf(n) < 0 && (t[n] = e[n]);
+  if (e != null && k)
+    for (var n of k(e))
+      r.indexOf(n) < 0 && Y.call(e, n) && (t[n] = e[n]);
   return t;
 };
-var J = (e, r, t) => new Promise((n, s) => {
-  var l = (c) => {
+var Z = (e, r, t) => new Promise((n, s) => {
+  var i = (o) => {
     try {
-      o(t.next(c));
+      c(t.next(o));
     } catch (u) {
       s(u);
     }
-  }, m = (c) => {
+  }, m = (o) => {
     try {
-      o(t.throw(c));
+      c(t.throw(o));
     } catch (u) {
       s(u);
     }
-  }, o = (c) => c.done ? n(c.value) : Promise.resolve(c.value).then(l, m);
-  o((t = t.apply(e, r)).next());
+  }, c = (o) => o.done ? n(o.value) : Promise.resolve(o.value).then(i, m);
+  c((t = t.apply(e, r)).next());
 });
-import { jsx as a, jsxs as O, Fragment as z } from "react/jsx-runtime";
-import P, { useState as N, useCallback as b, useEffect as V, useMemo as R, useRef as D } from "react";
-import { c as E } from "../index-CR-odn5-.js";
-import { u as K } from "../useControllableState-B3ZaoXSG.js";
-import { b as pe, f as U, C as X, c as Y, d as me, h as fe } from "../Command-F3OlI1TA.js";
-import { I as q } from "../Icon-CSPBHL_x.js";
-import { b as Se, P as Z, a as ee } from "../Popover-B3jOhCY-.js";
-import { C as ge, s as ye } from "../Select-C9hKZk4J.js";
-import { C as re } from "../check-C-TqZgvb.js";
-import { L as te } from "../Loader-DCJ9-3Mw.js";
-import { u as be } from "../useDebounce-BRah78CF.js";
-import { E as ve } from "../EmptyState-_sREQZFi.js";
-import { E as Ce } from "../ErrorState-E8i5zWYq.js";
-import { H as Ne } from "../HintState-BRHKrilH.js";
-const xe = ({
+import { jsx as l, jsxs as M, Fragment as W } from "react/jsx-runtime";
+import A, { useState as O, useCallback as N, useEffect as z, useMemo as D, useRef as K } from "react";
+import { c as F } from "../index-CR-odn5-.js";
+import { u as j, a as me, S as pe } from "../SearchSelectTag-9aMVvXqp.js";
+import { b as Se, f as ee, C as re, c as te, d as ge, h as ye } from "../Command-F3OlI1TA.js";
+import { I as B } from "../Icon-CSPBHL_x.js";
+import { b as ve, P as _, a as $ } from "../Popover-B3jOhCY-.js";
+import { C as be, s as Ce } from "../Select-C9hKZk4J.js";
+import { C as ne } from "../check-C-TqZgvb.js";
+import { L as ae } from "../Loader-DCJ9-3Mw.js";
+import { u as Ne } from "../useDebounce-BRah78CF.js";
+import { E as xe } from "../EmptyState-_sREQZFi.js";
+import { E as Le } from "../ErrorState-E8i5zWYq.js";
+import { H as Oe } from "../HintState-BRHKrilH.js";
+const we = ({
   options: e,
   value: r,
   defaultValue: t,
   onChange: n
 }) => {
-  const [s, l] = N(void 0), m = b(
-    (d) => {
-      if (d !== void 0) {
-        const i = e.find((f) => f.value === d) || s;
-        i && i.value === d && (l(i), n == null || n(d, i));
+  const [s, i] = O(void 0), m = N(
+    (h) => {
+      if (h !== void 0) {
+        const f = e.find((g) => g.value === h) || s;
+        f && f.value === h && (i(f), n == null || n(h, f));
       }
     },
     [n, e, s]
-  ), [o, c] = K({
+  ), [c, o] = j({
     value: r,
     defaultValue: t,
     onChange: m
   });
-  V(() => {
-    if (o !== void 0) {
-      if (s && s.value === o)
+  z(() => {
+    if (c !== void 0) {
+      if (s && s.value === c)
         return;
-      const d = e.find((i) => i.value === o);
-      d && l(d);
+      const h = e.find((f) => f.value === c);
+      h && i(h);
     } else
-      l(void 0);
-  }, [o, e, s]);
-  const u = b(
-    (d) => {
-      const i = e.find((f) => f.label === d);
-      i && c(i.value);
+      i(void 0);
+  }, [c, e, s]);
+  const u = N(
+    (h) => {
+      const f = e.find((g) => g.label === h);
+      f && o(f.value);
     },
-    [c, e]
+    [o, e]
   );
   return {
-    selectedValue: o,
+    selectedValue: c,
     selectedOption: s,
     setSelectedByLabel: u,
-    setSelectedValue: c
+    setSelectedValue: o
   };
-}, Le = E({
+}, Te = F({
   base: "self-center pl-1.5"
-}), ne = ({ children: e, className: r }) => /* @__PURE__ */ a("span", { className: Le({ className: r }), children: e }), Oe = E({
+}), le = ({ children: e, className: r }) => /* @__PURE__ */ l("span", { className: Te({ className: r }), children: e }), Ie = F({
   base: "pointer-events-none self-center pl-1.5 text-muted"
-}), Te = ({ children: e, className: r }) => /* @__PURE__ */ a("span", { className: Oe({ className: r }), children: e }), we = E({
-  extend: ye,
+}), Pe = ({ children: e, className: r }) => /* @__PURE__ */ l("span", { className: Ie({ className: r }), children: e }), Me = F({
+  extend: Ce,
   base: "group/search-select-trigger h-auto items-start py-1.5 pl-1.5 pr-3 lg:h-auto lg:py-1.5 lg:pl-1.5 lg:pr-2.5",
   slots: {
     iconWrapper: "py-1.5 lg:py-1"
   }
-}), H = P.forwardRef(
-  (c, o) => {
-    var u = c, { className: e, children: r, disabled: t, open: n, invalid: s, placeholder: l } = u, m = w(u, ["className", "children", "disabled", "open", "invalid", "placeholder"]);
-    const d = we({ disabled: t, invalid: s });
-    return /* @__PURE__ */ O(
+}), q = A.forwardRef(
+  (o, c) => {
+    var u = o, { className: e, children: r, disabled: t, open: n, invalid: s, placeholder: i } = u, m = E(u, ["className", "children", "disabled", "open", "invalid", "placeholder"]);
+    const h = Me({ disabled: t, invalid: s });
+    return /* @__PURE__ */ M(
       "button",
-      T(x({}, m), {
+      P(L({}, m), {
         disabled: t,
-        className: d.base({ className: e }),
-        ref: o,
+        className: h.base({ className: e }),
+        ref: c,
         role: "combobox",
         "aria-expanded": n,
         "aria-invalid": s,
         "aria-haspopup": "listbox",
         children: [
-          r !== void 0 ? r : /* @__PURE__ */ a(Te, { children: l }),
-          !t && /* @__PURE__ */ a("div", { className: d.iconWrapper(), children: /* @__PURE__ */ a(q, { icon: ge, className: d.icon() }) })
+          r !== void 0 ? r : /* @__PURE__ */ l(Pe, { children: i }),
+          !t && /* @__PURE__ */ l("div", { className: h.iconWrapper(), children: /* @__PURE__ */ l(B, { icon: be, className: h.icon() }) })
         ]
       })
     );
   }
 );
-H.displayName = "SearchSelectTrigger";
-const Ie = E({
+q.displayName = "SearchSelectTrigger";
+const Re = F({
   base: "w-full min-w-[var(--radix-popper-anchor-width)] border-secondary-border p-0"
-}), W = P.forwardRef(
+}), H = A.forwardRef(
   (s, n) => {
-    var l = s, { className: e, children: r } = l, t = w(l, ["className", "children"]);
-    return /* @__PURE__ */ a(Se, T(x({ ref: n, className: Ie({ className: e }), align: "start" }, t), { children: r }));
+    var i = s, { className: e, children: r } = i, t = E(i, ["className", "children"]);
+    return /* @__PURE__ */ l(ve, P(L({ ref: n, className: Re({ className: e }), align: "start" }, t), { children: r }));
   }
 );
-W.displayName = "SearchSelectContent";
-const k = P.forwardRef((n, t) => {
-  var s = n, { placeholder: e = "Find" } = s, r = w(s, ["placeholder"]);
-  return /* @__PURE__ */ a(pe, x({ ref: t, placeholder: e }, r));
+H.displayName = "SearchSelectContent";
+const G = A.forwardRef((n, t) => {
+  var s = n, { placeholder: e = "Find" } = s, r = E(s, ["placeholder"]);
+  return /* @__PURE__ */ l(Se, L({ ref: t, placeholder: e }, r));
 });
-k.displayName = "SearchSelectInput";
-const Pe = E({ base: "" }), Re = (e) => {
-  const B = e, {
+G.displayName = "SearchSelectInput";
+const Ee = F({ base: "" }), Ve = (e) => {
+  const J = e, {
     className: r,
     options: t,
     renderOption: n,
     placeholder: s = "Выберите значение",
-    value: l,
+    value: i,
     defaultValue: m,
-    onChange: o,
-    disabled: c,
+    onChange: c,
+    disabled: o,
     invalid: u,
-    searchPlaceholder: d = "Найти",
-    emptyText: i = "Результатов не найдено",
-    shouldFilter: f = !0,
+    searchPlaceholder: h = "Найти",
+    emptyText: f = "Результатов не найдено",
+    shouldFilter: g = !0,
     footerContent: v,
-    onSearchChange: h,
-    onOpenChange: p
-  } = B, S = w(B, [
+    onSearchChange: a,
+    onOpenChange: d
+  } = J, y = E(J, [
     "className",
     "options",
     "renderOption",
@@ -170,235 +170,235 @@ const Pe = E({ base: "" }), Re = (e) => {
     "footerContent",
     "onSearchChange",
     "onOpenChange"
-  ]), [C, g] = N(!1), [L, Q] = N(""), { selectedValue: M, selectedOption: I, setSelectedByLabel: A } = xe({
+  ]), [b, C] = O(!1), [w, V] = O(""), { selectedValue: R, selectedOption: I, setSelectedByLabel: p } = we({
     options: t,
-    value: l,
+    value: i,
     defaultValue: m,
-    onChange: o
-  }), j = b(
-    (y) => {
-      A(y), g(!1);
+    onChange: c
+  }), T = N(
+    (x) => {
+      p(x), C(!1);
     },
-    [A, g]
-  ), ae = b(
-    (y) => {
-      Q(y), h == null || h(y);
+    [p, C]
+  ), S = N(
+    (x) => {
+      V(x), a == null || a(x);
     },
-    [h]
-  ), oe = b(
-    (y) => {
-      g(y), p == null || p(y);
+    [a]
+  ), Q = N(
+    (x) => {
+      C(x), d == null || d(x);
     },
-    [p]
-  ), le = R(() => {
+    [d]
+  ), oe = D(() => {
     if (I)
-      return n ? n({ option: I, type: "trigger" }) : /* @__PURE__ */ a(ne, { children: I.label });
-  }, [I, n]), ce = R(() => t.map((y, ie) => /* @__PURE__ */ a(U, { value: y.label, onSelect: j, children: n ? n({
-    option: y,
+      return n ? n({ option: I, type: "trigger" }) : /* @__PURE__ */ l(le, { children: I.label });
+  }, [I, n]), ie = D(() => t.map((x, ue) => /* @__PURE__ */ l(ee, { value: x.label, onSelect: T, children: n ? n({
+    option: x,
     type: "list",
-    isSelected: M === y.value,
-    searchQuery: L,
-    index: ie
-  }) : /* @__PURE__ */ O(z, { children: [
-    y.label,
-    M === y.value && /* @__PURE__ */ a(q, { icon: re, className: "ml-auto" })
-  ] }) }, y.value)), [t, n, M, L, j]);
-  return /* @__PURE__ */ a(Z, T(x({}, S), { open: C, onOpenChange: oe, children: /* @__PURE__ */ O("div", { className: Pe({ className: r }), children: [
-    /* @__PURE__ */ a(ee, { asChild: !0, children: /* @__PURE__ */ a(H, { disabled: c, invalid: u, open: C, placeholder: s, children: le }) }),
-    /* @__PURE__ */ a(W, { children: /* @__PURE__ */ O(X, { shouldFilter: f, children: [
-      /* @__PURE__ */ a(k, { placeholder: d, onValueChange: ae }),
-      /* @__PURE__ */ O(Y, { children: [
-        ce,
-        /* @__PURE__ */ a(me, { className: "border-b border-secondary-border py-6", children: i }),
+    isSelected: R === x.value,
+    searchQuery: w,
+    index: ue
+  }) : /* @__PURE__ */ M(W, { children: [
+    x.label,
+    R === x.value && /* @__PURE__ */ l(B, { icon: ne, className: "ml-auto" })
+  ] }) }, x.value)), [t, n, R, w, T]);
+  return /* @__PURE__ */ l(_, P(L({}, y), { open: b, onOpenChange: Q, children: /* @__PURE__ */ M("div", { className: Ee({ className: r }), children: [
+    /* @__PURE__ */ l($, { asChild: !0, children: /* @__PURE__ */ l(q, { disabled: o, invalid: u, open: b, placeholder: s, children: oe }) }),
+    /* @__PURE__ */ l(H, { children: /* @__PURE__ */ M(re, { shouldFilter: g, children: [
+      /* @__PURE__ */ l(G, { placeholder: h, onValueChange: S }),
+      /* @__PURE__ */ M(te, { children: [
+        ie,
+        /* @__PURE__ */ l(ge, { className: "border-b border-secondary-border py-6", children: f }),
         v
-      ] }, `list-${L}`)
+      ] }, `list-${w}`)
     ] }) })
   ] }) }));
-}, Ee = E({
+}, De = F({
   base: "py-2 text-center text-sm text-muted-foreground"
-}), se = P.forwardRef(
+}), se = A.forwardRef(
   ({ onLoad: e, hasMore: r, loadingText: t = "Загрузка...", className: n }, s) => {
-    const l = D(null), m = Ee({ className: n });
-    return P.useImperativeHandle(s, () => l.current), V(() => {
-      const o = l.current;
-      if (!o || !r) return;
-      const c = new IntersectionObserver(
+    const i = K(null), m = De({ className: n });
+    return A.useImperativeHandle(s, () => i.current), z(() => {
+      const c = i.current;
+      if (!c || !r) return;
+      const o = new IntersectionObserver(
         ([u]) => {
           u.isIntersecting && e();
         },
         { rootMargin: "50px" }
       );
-      return c.observe(o), () => {
-        c.disconnect();
+      return o.observe(c), () => {
+        o.disconnect();
       };
-    }, [e, r]), r ? /* @__PURE__ */ a("div", { ref: l, className: m, children: /* @__PURE__ */ a(te, { className: "flex-row", children: t }) }) : null;
+    }, [e, r]), r ? /* @__PURE__ */ l("div", { ref: i, className: m, children: /* @__PURE__ */ l(ae, { className: "flex-row", children: t }) }) : null;
   }
 );
 se.displayName = "LoadMoreTrigger";
-const Me = (e, r) => {
+const Fe = (e, r) => {
   if (!r.trim()) return 1;
   const t = e.toLowerCase().trim(), n = r.toLowerCase().trim();
   if (t.startsWith(n)) return 3;
   if (t.includes(n)) return 2;
   let s = 0;
-  for (let l = 0; l < t.length && s < n.length; l++)
-    t[l] === n[s] && s++;
+  for (let i = 0; i < t.length && s < n.length; i++)
+    t[i] === n[s] && s++;
   return s === n.length ? 1 : 0;
-}, Ve = (e) => {
-  const h = e, { options: r, pageSize: t = 50, filter: n = Me } = h, s = w(h, ["options", "pageSize", "filter"]), [l, m] = N(t), [o, c] = N("");
-  V(() => m(t), [o, t]);
-  const { visibleOptions: u, hasMoreItems: d } = R(() => {
-    const p = o ? r.map((g) => ({
-      option: g,
-      score: n(g.label, o)
-    })).filter(({ score: g }) => g > 0).sort((g, L) => L.score - g.score).map(({ option: g }) => g) : r, S = p.slice(0, l), C = l < p.length;
+}, Ae = (e) => {
+  const a = e, { options: r, pageSize: t = 50, filter: n = Fe } = a, s = E(a, ["options", "pageSize", "filter"]), [i, m] = O(t), [c, o] = O("");
+  z(() => m(t), [c, t]);
+  const { visibleOptions: u, hasMoreItems: h } = D(() => {
+    const d = c ? r.map((C) => ({
+      option: C,
+      score: n(C.label, c)
+    })).filter(({ score: C }) => C > 0).sort((C, w) => w.score - C.score).map(({ option: C }) => C) : r, y = d.slice(0, i), b = i < d.length;
     return {
-      visibleOptions: S,
-      hasMoreItems: C
+      visibleOptions: y,
+      hasMoreItems: b
     };
-  }, [r, o, l, n]), i = b(() => {
-    m((p) => p + t);
-  }, [t]), f = b((p) => {
-    c(p);
-  }, []), v = b(
-    (p) => {
-      p && o && c("");
+  }, [r, c, i, n]), f = N(() => {
+    m((d) => d + t);
+  }, [t]), g = N((d) => {
+    o(d);
+  }, []), v = N(
+    (d) => {
+      d && c && o("");
     },
-    [o, c]
+    [c, o]
   );
-  return /* @__PURE__ */ a(
-    Re,
-    T(x({}, s), {
+  return /* @__PURE__ */ l(
+    Ve,
+    P(L({}, s), {
       options: u,
       shouldFilter: !1,
-      footerContent: /* @__PURE__ */ a(se, { onLoad: i, hasMore: d }),
-      onSearchChange: f,
+      footerContent: /* @__PURE__ */ l(se, { onLoad: f, hasMore: h }),
+      onSearchChange: g,
       onOpenChange: v
     })
   );
 };
-Ve.displayName = "LazySearchSelect";
-const Qe = P.forwardRef((e, r) => /* @__PURE__ */ a(fe, x({ ref: r }, e)));
+Ae.displayName = "LazySearchSelect";
+const Qe = A.forwardRef((e, r) => /* @__PURE__ */ l(ye, L({ ref: r }, e)));
 Qe.displayName = "SearchSelectSeparator";
-const Ae = ({ loadOptions: e }) => {
-  const [r, t] = N([]), [n, s] = N("idle"), [l, m] = N(null), o = D(null), c = D(0), u = b(() => {
-    o.current && o.current.abort();
-  }, []), d = b(
-    (i) => J(void 0, null, function* () {
+const ze = ({ loadOptions: e }) => {
+  const [r, t] = O([]), [n, s] = O("idle"), [i, m] = O(null), c = K(null), o = K(0), u = N(() => {
+    c.current && c.current.abort();
+  }, []), h = N(
+    (f) => Z(void 0, null, function* () {
       u();
-      const f = ++c.current, v = new AbortController();
-      o.current = v, s("loading"), m(null);
+      const g = ++o.current, v = new AbortController();
+      c.current = v, s("loading"), m(null);
       try {
-        const h = yield e({
-          searchQuery: i,
+        const a = yield e({
+          searchQuery: f,
           signal: v.signal
         });
-        if (f !== c.current) return;
-        t(h.options), s("success");
-      } catch (h) {
-        if (h instanceof Error && h.name === "AbortError" || f !== c.current) return;
-        m(h instanceof Error ? h.message : "Неизвестная ошибка"), s("error");
+        if (g !== o.current) return;
+        t(a.options), s("success");
+      } catch (a) {
+        if (a instanceof Error && a.name === "AbortError" || g !== o.current) return;
+        m(a instanceof Error ? a.message : "Неизвестная ошибка"), s("error");
       }
     }),
     [e, u]
   );
-  return V(() => () => u(), [u]), {
+  return z(() => () => u(), [u]), {
     options: r,
     loadingState: n,
-    error: l,
-    loadData: d,
+    error: i,
+    loadData: h,
     cancelRequests: u
   };
-}, Fe = ({
+}, ke = ({
   options: e,
   loadingState: r,
   error: t,
   isSelected: n,
   searchQuery: s,
-  loadMode: l,
+  loadMode: i,
   minInputLength: m,
-  onSelect: o,
-  renderOption: c,
+  onSelect: c,
+  renderOption: o,
   loadingText: u,
-  errorText: d,
-  inputHintText: i,
-  emptyText: f
+  errorText: h,
+  inputHintText: f,
+  emptyText: g
 }) => {
-  const v = R(() => e.map((h, p) => {
-    var S;
+  const v = D(() => e.map((a, d) => {
+    var y;
     return {
-      option: h,
-      index: p,
-      isSelected: (S = n == null ? void 0 : n(h)) != null ? S : !1
+      option: a,
+      index: d,
+      isSelected: (y = n == null ? void 0 : n(a)) != null ? y : !1
     };
   }), [e, n]);
-  return r === "error" ? /* @__PURE__ */ a(Ce, { className: "py-6", children: t || d }) : r === "loading" ? /* @__PURE__ */ a(te, { className: "py-6", children: u }) : l === "input" && s.length < m ? /* @__PURE__ */ a(Ne, { className: "py-6", children: i }) : e.length === 0 && r === "success" ? /* @__PURE__ */ a(ve, { className: "py-6", children: f }) : /* @__PURE__ */ a(z, { children: v.map(({ option: h, index: p, isSelected: S }) => /* @__PURE__ */ a(U, { value: h.label, onSelect: o, children: c ? c({
-    option: h,
+  return r === "error" ? /* @__PURE__ */ l(Le, { className: "py-6", children: t || h }) : r === "loading" ? /* @__PURE__ */ l(ae, { className: "py-6", children: u }) : i === "input" && s.length < m ? /* @__PURE__ */ l(Oe, { className: "py-6", children: f }) : e.length === 0 && r === "success" ? /* @__PURE__ */ l(xe, { className: "py-6", children: g }) : /* @__PURE__ */ l(W, { children: v.map(({ option: a, index: d, isSelected: y }) => /* @__PURE__ */ l(ee, { value: a.label, onSelect: c, children: o ? o({
+    option: a,
     type: "list",
-    isSelected: S,
+    isSelected: y,
     searchQuery: s,
-    index: p
-  }) : /* @__PURE__ */ O(z, { children: [
-    h.label,
-    S && /* @__PURE__ */ a(q, { icon: re, className: "ml-auto" })
-  ] }) }, h.value)) });
-}, ze = (e) => {
+    index: d
+  }) : /* @__PURE__ */ M(W, { children: [
+    a.label,
+    y && /* @__PURE__ */ l(B, { icon: ne, className: "ml-auto" })
+  ] }) }, a.value)) });
+}, ce = (e) => {
   const {
     loadOptions: r,
     loadMode: t = "auto",
     minInputLength: n = 3,
     debounceMs: s = 300,
-    searchPlaceholder: l = "Найти",
+    searchPlaceholder: i = "Найти",
     loadingText: m = "Загружаем...",
-    errorText: o = "Ошибка загрузки",
-    inputHintText: c = "Введите текст для поиска",
+    errorText: c = "Ошибка загрузки",
+    inputHintText: o = "Введите текст для поиска",
     emptyText: u = "Результатов не найдено",
-    renderOption: d,
-    onSelect: i,
-    isSelected: f
-  } = e, [v, h] = N(""), p = be(v, s), { options: S, loadingState: C, error: g, loadData: L } = Ae({
+    renderOption: h,
+    onSelect: f,
+    isSelected: g
+  } = e, [v, a] = O(""), d = Ne(v, s), { options: y, loadingState: b, error: C, loadData: w } = ze({
     loadOptions: r
-  }), Q = R(() => t === "auto" ? !0 : t === "input" ? p.length >= n : !1, [t, p, n]);
-  V(() => {
-    Q && L(p);
-  }, [Q, p, L]);
-  const M = b(
+  }), V = D(() => t === "auto" ? !0 : t === "input" ? d.length >= n : !1, [t, d, n]);
+  z(() => {
+    V && w(d);
+  }, [V, d, w]);
+  const R = N(
     (I) => {
-      i(S.find((A) => A.label === I) || null);
+      f(y.find((p) => p.label === I) || null);
     },
-    [i, S]
+    [f, y]
   );
-  return /* @__PURE__ */ O(X, { shouldFilter: !1, children: [
-    /* @__PURE__ */ a(k, { placeholder: l, onValueChange: h }),
-    /* @__PURE__ */ a(Y, { children: /* @__PURE__ */ a(
-      Fe,
+  return /* @__PURE__ */ M(re, { shouldFilter: !1, children: [
+    /* @__PURE__ */ l(G, { placeholder: i, onValueChange: a }),
+    /* @__PURE__ */ l(te, { children: /* @__PURE__ */ l(
+      ke,
       {
-        options: S,
-        loadingState: C,
-        error: g,
-        isSelected: f,
-        searchQuery: p,
+        options: y,
+        loadingState: b,
+        error: C,
+        isSelected: g,
+        searchQuery: d,
         loadMode: t,
         minInputLength: n,
-        onSelect: M,
-        renderOption: d,
+        onSelect: R,
+        renderOption: h,
         loadingText: m,
-        errorText: o,
-        inputHintText: c,
+        errorText: c,
+        inputHintText: o,
         emptyText: u
       }
-    ) }, `list-${p}`)
+    ) }, `list-${d}`)
   ] });
-}, Ze = (e) => {
-  const S = e, {
+}, nr = (e) => {
+  const y = e, {
     renderOption: r,
     placeholder: t = "Выберите значение",
     value: n,
     defaultValue: s,
-    disabled: l,
+    disabled: i,
     invalid: m,
-    onChange: o
-  } = S, c = w(S, [
+    onChange: c
+  } = y, o = E(y, [
     "renderOption",
     "placeholder",
     "value",
@@ -406,39 +406,131 @@ const Ae = ({ loadOptions: e }) => {
     "disabled",
     "invalid",
     "onChange"
-  ]), [u, d] = N(!1), [i, f] = K({
+  ]), [u, h] = O(!1), [f, g] = j({
     value: n,
     defaultValue: s,
-    onChange: o
-  }), v = R(() => {
-    if (i)
-      return r ? r({ option: i, type: "trigger" }) : /* @__PURE__ */ a(ne, { children: i.label });
-  }, [i, r]), h = b(
-    (C) => {
-      C && f(C), d(!1);
+    onChange: c
+  }), v = D(() => {
+    if (f)
+      return r ? r({ option: f, type: "trigger" }) : /* @__PURE__ */ l(le, { children: f.label });
+  }, [f, r]), a = N(
+    (b) => {
+      b && g(b), h(!1);
     },
-    [f, d]
-  ), p = b(
-    (C) => (i == null ? void 0 : i.value) === C.value,
-    [i]
+    [g, h]
+  ), d = N(
+    (b) => (f == null ? void 0 : f.value) === b.value,
+    [f]
   );
-  return /* @__PURE__ */ O(Z, T(x({}, c), { open: u, onOpenChange: d, children: [
-    /* @__PURE__ */ a(ee, { asChild: !0, children: /* @__PURE__ */ a(H, { placeholder: t, disabled: l, invalid: m, open: u, children: v }) }),
-    /* @__PURE__ */ a(W, { children: /* @__PURE__ */ a(ze, T(x({}, e), { onSelect: h, isSelected: p })) })
+  return /* @__PURE__ */ M(_, P(L({}, o), { open: u, onOpenChange: h, children: [
+    /* @__PURE__ */ l($, { asChild: !0, children: /* @__PURE__ */ l(q, { placeholder: t, disabled: i, invalid: m, open: u, children: v }) }),
+    /* @__PURE__ */ l(H, { children: /* @__PURE__ */ l(ce, P(L({}, e), { onSelect: a, isSelected: d })) })
   ] }));
+}, qe = F({
+  base: ""
+}), He = (e) => {
+  const I = e, {
+    className: r,
+    placeholder: t = "Выберите значение",
+    value: n,
+    defaultValue: s,
+    onChange: i,
+    disabled: m,
+    invalid: c,
+    keepOpenOnSelect: o = !0,
+    onLabelClick: u,
+    renderOption: h
+  } = I, f = E(I, [
+    "className",
+    "placeholder",
+    "value",
+    "defaultValue",
+    "onChange",
+    "disabled",
+    "invalid",
+    "keepOpenOnSelect",
+    "onLabelClick",
+    "renderOption"
+  ]), [g, v] = O(!1), [a, d] = j({
+    value: n,
+    defaultValue: s,
+    onChange: i
+  }), y = N(
+    (p) => {
+      if (p) {
+        const T = a == null ? void 0 : a.find((S) => S.value === p.value);
+        d(T ? (S) => (S == null ? void 0 : S.filter((Q) => Q.value !== p.value)) || [] : (S) => [...S || [], p]);
+      }
+      o || v(!1);
+    },
+    [a, o, d, v]
+  ), b = N(
+    (p) => {
+      (a == null ? void 0 : a.find((S) => S.value === p.value)) && d((S) => (S == null ? void 0 : S.filter((Q) => Q.value !== p.value)) || []);
+    },
+    [a, d]
+  ), C = N(
+    (p) => {
+      var T;
+      return (T = a == null ? void 0 : a.some((S) => S.value === p.value)) != null ? T : !1;
+    },
+    [a]
+  ), { handleKeyDown: w, isFocused: V } = me({
+    items: a || [],
+    onEnter: u,
+    onDelete: b
+  }), R = D(() => {
+    if (!(!a || a.length === 0))
+      return h ? a.map((p) => h({
+        option: p,
+        type: "trigger",
+        onClose: () => {
+          b(p);
+        }
+      })) : a.map((p, T) => /* @__PURE__ */ l(
+        pe,
+        {
+          onLabelClick: (S) => {
+            S.preventDefault(), u == null || u(p);
+          },
+          onClose: (S) => {
+            S.preventDefault(), b(p);
+          },
+          isFocused: V(T),
+          children: p.label
+        },
+        p.value
+      ));
+  }, [a, h, b, u, V]);
+  return /* @__PURE__ */ l("div", { className: qe({ className: r }), children: /* @__PURE__ */ M(_, P(L({ open: g, onOpenChange: v }, f), { children: [
+    /* @__PURE__ */ l($, { asChild: !0, children: /* @__PURE__ */ l(
+      q,
+      {
+        onKeyDown: w,
+        disabled: m,
+        open: g,
+        placeholder: t,
+        invalid: c,
+        children: R && /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-1.5 lg:gap-1", children: R })
+      }
+    ) }),
+    /* @__PURE__ */ l(H, { children: /* @__PURE__ */ l(ce, P(L({}, e), { onSelect: y, isSelected: C })) })
+  ] })) });
 };
+He.displayName = "MultiSelect";
 export {
-  Ze as AsyncSearchSelect,
-  Fe as AsyncSearchSelectContent,
-  Ve as LazySearchSelect,
+  nr as AsyncSearchSelect,
+  ke as AsyncSearchSelectContent,
+  Ae as LazySearchSelect,
   se as LoadMoreTrigger,
-  Re as SearchSelect,
-  W as SearchSelectContent,
-  k as SearchSelectInput,
+  He as MultiSelect,
+  Ve as SearchSelect,
+  H as SearchSelectContent,
+  G as SearchSelectInput,
   Qe as SearchSelectSeparator,
-  H as SearchSelectTrigger,
-  Me as defaultFuzzyFilter,
-  Ae as useAsyncDataLoader,
-  xe as useSearchSelect
+  q as SearchSelectTrigger,
+  Fe as defaultFuzzyFilter,
+  ze as useAsyncDataLoader,
+  we as useSearchSelect
 };
 //# sourceMappingURL=search-select.js.map