welcome-ui 10.0.0-alpha.10 → 10.0.0-alpha.12

package/dist/Select.js

@@ -1,19 +1,18 @@
 "use client";
 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;
+import { jsx as p, jsxs as L } from "react/jsx-runtime";
+import { D as pe } from "./downshift.esm-xtYanIDi.js";
+import { g as Ye, c as Ce } from "./index-PAaZGbyz.js";
+import { useRef as Be, useMemo as be, forwardRef as Xe, useState as $, useEffect as ge, useCallback as Ze, Fragment as Qe } from "react";
+import { CloseButton as Ge } from "./CloseButton.js";
+import { useField as Je } from "./Field.js";
+import { Icon as Ae } from "./Icon.js";
+import { c as et } from "./create-event-rXDe5aCQ.js";
+import { Tag as tt } from "./Tag.js";
+var H = { exports: {} }, Ie;
+function nt() {
+  if (Ie) return H.exports;
+  Ie = 1;
   var e = {
     À: "A",
     Á: "A",
@@ -475,25 +474,25 @@ function Je() {
     ё: "е",
     Ё: "Е"
   }, t = Object.keys(e).join("|"), n = new RegExp(t, "g"), r = new RegExp(t, "");
-  function s(o) {
-    return e[o];
+  function a(l) {
+    return e[l];
   }
-  var c = function(o) {
-    return o.replace(n, s);
-  }, i = function(o) {
-    return !!o.match(r);
+  var i = function(l) {
+    return l.replace(n, a);
+  }, f = function(l) {
+    return !!l.match(r);
   };
-  return V.exports = c, V.exports.has = i, V.exports.remove = c, V.exports;
+  return H.exports = i, H.exports.has = f, H.exports.remove = i, H.exports;
 }
-var et = Je();
-const tt = /* @__PURE__ */ Ke(et);
+var rt = nt();
+const st = /* @__PURE__ */ Ye(rt);
 /**
  * @name match-sorter
  * @license MIT license.
  * @copyright (c) 2020 Kent C. Dodds
  * @author Kent C. Dodds <me@kentcdodds.com> (https://kentcdodds.com)
  */
-const g = {
+const A = {
   CASE_SENSITIVE_EQUAL: 7,
   EQUAL: 6,
   STARTS_WITH: 5,
@@ -502,125 +501,125 @@ const g = {
   ACRONYM: 2,
   MATCHES: 1,
   NO_MATCH: 0
-}, nt = (e, t) => String(e.rankedValue).localeCompare(String(t.rankedValue));
-function G(e, t, n) {
+}, at = (e, t) => String(e.rankedValue).localeCompare(String(t.rankedValue));
+function te(e, t, n) {
   n === void 0 && (n = {});
   const {
     keys: r,
-    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) => {
+    threshold: a = A.MATCHES,
+    baseSort: i = at,
+    sorter: f = (u) => u.sort((o, m) => ot(o, m, i))
+  } = n, l = e.reduce(s, []);
+  return f(l).map((u) => {
     let {
-      item: u
-    } = d;
-    return u;
+      item: o
+    } = u;
+    return o;
   });
-  function l(d, u, h) {
-    const E = rt(u, r, t, n), {
-      rank: p,
-      keyThreshold: m = s
-    } = E;
-    return p >= m && d.push({
-      ...E,
-      item: u,
-      index: h
-    }), d;
+  function s(u, o, m) {
+    const C = lt(o, r, t, n), {
+      rank: q,
+      keyThreshold: v = a
+    } = C;
+    return q >= v && u.push({
+      ...C,
+      item: o,
+      index: m
+    }), u;
   }
 }
-G.rankings = g;
-function rt(e, t, n, r) {
+te.rankings = A;
+function lt(e, t, n, r) {
   if (!t) {
-    const c = e;
+    const i = e;
     return {
       // ends up being duplicate of 'item' in matches but consistent
-      rankedValue: c,
-      rank: Ae(c, n, r),
+      rankedValue: i,
+      rank: ve(i, n, r),
       keyIndex: -1,
       keyThreshold: r.threshold
     };
   }
-  return it(e, t).reduce((c, i, o) => {
+  return ft(e, t).reduce((i, f, l) => {
     let {
-      rank: l,
-      rankedValue: d,
-      keyIndex: u,
-      keyThreshold: h
-    } = c, {
-      itemValue: E,
-      attributes: p
-    } = i, m = Ae(E, n, r), k = d;
+      rank: s,
+      rankedValue: u,
+      keyIndex: o,
+      keyThreshold: m
+    } = i, {
+      itemValue: C,
+      attributes: q
+    } = f, v = ve(C, n, r), g = u;
     const {
-      minRanking: T,
-      maxRanking: R,
-      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: l,
-      keyIndex: u,
-      keyThreshold: h
+      minRanking: E,
+      maxRanking: U,
+      threshold: P
+    } = q;
+    return v < E && v >= A.MATCHES ? v = E : v > U && (v = U), v > s && (s = v, o = l, m = P, g = C), {
+      rankedValue: g,
+      rank: s,
+      keyIndex: o,
+      keyThreshold: m
     };
   }, {
     rankedValue: e,
-    rank: g.NO_MATCH,
+    rank: A.NO_MATCH,
     keyIndex: -1,
     keyThreshold: r.threshold
   });
 }
-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 ve(e, t, n) {
+  return e = Ee(e, n), t = Ee(t, n), t.length > e.length ? A.NO_MATCH : e === t ? A.CASE_SENSITIVE_EQUAL : (e = e.toLowerCase(), t = t.toLowerCase(), e === t ? A.EQUAL : e.startsWith(t) ? A.STARTS_WITH : e.includes(` ${t}`) ? A.WORD_STARTS_WITH : e.includes(t) ? A.CONTAINS : t.length === 1 ? A.NO_MATCH : ct(e).includes(t) ? A.ACRONYM : it(e, t));
 }
-function st(e) {
+function ct(e) {
   let t = "";
   return e.split(" ").forEach((r) => {
-    r.split("-").forEach((c) => {
-      t += c.substr(0, 1);
+    r.split("-").forEach((i) => {
+      t += i.substr(0, 1);
     });
   }), t;
 }
-function at(e, t) {
+function it(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;
+  function a(s, u, o) {
+    for (let m = o, C = u.length; m < C; m++)
+      if (u[m] === s)
+        return n += 1, m + 1;
     return -1;
   }
-  function c(l) {
-    const d = 1 / l, u = n / t.length;
-    return g.MATCHES + u * d;
+  function i(s) {
+    const u = 1 / s, o = n / t.length;
+    return A.MATCHES + o * u;
   }
-  const i = s(t[0], e, 0);
-  if (i < 0)
-    return g.NO_MATCH;
-  r = i;
-  for (let l = 1, d = t.length; l < d; l++) {
-    const u = t[l];
-    if (r = s(u, e, r), !(r > -1))
-      return g.NO_MATCH;
+  const f = a(t[0], e, 0);
+  if (f < 0)
+    return A.NO_MATCH;
+  r = f;
+  for (let s = 1, u = t.length; s < u; s++) {
+    const o = t[s];
+    if (r = a(o, e, r), !(r > -1))
+      return A.NO_MATCH;
   }
-  const o = r - i;
-  return c(o);
+  const l = r - f;
+  return i(l);
 }
 function ot(e, t, n) {
   const {
-    rank: c,
-    keyIndex: i
+    rank: i,
+    keyIndex: f
   } = e, {
-    rank: o,
-    keyIndex: l
+    rank: l,
+    keyIndex: s
   } = t;
-  return c === o ? i === l ? n(e, t) : i < l ? -1 : 1 : c > o ? -1 : 1;
+  return i === l ? f === s ? n(e, t) : f < s ? -1 : 1 : i > l ? -1 : 1;
 }
-function ge(e, t) {
+function Ee(e, t) {
   let {
     keepDiacritics: n
   } = t;
-  return e = `${e}`, n || (e = tt(e)), e;
+  return e = `${e}`, n || (e = st(e)), e;
 }
-function lt(e, t) {
+function ut(e, t) {
   typeof t == "object" && (t = t.key);
   let n;
   if (typeof t == "function")
@@ -631,65 +630,77 @@ function lt(e, t) {
     n = e[t];
   else {
     if (t.includes("."))
-      return ct(t, e);
+      return dt(t, e);
     n = null;
   }
   return n == null ? [] : Array.isArray(n) ? n : [String(n)];
 }
-function ct(e, t) {
+function dt(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 h = u[i];
-          h != null && o.push(h);
-        } else i === "*" && (o = o.concat(u));
+  for (let a = 0, i = n.length; a < i; a++) {
+    const f = n[a];
+    let l = [];
+    for (let s = 0, u = r.length; s < u; s++) {
+      const o = r[s];
+      if (o != null)
+        if (Object.hasOwnProperty.call(o, f)) {
+          const m = o[f];
+          m != null && l.push(m);
+        } else f === "*" && (l = l.concat(o));
     }
-    r = o;
+    r = l;
   }
   return Array.isArray(r[0]) ? [].concat(...r) : r;
 }
-function it(e, t) {
+function ft(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++)
+  for (let r = 0, a = t.length; r < a; r++) {
+    const i = t[r], f = mt(i), l = ut(e, i);
+    for (let s = 0, u = l.length; s < u; s++)
       n.push({
-        itemValue: o[l],
-        attributes: i
+        itemValue: l[s],
+        attributes: f
       });
   }
   return n;
 }
-const Ie = {
+const ye = {
   maxRanking: 1 / 0,
   minRanking: -1 / 0
 };
-function ut(e) {
-  return typeof e == "string" ? Ie : {
-    ...Ie,
+function mt(e) {
+  return typeof e == "string" ? ye : {
+    ...ye,
     ...e
   };
 }
-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,
+function ht(...e) {
+  return (t) => {
+    e.forEach((n) => _t(n, t));
+  };
+}
+function _t(e, t) {
+  e && (typeof e == "function" && t !== void 0 ? e(t) : e.current = t ?? null);
+}
+function pt(e, t) {
+  const n = Be(null), r = be(() => ht(e, n, t), [e, n, t]);
+  return [n, r];
+}
+const gt = "_indicators_1tqnt_2", At = "_open_1tqnt_34", It = "_disabled_1tqnt_40", vt = "_root_1tqnt_51", Et = "_clearable_1tqnt_86", yt = "_transparent_1tqnt_104", Ot = "_wrapper_1tqnt_204", wt = "_menu_1tqnt_211", xt = "_item_1tqnt_239", Ct = "_highlighted_1tqnt_253", bt = "_selected_1tqnt_256", Nt = "_multiple_1tqnt_256", qt = "_allowUnselectFromList_1tqnt_260", Rt = "_tags_1tqnt_268", Ne = {
+  indicators: gt,
   "size-xs": "_size-xs_1tqnt_11",
   "dropdown-indicator": "_dropdown-indicator_1tqnt_14",
   "styled-icon": "_styled-icon_1tqnt_28",
-  open: ft,
-  disabled: mt,
+  open: At,
+  disabled: It,
   "input-wrapper": "_input-wrapper_1tqnt_44",
   "icon-placement-right": "_icon-placement-right_1tqnt_47",
-  root: ht,
+  root: vt,
   "icon-placement-left": "_icon-placement-left_1tqnt_83",
   "icon-placement-both": "_icon-placement-both_1tqnt_83",
-  clearable: _t,
-  transparent: pt,
+  clearable: Et,
+  transparent: yt,
   "variant-danger": "_variant-danger_1tqnt_140",
   "variant-success": "_variant-success_1tqnt_143",
   "variant-warning": "_variant-warning_1tqnt_146",
@@ -697,23 +708,23 @@ const dt = "_indicators_1tqnt_2", ft = "_open_1tqnt_34", mt = "_disabled_1tqnt_4
   "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,
+  wrapper: Ot,
+  menu: wt,
+  item: xt,
+  highlighted: Ct,
+  selected: bt,
+  multiple: Nt,
+  allowUnselectFromList: qt,
+  tags: Rt,
   "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) => (
+}, Oe = Ce(Ne);
+function kt(e, t) {
+  return /* @__PURE__ */ p("div", { className: Oe("tags"), role: "list", children: e.map((n) => (
     // TODO migrate after WUI-187/tag
-    /* @__PURE__ */ v(
-      Ge,
+    /* @__PURE__ */ p(
+      tt,
       {
-        className: ve("styled-tag"),
+        className: Oe("styled-tag"),
         onRemove: () => t(n.value.toString()),
         role: "listitem",
         children: n.label
@@ -722,174 +733,177 @@ function Ct(e, t) {
     )
   )) });
 }
-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) => {
+const re = "", St = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g, qe = (e) => {
   if (typeof e == "number")
     return String(e);
   if (typeof e == "string") {
-    const t = e.match(xt);
+    const t = e.match(St);
     return t && t.map((n) => n.toLowerCase()).join("-");
   }
-}, Ee = (e) => e ? e.label : ee, Nt = (e) => e.reduce(
+}, we = (e) => e ? e.label : re, Ut = (e) => e.reduce(
   (t, n) => n.label && t.length > n.label.length ? t : n.label,
-  ee
-), 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(
+  re
+), Vt = (e, t, n) => {
+  const r = t.find((a) => e.value === a.value);
+  return r && n ? t.filter((a) => e.value !== a.value) : r ? t : [...t, e];
+}, ee = (e, t) => !!t.find((n) => n.value === e), ne = (e, t = []) => t.find(
   (r) => r.label === (e.label || e) || r.value === (e.value || e)
-) || { 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)];
-}, 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(
+) || { label: e, value: qe(e) }, Tt = (e, t, n = !1) => {
+  const r = n ? t.flatMap((a) => a.options) : t;
+  return !e && e !== 0 ? [] : Array.isArray(e) ? e.map((a) => ne(a, r)) : [ne(e, r)];
+}, Ht = (e, t) => !!t.find((n) => n.value === e.value), zt = (e, t) => Ht(e, t) ? e.value : e.label, xe = (e, t) => e ? e.map((n) => zt(n, t)) : [], Ft = (e, t) => e ? e.filter(
   (n) => !t.find((r) => r.value === n.value)
-) : [], Ut = ({
+) : [], Dt = ({
   inputValue: e,
   isMultiple: t,
   isSearchable: n,
   options: r,
-  renderItem: s
+  renderItem: a
 }) => {
-  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(
+  const i = ne(e, r);
+  return t ? e : i.label ? n ? i.label : a(i) : re;
+}, y = Ce(Ne), jt = pe.default || pe, Mt = Xe(
   ({
     allowUnselectFromList: e,
     autoComplete: t = "off",
     autoFocus: n,
     className: r,
-    dataTestId: s,
-    disableCloseOnSelect: c,
-    disabled: i,
-    groupsEnabled: o,
-    icon: l,
-    iconPlacement: d = "left",
-    id: u,
-    isClearable: h,
-    isCreatable: E,
-    isMultiple: p,
-    isSearchable: m,
-    name: k,
-    onBlur: T,
-    onChange: R,
-    onClick: S,
-    onCreate: $,
-    onFocus: xe,
+    dataTestId: a,
+    defaultHighlightedIndex: i,
+    disableCloseOnSelect: f,
+    disabled: l,
+    groupsEnabled: s,
+    highlightedIndex: u,
+    icon: o,
+    iconPlacement: m = "left",
+    id: C,
+    isClearable: q,
+    isCreatable: v,
+    isMultiple: g,
+    isSearchable: E,
+    name: U,
+    onBlur: P,
+    onChange: Y,
+    onClick: B,
+    onCreate: X,
+    onFocus: Re,
     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: ae,
+    placeholder: se = "Choose from…",
+    renderCreateItem: ke = (D) => `Create "${D}"`,
+    renderGroupHeader: ae,
+    renderItem: z = we,
+    renderMultiple: Se = kt,
+    renderNoResults: V,
+    size: F = "lg",
+    transparent: le,
+    value: ce,
+    variant: ie,
     ...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 = [];
-        o ? f = G(I, a, {
+  }, Ue) => {
+    const { getInputProps: D, variant: Ve } = Je(), ue = Ve || ie, j = be(
+      () => Tt(ce, I, s),
+      [ce, I, s]
+    ), Z = !g && j[0] || null, Q = Z ? Z.label : "", [b, G] = $(j), [w, T] = $(Q), [k, M] = $(I), [N, S] = $(!1);
+    E = v || E;
+    const [J, Te] = pt(Ue);
+    ge(() => {
+      n && J.current && (J.current.focus(), E && S(!0));
+    }, [E, n, J]), ge(() => {
+      G(j), T(Q), M(I);
+    }, [Q, I, j]);
+    const He = (c) => {
+      if (E && c !== w) {
+        let d = [];
+        s ? d = te(I, c, {
           // should match on group.label OR group.options.label
-          keys: [(A) => A.label, (A) => A.options.map((O) => O.label)]
-        }) : f = G(I, a, { keys: ["label"] }), U(a), j(f);
+          keys: [(_) => _.label, (_) => _.options.map((O) => O.label)]
+        }) : d = te(I, c, { keys: ["label"] }), T(c), M(d);
       }
-    }, Ue = () => {
-      m && !N && q(!0);
-    }, ce = (a) => {
-      let f = [];
-      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));
+    }, ze = () => {
+      E && !N && S(!0);
+    }, de = (c) => {
+      let d = [];
+      s ? d = xe(
+        c,
+        I.flatMap((h) => h.options)
+      ) : d = xe(c, I);
+      const _ = g ? d : d[0], O = et({ name: U, value: g ? c : c[0] });
+      if (Y == null || Y(_, O), v) {
+        const h = Ft(c, I);
+        h.length && (X == null || X(h[0].label, O));
       }
-    }, 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,
+    }, Fe = (c) => {
+      let d, _;
+      !c || c != null && c.disabled ? (d = g ? b : [], _ = !0) : (d = g ? Vt(c, b, e) : [c], _ = g), _ && T(""), M(I), G(d), de(d), f || S(!1);
+    }, De = (c) => {
+      const d = b.filter((_) => _.value !== c);
+      G(d), de(d);
+    }, je = (c) => {
+      B == null || B(c), S(!N);
+    }, Me = (c) => {
+      g && c.selectedItem ? T("") : E && c.selectedItem && T(c.selectedItem.label), M(I), S(!1);
+    }, We = Ut(I), fe = Dt({
+      inputValue: w,
+      isMultiple: g,
+      isSearchable: E,
       options: I,
-      renderItem: H
-    }), De = $e(
+      renderItem: z
+    }), Ke = Ze(
       ({
-        getItemProps: a,
-        highlightedIndex: f,
-        options: A
-      }) => A.reduce(
-        (O, _, W) => {
-          if (o && "options" in _)
+        getItemProps: c,
+        highlightedIndex: d,
+        options: _
+      }) => _.reduce(
+        (O, h, W) => {
+          if (s && "options" in h)
             O.itemsToRender.push(
-              /* @__PURE__ */ L(Ye, { children: [
-                ne(_),
-                _.options ? _.options.map((y) => {
-                  const b = O.itemIndex++, K = Q(y.value, x);
-                  return /* @__PURE__ */ v(
+              /* @__PURE__ */ L(Qe, { children: [
+                ae(h),
+                h.options ? h.options.map((x) => {
+                  const R = O.itemIndex++, K = ee(x.value, b);
+                  return /* @__PURE__ */ p(
                     "li",
                     {
-                      className: w(
+                      className: y(
                         "item",
-                        f === b && "highlighted",
-                        p && "multiple",
+                        d === R && "highlighted",
+                        g && "multiple",
                         e && "allowUnselectFromList",
-                        y.disabled && "disabled",
+                        x.disabled && "disabled",
                         K && "selected"
                       ),
-                      ...a({
-                        index: b,
-                        item: y
+                      ...c({
+                        index: R,
+                        item: x
                       }),
-                      children: H(y, K)
+                      children: z(x, K)
                     },
-                    y.value
+                    x.value
                   );
                 }) : null
-              ] }, _.label)
+              ] }, h.label)
             );
-          else if ("value" in _) {
-            const y = Q(_.value, x), b = f === W;
+          else if ("value" in h) {
+            const x = ee(h.value, b), R = d === W;
             O.itemsToRender.push(
-              /* @__PURE__ */ v(
+              /* @__PURE__ */ p(
                 "li",
                 {
-                  className: w(
+                  className: y(
                     "item",
-                    b && "highlighted",
-                    p && "multiple",
+                    R && "highlighted",
+                    g && "multiple",
                     e && "allowUnselectFromList",
-                    _.disabled && "disabled",
-                    y && "selected"
+                    h.disabled && "disabled",
+                    x && "selected"
                   ),
-                  ...a({
+                  ...c({
                     index: W,
-                    item: _
+                    item: h
                   }),
-                  children: H(_, y)
+                  children: z(h, x)
                 },
-                _.value
+                h.value
               )
             );
           }
@@ -897,116 +911,120 @@ const ee = "", xt = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|
         },
         { itemIndex: 0, itemsToRender: [] }
       ).itemsToRender,
-      [p, e, x, o, ne, H]
-    ), ue = w(
+      [g, e, b, s, ae, z]
+    ), me = y(
       "root",
-      `size-${z}`,
-      le && `variant-${le}`,
-      h && "clearable",
-      re && "transparent",
-      l && `icon-placement-${d}`,
+      `size-${F}`,
+      ue && `variant-${ue}`,
+      q && "clearable",
+      le && "transparent",
+      o && `icon-placement-${m}`,
       r,
-      i && "disabled"
+      l && "disabled"
     );
-    return /* @__PURE__ */ v(
-      Vt,
+    return /* @__PURE__ */ p(
+      jt,
       {
-        id: u,
-        inputValue: m ? ie : "",
+        defaultHighlightedIndex: i,
+        highlightedIndex: u,
+        id: C,
+        inputValue: E ? fe : "",
         isOpen: N,
-        itemToString: Ee,
-        onInputValueChange: Se,
-        onOuterClick: ze,
-        onSelect: Ve,
-        selectedItem: Y,
+        itemToString: we,
+        onInputValueChange: He,
+        onOuterClick: Me,
+        onSelect: Fe,
+        selectedItem: Z,
         children: ({
-          clearSelection: a,
-          getInputProps: f,
-          getItemProps: A,
+          clearSelection: c,
+          getInputProps: d,
+          getItemProps: _,
           getMenuProps: O,
-          getRootProps: _,
+          getRootProps: h,
           getToggleButtonProps: W,
-          highlightedIndex: y
+          highlightedIndex: x
         }) => {
-          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,
+          const R = !!(v && w && !ee(w, b)), K = N && (k.length || R), he = q && w, Le = /* @__PURE__ */ p("div", { className: y("dropdown-indicator", N && "open"), children: /* @__PURE__ */ p(
+            Ge,
             {
               animatePresence: !0,
-              onClick: a,
+              onClick: c,
               title: "Clear"
             }
-          ) }), je = /* @__PURE__ */ v(
+          ) }), $e = /* @__PURE__ */ p(
             "div",
             {
-              className: w("dropdown-indicator", N && "open", i && "disabled"),
-              "data-testid": s ? `${s}-arrow-icon` : null,
-              disabled: i,
+              className: y("dropdown-indicator", N && "open", l && "disabled"),
+              "data-testid": a ? `${a}-arrow-icon` : null,
+              disabled: l,
               tabIndex: -1,
               ...W({
-                onClick: () => !i && q(!N)
+                onClick: () => !l && S(!N)
               }),
-              children: /* @__PURE__ */ v(_e, { className: w("styled-icon"), name: "angle-down", size: "lg" })
+              children: /* @__PURE__ */ p(Ae, { className: y("styled-icon"), name: "angle-down", size: "lg" })
             }
-          ), We = _(oe, { suppressRefError: !0 }), fe = f({
+          ), Pe = h(oe, { suppressRefError: !0 }), _e = d({
             autoComplete: t,
             autoFocus: n,
-            "data-spacer": Fe || te,
-            "data-testid": s,
-            disabled: i,
-            id: u,
-            name: k,
-            onBlur: T,
-            onClick: i ? void 0 : He,
-            onFocus: xe,
-            onKeyDown: Ue,
-            placeholder: te,
-            ref: ke,
-            size: z,
+            "data-spacer": We || se,
+            "data-testid": a,
+            disabled: l,
+            id: C,
+            name: U,
+            onBlur: P,
+            onClick: l ? void 0 : je,
+            onFocus: Re,
+            onKeyDown: ze,
+            placeholder: se,
+            ref: Te,
+            size: F,
             tabIndex: 0,
-            transparent: re,
-            variant: N ? "focused" : ae,
+            transparent: le,
+            variant: N ? "focused" : ie,
             ...oe
           });
-          return /* @__PURE__ */ L("div", { ...We, className: w("wrapper", i && "disabled"), children: [
-            m ? /* @__PURE__ */ v(
+          return /* @__PURE__ */ L("div", { ...Pe, className: y("wrapper", l && "disabled", "field-input"), children: [
+            E ? /* @__PURE__ */ p(
               "input",
               {
-                className: ue,
+                className: me,
                 type: "text",
-                ...F(fe)
+                ...D(_e)
               }
-            ) : /* @__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
+            ) : /* @__PURE__ */ p("div", { className: me, ...D(_e), children: fe }),
+            o ? /* @__PURE__ */ p("div", { className: y("icon-wrapper", "icon-placement-left", `size-${F}`), children: /* @__PURE__ */ p(Ae, { ...o.props, size: "md" }) }) : null,
+            /* @__PURE__ */ L("div", { className: y("indicators", `size-${F}`), children: [
+              he ? Le : null,
+              $e
             ] }),
-            K ? /* @__PURE__ */ L("ul", { className: w("menu"), ...O(), children: [
-              De({ getItemProps: A, highlightedIndex: y, options: M }),
-              b && C.length ? /* @__PURE__ */ v(
+            K ? /* @__PURE__ */ L("ul", { className: y("menu"), ...O(), children: [
+              Ke({ getItemProps: _, highlightedIndex: x, options: k }),
+              k.length ? null : V == null ? void 0 : V(w),
+              R && w.length ? /* @__PURE__ */ p(
                 "li",
                 {
-                  className: w("item", y === M.length && "highlighted"),
-                  ...A({
-                    index: M.length,
+                  className: y("item", x === k.length && "highlighted"),
+                  ..._({
+                    index: k.length,
                     item: {
-                      label: C,
-                      value: Ce(C)
+                      label: w,
+                      value: qe(w)
                     }
                   }),
-                  children: Ne(C)
+                  children: ke(w)
                 },
                 "add"
               ) : null
             ] }) : null,
-            p ? be(x, Te) : null
+            !k.length && V ? /* @__PURE__ */ p("ul", { className: y("menu"), ...O(), children: /* @__PURE__ */ p("li", { className: `${y("item")} cursor-default`, children: V(w) }) }) : null,
+            g ? Se(b, De) : null
           ] });
         }
       }
     );
   }
 );
-Tt.displayName = "Select";
+Mt.displayName = "Select";
 export {
-  Tt as Select
+  Mt as Select
 };