welcome-ui 9.0.10 → 10.0.0-alpha.10

package/dist/Select.js

@@ -1,19 +1,19 @@
 "use client";
-import { jsx as I, jsxs as P } from "react/jsx-runtime";
-import { D as me, F as Ke } from "./field-icon-size-Cj-yrCqM.js";
-import { g as Pe, c as Ee } from "./index-PAaZGbyz.js";
-import $e, { forwardRef as Ye, useMemo as Be, useState as $, useEffect as _e, useCallback as Ze, Fragment as Xe } from "react";
-import { CloseButton as Qe } from "./CloseButton.js";
-import { useField as qe } from "./Field.js";
-import "./Icon-BisRi8B3.js";
-import { D as Ge } from "./index-CTgip19b.js";
-import { c as Je } from "./create-event-rXDe5aCQ.js";
-import { u as en } from "./useForkRef-D807AV7D.js";
-import { Tag as nn } from "./Tag.js";
-var H = { exports: {} }, he;
-function tn() {
-  if (he) return H.exports;
-  he = 1;
+import './Select.css';
+import { jsx as v, jsxs as L } from "react/jsx-runtime";
+import { D as me } from "./downshift.esm-xtYanIDi.js";
+import { g as Ke, c as ye } from "./index-PAaZGbyz.js";
+import { forwardRef as Le, useMemo as Pe, useState as P, useEffect as he, useCallback as $e, Fragment as Ye } from "react";
+import { CloseButton as Be } from "./CloseButton.js";
+import { useField as Xe } from "./Field.js";
+import { Icon as _e } from "./Icon.js";
+import { c as Ze } from "./create-event-rXDe5aCQ.js";
+import { u as Qe } from "./useForkRef-D807AV7D.js";
+import { Tag as Ge } from "./Tag.js";
+var V = { exports: {} }, pe;
+function Je() {
+  if (pe) return V.exports;
+  pe = 1;
   var e = {
     À: "A",
     Á: "A",
@@ -474,26 +474,26 @@ function tn() {
     Й: "И",
     ё: "е",
     Ё: "Е"
-  }, n = Object.keys(e).join("|"), t = new RegExp(n, "g"), r = new RegExp(n, "");
-  function s(a) {
-    return e[a];
+  }, t = Object.keys(e).join("|"), n = new RegExp(t, "g"), r = new RegExp(t, "");
+  function s(o) {
+    return e[o];
   }
-  var l = function(a) {
-    return a.replace(t, s);
-  }, i = function(a) {
-    return !!a.match(r);
+  var c = function(o) {
+    return o.replace(n, s);
+  }, i = function(o) {
+    return !!o.match(r);
   };
-  return H.exports = l, H.exports.has = i, H.exports.remove = l, H.exports;
+  return V.exports = c, V.exports.has = i, V.exports.remove = c, V.exports;
 }
-var rn = tn();
-const sn = /* @__PURE__ */ Pe(rn);
+var et = Je();
+const tt = /* @__PURE__ */ Ke(et);
 /**
  * @name match-sorter
  * @license MIT license.
  * @copyright (c) 2020 Kent C. Dodds
  * @author Kent C. Dodds <me@kentcdodds.com> (https://kentcdodds.com)
  */
-const A = {
+const g = {
   CASE_SENSITIVE_EQUAL: 7,
   EQUAL: 6,
   STARTS_WITH: 5,
@@ -502,509 +502,511 @@ const A = {
   ACRONYM: 2,
   MATCHES: 1,
   NO_MATCH: 0
-}, cn = (e, n) => String(e.rankedValue).localeCompare(String(n.rankedValue));
-function G(e, n, t) {
-  t === void 0 && (t = {});
+}, nt = (e, t) => String(e.rankedValue).localeCompare(String(t.rankedValue));
+function G(e, t, n) {
+  n === void 0 && (n = {});
   const {
     keys: r,
-    threshold: s = A.MATCHES,
-    baseSort: l = cn,
-    sorter: i = (d) => d.sort((u, _) => un(u, _, l))
-  } = t, a = e.reduce(o, []);
-  return i(a).map((d) => {
+    threshold: s = g.MATCHES,
+    baseSort: c = nt,
+    sorter: i = (d) => d.sort((u, h) => ot(u, h, c))
+  } = n, o = e.reduce(l, []);
+  return i(o).map((d) => {
     let {
       item: u
     } = d;
     return u;
   });
-  function o(d, u, _) {
-    const x = an(u, r, n, t), {
-      rank: g,
+  function l(d, u, h) {
+    const E = rt(u, r, t, n), {
+      rank: p,
       keyThreshold: m = s
-    } = x;
-    return g >= m && d.push({
-      ...x,
+    } = E;
+    return p >= m && d.push({
+      ...E,
       item: u,
-      index: _
+      index: h
     }), d;
   }
 }
-G.rankings = A;
-function an(e, n, t, r) {
-  if (!n) {
-    const l = e;
+G.rankings = g;
+function rt(e, t, n, r) {
+  if (!t) {
+    const c = e;
     return {
       // ends up being duplicate of 'item' in matches but consistent
-      rankedValue: l,
-      rank: ge(l, t, r),
+      rankedValue: c,
+      rank: Ae(c, n, r),
       keyIndex: -1,
       keyThreshold: r.threshold
     };
   }
-  return mn(e, n).reduce((l, i, a) => {
+  return it(e, t).reduce((c, i, o) => {
     let {
-      rank: o,
+      rank: l,
       rankedValue: d,
       keyIndex: u,
-      keyThreshold: _
-    } = l, {
-      itemValue: x,
-      attributes: g
-    } = i, m = ge(x, t, r), k = d;
+      keyThreshold: h
+    } = c, {
+      itemValue: E,
+      attributes: p
+    } = i, m = Ae(E, n, r), k = d;
     const {
-      minRanking: D,
+      minRanking: T,
       maxRanking: R,
-      threshold: U
-    } = g;
-    return m < D && m >= A.MATCHES ? m = D : m > R && (m = R), m > o && (o = m, u = a, _ = U, k = x), {
+      threshold: S
+    } = p;
+    return m < T && m >= g.MATCHES ? m = T : m > R && (m = R), m > l && (l = m, u = o, h = S, k = E), {
       rankedValue: k,
-      rank: o,
+      rank: l,
       keyIndex: u,
-      keyThreshold: _
+      keyThreshold: h
     };
   }, {
     rankedValue: e,
-    rank: A.NO_MATCH,
+    rank: g.NO_MATCH,
     keyIndex: -1,
     keyThreshold: r.threshold
   });
 }
-function ge(e, n, t) {
-  return e = pe(e, t), n = pe(n, t), n.length > e.length ? A.NO_MATCH : e === n ? A.CASE_SENSITIVE_EQUAL : (e = e.toLowerCase(), n = n.toLowerCase(), e === n ? A.EQUAL : e.startsWith(n) ? A.STARTS_WITH : e.includes(` ${n}`) ? A.WORD_STARTS_WITH : e.includes(n) ? A.CONTAINS : n.length === 1 ? A.NO_MATCH : on(e).includes(n) ? A.ACRONYM : ln(e, n));
+function Ae(e, t, n) {
+  return e = ge(e, n), t = ge(t, n), t.length > e.length ? g.NO_MATCH : e === t ? g.CASE_SENSITIVE_EQUAL : (e = e.toLowerCase(), t = t.toLowerCase(), e === t ? g.EQUAL : e.startsWith(t) ? g.STARTS_WITH : e.includes(` ${t}`) ? g.WORD_STARTS_WITH : e.includes(t) ? g.CONTAINS : t.length === 1 ? g.NO_MATCH : st(e).includes(t) ? g.ACRONYM : at(e, t));
 }
-function on(e) {
-  let n = "";
+function st(e) {
+  let t = "";
   return e.split(" ").forEach((r) => {
-    r.split("-").forEach((l) => {
-      n += l.substr(0, 1);
+    r.split("-").forEach((c) => {
+      t += c.substr(0, 1);
     });
-  }), n;
+  }), t;
 }
-function ln(e, n) {
-  let t = 0, r = 0;
-  function s(o, d, u) {
-    for (let _ = u, x = d.length; _ < x; _++)
-      if (d[_] === o)
-        return t += 1, _ + 1;
+function at(e, t) {
+  let n = 0, r = 0;
+  function s(l, d, u) {
+    for (let h = u, E = d.length; h < E; h++)
+      if (d[h] === l)
+        return n += 1, h + 1;
     return -1;
   }
-  function l(o) {
-    const d = 1 / o, u = t / n.length;
-    return A.MATCHES + u * d;
+  function c(l) {
+    const d = 1 / l, u = n / t.length;
+    return g.MATCHES + u * d;
   }
-  const i = s(n[0], e, 0);
+  const i = s(t[0], e, 0);
   if (i < 0)
-    return A.NO_MATCH;
+    return g.NO_MATCH;
   r = i;
-  for (let o = 1, d = n.length; o < d; o++) {
-    const u = n[o];
+  for (let l = 1, d = t.length; l < d; l++) {
+    const u = t[l];
     if (r = s(u, e, r), !(r > -1))
-      return A.NO_MATCH;
+      return g.NO_MATCH;
   }
-  const a = r - i;
-  return l(a);
+  const o = r - i;
+  return c(o);
 }
-function un(e, n, t) {
+function ot(e, t, n) {
   const {
-    rank: l,
+    rank: c,
     keyIndex: i
   } = e, {
-    rank: a,
-    keyIndex: o
-  } = n;
-  return l === a ? i === o ? t(e, n) : i < o ? -1 : 1 : l > a ? -1 : 1;
+    rank: o,
+    keyIndex: l
+  } = t;
+  return c === o ? i === l ? n(e, t) : i < l ? -1 : 1 : c > o ? -1 : 1;
 }
-function pe(e, n) {
+function ge(e, t) {
   let {
-    keepDiacritics: t
-  } = n;
-  return e = `${e}`, t || (e = sn(e)), e;
+    keepDiacritics: n
+  } = t;
+  return e = `${e}`, n || (e = tt(e)), e;
 }
-function dn(e, n) {
-  typeof n == "object" && (n = n.key);
-  let t;
-  if (typeof n == "function")
-    t = n(e);
+function lt(e, t) {
+  typeof t == "object" && (t = t.key);
+  let n;
+  if (typeof t == "function")
+    n = t(e);
   else if (e == null)
-    t = null;
-  else if (Object.hasOwnProperty.call(e, n))
-    t = e[n];
+    n = null;
+  else if (Object.hasOwnProperty.call(e, t))
+    n = e[t];
   else {
-    if (n.includes("."))
-      return fn(n, e);
-    t = null;
+    if (t.includes("."))
+      return ct(t, e);
+    n = null;
   }
-  return t == null ? [] : Array.isArray(t) ? t : [String(t)];
+  return n == null ? [] : Array.isArray(n) ? n : [String(n)];
 }
-function fn(e, n) {
-  const t = e.split(".");
-  let r = [n];
-  for (let s = 0, l = t.length; s < l; s++) {
-    const i = t[s];
-    let a = [];
-    for (let o = 0, d = r.length; o < d; o++) {
-      const u = r[o];
+function ct(e, t) {
+  const n = e.split(".");
+  let r = [t];
+  for (let s = 0, c = n.length; s < c; s++) {
+    const i = n[s];
+    let o = [];
+    for (let l = 0, d = r.length; l < d; l++) {
+      const u = r[l];
       if (u != null)
         if (Object.hasOwnProperty.call(u, i)) {
-          const _ = u[i];
-          _ != null && a.push(_);
-        } else i === "*" && (a = a.concat(u));
+          const h = u[i];
+          h != null && o.push(h);
+        } else i === "*" && (o = o.concat(u));
     }
-    r = a;
+    r = o;
   }
   return Array.isArray(r[0]) ? [].concat(...r) : r;
 }
-function mn(e, n) {
-  const t = [];
-  for (let r = 0, s = n.length; r < s; r++) {
-    const l = n[r], i = _n(l), a = dn(e, l);
-    for (let o = 0, d = a.length; o < d; o++)
-      t.push({
-        itemValue: a[o],
+function it(e, t) {
+  const n = [];
+  for (let r = 0, s = t.length; r < s; r++) {
+    const c = t[r], i = ut(c), o = lt(e, c);
+    for (let l = 0, d = o.length; l < d; l++)
+      n.push({
+        itemValue: o[l],
         attributes: i
       });
   }
-  return t;
+  return n;
 }
-const Ae = {
+const Ie = {
   maxRanking: 1 / 0,
   minRanking: -1 / 0
 };
-function _n(e) {
-  return typeof e == "string" ? Ae : {
-    ...Ae,
+function ut(e) {
+  return typeof e == "string" ? Ie : {
+    ...Ie,
     ...e
   };
 }
-const hn = "_indicators_cxg1w_2", gn = "_open_cxg1w_33", pn = "_root_cxg1w_49", An = "_clearable_cxg1w_83", wn = "_transparent_cxg1w_101", In = "_wrapper_cxg1w_208", xn = "_disabled_cxg1w_212", En = "_menu_cxg1w_215", vn = "_item_cxg1w_243", On = "_highlighted_cxg1w_257", yn = "_selected_cxg1w_260", Cn = "_multiple_cxg1w_260", bn = "_allowUnselectFromList_cxg1w_264", Nn = "_tags_cxg1w_272", ve = {
-  indicators: hn,
-  "size-xs": "_size-xs_cxg1w_11",
-  "dropdown-indicator": "_dropdown-indicator_cxg1w_14",
-  "styled-icon": "_styled-icon_cxg1w_27",
-  open: gn,
-  "input-wrapper": "_input-wrapper_cxg1w_42",
-  "icon-placement-right": "_icon-placement-right_cxg1w_45",
-  root: pn,
-  "icon-placement-left": "_icon-placement-left_cxg1w_80",
-  "icon-placement-both": "_icon-placement-both_cxg1w_80",
-  clearable: An,
-  transparent: wn,
-  "variant-danger": "_variant-danger_cxg1w_136",
-  "variant-success": "_variant-success_cxg1w_140",
-  "variant-warning": "_variant-warning_cxg1w_144",
-  "size-lg": "_size-lg_cxg1w_148",
-  "size-md": "_size-md_cxg1w_155",
-  "size-sm": "_size-sm_cxg1w_162",
-  "icon-wrapper": "_icon-wrapper_cxg1w_177",
-  wrapper: In,
-  disabled: xn,
-  menu: En,
-  item: vn,
-  highlighted: On,
-  selected: yn,
-  multiple: Cn,
-  allowUnselectFromList: bn,
-  tags: Nn,
-  "styled-tag": "_styled-tag_cxg1w_275"
-}, we = Ee(ve);
-function Rn(e, n) {
-  return /* @__PURE__ */ I("div", { className: we("tags"), role: "list", children: e.map((t) => (
+const dt = "_indicators_1tqnt_2", ft = "_open_1tqnt_34", mt = "_disabled_1tqnt_40", ht = "_root_1tqnt_51", _t = "_clearable_1tqnt_86", pt = "_transparent_1tqnt_104", At = "_wrapper_1tqnt_204", gt = "_menu_1tqnt_211", It = "_item_1tqnt_239", vt = "_highlighted_1tqnt_253", Et = "_selected_1tqnt_256", Ot = "_multiple_1tqnt_256", yt = "_allowUnselectFromList_1tqnt_260", wt = "_tags_1tqnt_268", we = {
+  indicators: dt,
+  "size-xs": "_size-xs_1tqnt_11",
+  "dropdown-indicator": "_dropdown-indicator_1tqnt_14",
+  "styled-icon": "_styled-icon_1tqnt_28",
+  open: ft,
+  disabled: mt,
+  "input-wrapper": "_input-wrapper_1tqnt_44",
+  "icon-placement-right": "_icon-placement-right_1tqnt_47",
+  root: ht,
+  "icon-placement-left": "_icon-placement-left_1tqnt_83",
+  "icon-placement-both": "_icon-placement-both_1tqnt_83",
+  clearable: _t,
+  transparent: pt,
+  "variant-danger": "_variant-danger_1tqnt_140",
+  "variant-success": "_variant-success_1tqnt_143",
+  "variant-warning": "_variant-warning_1tqnt_146",
+  "size-lg": "_size-lg_1tqnt_149",
+  "size-md": "_size-md_1tqnt_157",
+  "size-sm": "_size-sm_1tqnt_165",
+  "icon-wrapper": "_icon-wrapper_1tqnt_173",
+  wrapper: At,
+  menu: gt,
+  item: It,
+  highlighted: vt,
+  selected: Et,
+  multiple: Ot,
+  allowUnselectFromList: yt,
+  tags: wt,
+  "styled-tag": "_styled-tag_1tqnt_271"
+}, ve = ye(we);
+function Ct(e, t) {
+  return /* @__PURE__ */ v("div", { className: ve("tags"), role: "list", children: e.map((n) => (
     // TODO migrate after WUI-187/tag
-    /* @__PURE__ */ I(
-      nn,
+    /* @__PURE__ */ v(
+      Ge,
       {
-        className: we("styled-tag"),
-        onRemove: () => n(t.value.toString()),
+        className: ve("styled-tag"),
+        onRemove: () => t(n.value.toString()),
         role: "listitem",
-        children: t.label
+        children: n.label
       },
-      t.value
+      n.value
     )
   )) });
 }
-const ee = "", Sn = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g, Oe = (e) => {
+const ee = "", xt = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g, Ce = (e) => {
   if (typeof e == "number")
     return String(e);
   if (typeof e == "string") {
-    const n = e.match(Sn);
-    return n && n.map((t) => t.toLowerCase()).join("-");
+    const t = e.match(xt);
+    return t && t.map((n) => n.toLowerCase()).join("-");
   }
-}, Ie = (e) => e ? e.label : ee, kn = (e) => e.reduce(
-  (n, t) => t.label && n.length > t.label.length ? n : t.label,
+}, Ee = (e) => e ? e.label : ee, Nt = (e) => e.reduce(
+  (t, n) => n.label && t.length > n.label.length ? t : n.label,
   ee
-), Un = (e, n, t) => {
-  const r = n.find((s) => e.value === s.value);
-  return r && t ? n.filter((s) => e.value !== s.value) : r ? n : [...n, e];
-}, q = (e, n) => !!n.find((t) => t.value === e), J = (e, n = []) => n.find(
+), bt = (e, t, n) => {
+  const r = t.find((s) => e.value === s.value);
+  return r && n ? t.filter((s) => e.value !== s.value) : r ? t : [...t, e];
+}, Q = (e, t) => !!t.find((n) => n.value === e), J = (e, t = []) => t.find(
   (r) => r.label === (e.label || e) || r.value === (e.value || e)
-) || { label: e, value: Oe(e) }, Vn = (e, n, t = !1) => {
-  const r = t ? n.flatMap((s) => s.options) : n;
+) || { label: e, value: Ce(e) }, Rt = (e, t, n = !1) => {
+  const r = n ? t.flatMap((s) => s.options) : t;
   return !e && e !== 0 ? [] : Array.isArray(e) ? e.map((s) => J(s, r)) : [J(e, r)];
-}, Tn = (e, n) => !!n.find((t) => t.value === e.value), Hn = (e, n) => Tn(e, n) ? e.value : e.label, xe = (e, n) => e ? e.map((t) => Hn(t, n)) : [], Dn = (e, n) => e ? e.filter(
-  (t) => !n.find((r) => r.value === t.value)
-) : [], Fn = ({
+}, qt = (e, t) => !!t.find((n) => n.value === e.value), kt = (e, t) => qt(e, t) ? e.value : e.label, Oe = (e, t) => e ? e.map((n) => kt(n, t)) : [], St = (e, t) => e ? e.filter(
+  (n) => !t.find((r) => r.value === n.value)
+) : [], Ut = ({
   inputValue: e,
-  isMultiple: n,
-  isSearchable: t,
+  isMultiple: t,
+  isSearchable: n,
   options: r,
   renderItem: s
 }) => {
-  const l = J(e, r);
-  return n ? e : l.label ? t ? l.label : s(l) : ee;
-}, O = Ee(ve), zn = me.default || me, Qn = Ye(
+  const c = J(e, r);
+  return t ? e : c.label ? n ? c.label : s(c) : ee;
+}, w = ye(we), Vt = me.default || me, Tt = Le(
   ({
     allowUnselectFromList: e,
-    autoComplete: n = "off",
-    autoFocus: t,
+    autoComplete: t = "off",
+    autoFocus: n,
     className: r,
     dataTestId: s,
-    disableCloseOnSelect: l,
+    disableCloseOnSelect: c,
     disabled: i,
-    groupsEnabled: a,
-    icon: o,
+    groupsEnabled: o,
+    icon: l,
     iconPlacement: d = "left",
     id: u,
-    isClearable: _,
-    isCreatable: x,
-    isMultiple: g,
+    isClearable: h,
+    isCreatable: E,
+    isMultiple: p,
     isSearchable: m,
     name: k,
-    onBlur: D,
+    onBlur: T,
     onChange: R,
-    onClick: U,
-    onCreate: Y,
-    onFocus: ye,
-    options: w = [],
-    placeholder: ne = "Choose from…",
-    renderCreateItem: Ce = (z) => `Create "${z}"`,
-    renderGroupHeader: te,
-    renderItem: F = Ie,
-    renderMultiple: be = Rn,
-    size: V = "md",
+    onClick: S,
+    onCreate: $,
+    onFocus: xe,
+    options: I = [],
+    placeholder: te = "Choose from…",
+    renderCreateItem: Ne = (F) => `Create "${F}"`,
+    renderGroupHeader: ne,
+    renderItem: H = Ee,
+    renderMultiple: be = Ct,
+    size: z = "lg",
     transparent: re,
     value: se,
-    variant: ce,
-    ...ae
-  }, Ne) => {
-    const { getInputProps: z, variant: Re } = qe(), oe = Re || ce, M = Be(
-      () => Vn(se, w, a),
-      [se, w, a]
-    ), B = !g && M[0] || null, Z = B ? B.label : "", [C, X] = $(M), [y, T] = $(Z), [j, W] = $(w), [b, S] = $(!1);
-    m = x || m;
-    const [Q, Se] = en(Ne);
-    _e(() => {
-      t && Q.current && (Q.current.focus(), m && S(!0));
-    }, [m, t, Q]), _e(() => {
-      X(M), T(Z), W(w);
-    }, [Z, w, M]);
-    const ke = (c) => {
-      if (m && c !== y) {
+    variant: ae,
+    ...oe
+  }, Re) => {
+    const { getInputProps: F, variant: qe } = Xe(), le = qe || ae, D = Pe(
+      () => Rt(se, I, o),
+      [se, I, o]
+    ), Y = !p && D[0] || null, B = Y ? Y.label : "", [x, X] = P(D), [C, U] = P(B), [M, j] = P(I), [N, q] = P(!1);
+    m = E || m;
+    const [Z, ke] = Qe(Re);
+    he(() => {
+      n && Z.current && (Z.current.focus(), m && q(!0));
+    }, [m, n, Z]), he(() => {
+      X(D), U(B), j(I);
+    }, [B, I, D]);
+    const Se = (a) => {
+      if (m && a !== C) {
         let f = [];
-        a ? f = G(w, c, {
+        o ? f = G(I, a, {
           // should match on group.label OR group.options.label
-          keys: [(p) => p.label, (p) => p.options.map((E) => E.label)]
-        }) : f = G(w, c, { keys: ["label"] }), T(c), W(f);
+          keys: [(A) => A.label, (A) => A.options.map((O) => O.label)]
+        }) : f = G(I, a, { keys: ["label"] }), U(a), j(f);
       }
     }, Ue = () => {
-      m && !b && S(!0);
-    }, le = (c) => {
+      m && !N && q(!0);
+    }, ce = (a) => {
       let f = [];
-      a ? f = xe(
-        c,
-        w.flatMap((h) => h.options)
-      ) : f = xe(c, w);
-      const p = g ? f : f[0], E = Je({ name: k, value: g ? c : c[0] });
-      if (R == null || R(p, E), x) {
-        const h = Dn(c, w);
-        h.length && (Y == null || Y(h[0].label, E));
+      o ? f = Oe(
+        a,
+        I.flatMap((_) => _.options)
+      ) : f = Oe(a, I);
+      const A = p ? f : f[0], O = Ze({ name: k, value: p ? a : a[0] });
+      if (R == null || R(A, O), E) {
+        const _ = St(a, I);
+        _.length && ($ == null || $(_[0].label, O));
       }
-    }, Ve = (c) => {
-      let f, p;
-      !c || c != null && c.disabled ? (f = g ? C : [], p = !0) : (f = g ? Un(c, C, e) : [c], p = g), p && T(""), W(w), X(f), le(f), l || S(!1);
-    }, Te = (c) => {
-      const f = C.filter((p) => p.value !== c);
-      X(f), le(f);
-    }, He = (c) => {
-      U == null || U(c), S(!b);
-    }, De = (c) => {
-      g && c.selectedItem ? T("") : m && c.selectedItem && T(c.selectedItem.label), W(w), S(!1);
-    }, Fe = kn(w), ie = Fn({
-      inputValue: y,
-      isMultiple: g,
+    }, Ve = (a) => {
+      let f, A;
+      !a || a != null && a.disabled ? (f = p ? x : [], A = !0) : (f = p ? bt(a, x, e) : [a], A = p), A && U(""), j(I), X(f), ce(f), c || q(!1);
+    }, Te = (a) => {
+      const f = x.filter((A) => A.value !== a);
+      X(f), ce(f);
+    }, He = (a) => {
+      S == null || S(a), q(!N);
+    }, ze = (a) => {
+      p && a.selectedItem ? U("") : m && a.selectedItem && U(a.selectedItem.label), j(I), q(!1);
+    }, Fe = Nt(I), ie = Ut({
+      inputValue: C,
+      isMultiple: p,
       isSearchable: m,
-      options: w,
-      renderItem: F
-    }), ze = Ze(
+      options: I,
+      renderItem: H
+    }), De = $e(
       ({
-        getItemProps: c,
+        getItemProps: a,
         highlightedIndex: f,
-        options: p
-      }) => p.reduce(
-        (E, h, L) => {
-          if (a && "options" in h)
-            E.itemsToRender.push(
-              /* @__PURE__ */ P(Xe, { children: [
-                te(h),
-                h.options ? h.options.map((v) => {
-                  const N = E.itemIndex++, K = q(v.value, C);
-                  return /* @__PURE__ */ I(
+        options: A
+      }) => A.reduce(
+        (O, _, W) => {
+          if (o && "options" in _)
+            O.itemsToRender.push(
+              /* @__PURE__ */ L(Ye, { children: [
+                ne(_),
+                _.options ? _.options.map((y) => {
+                  const b = O.itemIndex++, K = Q(y.value, x);
+                  return /* @__PURE__ */ v(
                     "li",
                     {
-                      className: O(
+                      className: w(
                         "item",
-                        f === N && "highlighted",
-                        g && "multiple",
+                        f === b && "highlighted",
+                        p && "multiple",
                         e && "allowUnselectFromList",
-                        v.disabled && "disabled",
+                        y.disabled && "disabled",
                         K && "selected"
                       ),
-                      ...c({
-                        index: N,
-                        item: v
+                      ...a({
+                        index: b,
+                        item: y
                       }),
-                      children: F(v, K)
+                      children: H(y, K)
                     },
-                    v.value
+                    y.value
                   );
                 }) : null
-              ] }, h.label)
+              ] }, _.label)
             );
-          else if ("value" in h) {
-            const v = q(h.value, C), N = f === L;
-            E.itemsToRender.push(
-              /* @__PURE__ */ I(
+          else if ("value" in _) {
+            const y = Q(_.value, x), b = f === W;
+            O.itemsToRender.push(
+              /* @__PURE__ */ v(
                 "li",
                 {
-                  className: O(
+                  className: w(
                     "item",
-                    N && "highlighted",
-                    g && "multiple",
+                    b && "highlighted",
+                    p && "multiple",
                     e && "allowUnselectFromList",
-                    h.disabled && "disabled",
-                    v && "selected"
+                    _.disabled && "disabled",
+                    y && "selected"
                   ),
-                  ...c({
-                    index: L,
-                    item: h
+                  ...a({
+                    index: W,
+                    item: _
                   }),
-                  children: F(h, v)
+                  children: H(_, y)
                 },
-                h.value
+                _.value
               )
             );
           }
-          return E;
+          return O;
         },
         { itemIndex: 0, itemsToRender: [] }
       ).itemsToRender,
-      [g, e, C, a, te, F]
-    ), Me = Ke[V], ue = O(
+      [p, e, x, o, ne, H]
+    ), ue = w(
       "root",
-      `size-${V}`,
-      oe && `variant-${oe}`,
-      _ && "clearable",
+      `size-${z}`,
+      le && `variant-${le}`,
+      h && "clearable",
       re && "transparent",
-      o && `icon-placement-${d}`,
-      r
+      l && `icon-placement-${d}`,
+      r,
+      i && "disabled"
     );
-    return /* @__PURE__ */ I(
-      zn,
+    return /* @__PURE__ */ v(
+      Vt,
       {
         id: u,
         inputValue: m ? ie : "",
-        isOpen: b,
-        itemToString: Ie,
-        onInputValueChange: ke,
-        onOuterClick: De,
+        isOpen: N,
+        itemToString: Ee,
+        onInputValueChange: Se,
+        onOuterClick: ze,
         onSelect: Ve,
-        selectedItem: B,
+        selectedItem: Y,
         children: ({
-          clearSelection: c,
+          clearSelection: a,
           getInputProps: f,
-          getItemProps: p,
-          getMenuProps: E,
-          getRootProps: h,
-          getToggleButtonProps: L,
-          highlightedIndex: v
+          getItemProps: A,
+          getMenuProps: O,
+          getRootProps: _,
+          getToggleButtonProps: W,
+          highlightedIndex: y
         }) => {
-          const N = !!(x && y && !q(y, C)), K = b && (j.length || N), de = _ && y, je = /* @__PURE__ */ I("div", { className: O("dropdown-indicator", b && "open"), children: /* @__PURE__ */ I(
-            Qe,
+          const b = !!(E && C && !Q(C, x)), K = N && (M.length || b), de = h && C, Me = /* @__PURE__ */ v("div", { className: w("dropdown-indicator", N && "open"), children: /* @__PURE__ */ v(
+            Be,
             {
               animatePresence: !0,
-              onClick: c,
+              onClick: a,
               title: "Clear"
             }
-          ) }), We = /* @__PURE__ */ I(
+          ) }), je = /* @__PURE__ */ v(
             "div",
             {
-              className: O("dropdown-indicator", b && "open"),
+              className: w("dropdown-indicator", N && "open", i && "disabled"),
               "data-testid": s ? `${s}-arrow-icon` : null,
               disabled: i,
               tabIndex: -1,
-              ...L({
-                onClick: () => S(!b)
+              ...W({
+                onClick: () => !i && q(!N)
               }),
-              children: /* @__PURE__ */ I(Ge, { className: O("styled-icon"), size: "sm" })
+              children: /* @__PURE__ */ v(_e, { className: w("styled-icon"), name: "angle-down", size: "lg" })
             }
-          ), Le = h(ae, { suppressRefError: !0 }), fe = f({
-            autoComplete: n,
-            autoFocus: t,
-            "data-spacer": Fe || ne,
+          ), We = _(oe, { suppressRefError: !0 }), fe = f({
+            autoComplete: t,
+            autoFocus: n,
+            "data-spacer": Fe || te,
             "data-testid": s,
             disabled: i,
             id: u,
             name: k,
-            onBlur: D,
+            onBlur: T,
             onClick: i ? void 0 : He,
-            onFocus: ye,
+            onFocus: xe,
             onKeyDown: Ue,
-            placeholder: ne,
-            ref: Se,
-            size: V,
+            placeholder: te,
+            ref: ke,
+            size: z,
             tabIndex: 0,
             transparent: re,
-            variant: b ? "focused" : ce,
-            ...ae
+            variant: N ? "focused" : ae,
+            ...oe
           });
-          return /* @__PURE__ */ P("div", { ...Le, className: O("wrapper", i && "disabled"), children: [
-            m ? /* @__PURE__ */ I(
+          return /* @__PURE__ */ L("div", { ...We, className: w("wrapper", i && "disabled"), children: [
+            m ? /* @__PURE__ */ v(
               "input",
               {
                 className: ue,
                 type: "text",
-                ...z(fe)
+                ...F(fe)
               }
-            ) : /* @__PURE__ */ I("div", { className: ue, ...z(fe), children: ie }),
-            o ? /* @__PURE__ */ I("div", { className: O("icon-wrapper", "icon-placement-left", `size-${V}`), children: $e.cloneElement(o, { ...o.props, size: Me }) }) : null,
-            /* @__PURE__ */ P("div", { className: O("indicators", `size-${V}`), children: [
-              de ? je : null,
-              We
+            ) : /* @__PURE__ */ v("div", { className: ue, ...F(fe), children: ie }),
+            l ? /* @__PURE__ */ v("div", { className: w("icon-wrapper", "icon-placement-left", `size-${z}`), children: /* @__PURE__ */ v(_e, { ...l.props, size: "md" }) }) : null,
+            /* @__PURE__ */ L("div", { className: w("indicators", `size-${z}`), children: [
+              de ? Me : null,
+              je
             ] }),
-            K ? /* @__PURE__ */ P("ul", { className: O("menu"), ...E(), children: [
-              ze({ getItemProps: p, highlightedIndex: v, options: j }),
-              N && y.length ? /* @__PURE__ */ I(
+            K ? /* @__PURE__ */ L("ul", { className: w("menu"), ...O(), children: [
+              De({ getItemProps: A, highlightedIndex: y, options: M }),
+              b && C.length ? /* @__PURE__ */ v(
                 "li",
                 {
-                  className: O("item", v === j.length && "highlighted"),
-                  ...p({
-                    index: j.length,
+                  className: w("item", y === M.length && "highlighted"),
+                  ...A({
+                    index: M.length,
                     item: {
-                      label: y,
-                      value: Oe(y)
+                      label: C,
+                      value: Ce(C)
                     }
                   }),
-                  children: Ce(y)
+                  children: Ne(C)
                 },
                 "add"
               ) : null
             ] }) : null,
-            g ? be(C, Te) : null
+            p ? be(x, Te) : null
           ] });
         }
       }
     );
   }
 );
+Tt.displayName = "Select";
 export {
-  Qn as Select
+  Tt as Select
 };