welcome-ui 8.1.0 → 8.1.1

package/dist/Select.mjs

@@ -1,22 +1,21 @@
 "use client";
-import { j as p } from "./jsx-runtime-B7I4PJ0H.mjs";
-import { D as pe } from "./downshift.esm-B7Jil1wW.mjs";
-import { g as ze } from "./_commonjsHelpers-CXJ7dpIk.mjs";
-import Le, { useMemo as Ze, useState as B, useEffect as Ie, Fragment as Qe } from "react";
-import { ClearButton as Xe } from "./ClearButton.mjs";
-import { StyledIcon as qe } from "./Icon.mjs";
-import { D as Je } from "./index-DAZ1SYdj.mjs";
-import { shouldForwardProp as ne, forwardRef as Ge } from "./System.mjs";
-import { c as et } from "./create-event-rXDe5aCQ.mjs";
-import { d as tt, F as nt } from "./field-styles-BVlRlvuu.mjs";
-import { StyledTag as rt, Tag as ot } from "./Tag.mjs";
-import b, { system as Ce, th as v, css as _ } from "@xstyled/styled-components";
-import { Box as st } from "./Box.mjs";
-import { IconWrapper as it } from "./Field.mjs";
+import m, { useMemo as ze, useState as B, useEffect as he, Fragment as Le } from "react";
+import { D as pe } from "./downshift.esm-D0ns_SQs.mjs";
+import { g as Ze } from "./_commonjsHelpers-CXJ7dpIk.mjs";
+import { c as Qe } from "./create-event-rXDe5aCQ.mjs";
+import { d as Xe, F as qe } from "./field-styles-CfVLcVQp.mjs";
+import C, { system as Oe, th as v, css as W } from "@xstyled/styled-components";
 import { o as G } from "./overflow-ellipsis-DGV5Kgt-.mjs";
-var H = { exports: {} }, ge;
-function lt() {
-  if (ge) return H.exports;
+import { StyledIcon as Ge } from "./Icon.mjs";
+import { IconWrapper as Je } from "./Field.mjs";
+import { StyledTag as et, Tag as tt } from "./Tag.mjs";
+import { shouldForwardProp as te, forwardRef as nt } from "./System.mjs";
+import { Box as rt } from "./Box.mjs";
+import { ClearButton as ot } from "./ClearButton.mjs";
+import { D as at } from "./index-BNGGwOCo.mjs";
+var _ = { exports: {} }, ge;
+function it() {
+  if (ge) return _.exports;
   ge = 1;
   var e = {
     À: "A",
@@ -482,22 +481,22 @@ function lt() {
   function o(l) {
     return e[l];
   }
-  var s = function(l) {
+  var a = function(l) {
     return l.replace(n, o);
   }, u = function(l) {
     return !!l.match(r);
   };
-  return H.exports = s, H.exports.has = u, H.exports.remove = s, H.exports;
+  return _.exports = a, _.exports.has = u, _.exports.remove = a, _.exports;
 }
-var at = lt();
-const ct = /* @__PURE__ */ ze(at);
+var st = it();
+const lt = /* @__PURE__ */ Ze(st);
 /**
  * @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 I = {
   CASE_SENSITIVE_EQUAL: 7,
   EQUAL: 6,
   STARTS_WITH: 5,
@@ -506,125 +505,125 @@ const g = {
   ACRONYM: 2,
   MATCHES: 1,
   NO_MATCH: 0
-}, ut = (e, t) => String(e.rankedValue).localeCompare(String(t.rankedValue));
-function ee(e, t, n) {
+}, ct = (e, t) => String(e.rankedValue).localeCompare(String(t.rankedValue));
+function J(e, t, n) {
   n === void 0 && (n = {});
   const {
     keys: r,
-    threshold: o = g.MATCHES,
-    baseSort: s = ut,
-    sorter: u = (f) => f.sort((d, i) => ht(d, i, s))
-  } = n, l = e.reduce(a, []);
+    threshold: o = I.MATCHES,
+    baseSort: a = ct,
+    sorter: u = (f) => f.sort((d, i) => mt(d, i, a))
+  } = n, l = e.reduce(c, []);
   return u(l).map((f) => {
     let {
       item: d
     } = f;
     return d;
   });
-  function a(f, d, i) {
-    const m = dt(d, r, t, n), {
-      rank: S,
-      keyThreshold: x = o
-    } = m;
-    return S >= x && f.push({
-      ...m,
+  function c(f, d, i) {
+    const h = ut(d, r, t, n), {
+      rank: x,
+      keyThreshold: E = o
+    } = h;
+    return x >= E && f.push({
+      ...h,
       item: d,
       index: i
     }), f;
   }
 }
-ee.rankings = g;
-function dt(e, t, n, r) {
+J.rankings = I;
+function ut(e, t, n, r) {
   if (!t) {
-    const s = e;
+    const a = e;
     return {
       // ends up being duplicate of 'item' in matches but consistent
-      rankedValue: s,
-      rank: Ae(s, n, r),
+      rankedValue: a,
+      rank: Ie(a, n, r),
       keyIndex: -1,
       keyThreshold: r.threshold
     };
   }
-  return gt(e, t).reduce((s, u, l) => {
+  return gt(e, t).reduce((a, u, l) => {
     let {
-      rank: a,
+      rank: c,
       rankedValue: f,
       keyIndex: d,
       keyThreshold: i
-    } = s, {
-      itemValue: m,
-      attributes: S
-    } = u, x = Ae(m, n, r), T = f;
+    } = a, {
+      itemValue: h,
+      attributes: x
+    } = u, E = Ie(h, n, r), $ = f;
     const {
-      minRanking: V,
-      maxRanking: R,
+      minRanking: H,
+      maxRanking: N,
       threshold: K
-    } = S;
-    return x < V && x >= g.MATCHES ? x = V : x > R && (x = R), x > a && (a = x, d = l, i = K, T = m), {
-      rankedValue: T,
-      rank: a,
+    } = x;
+    return E < H && E >= I.MATCHES ? E = H : E > N && (E = N), E > c && (c = E, d = l, i = K, $ = h), {
+      rankedValue: $,
+      rank: c,
       keyIndex: d,
       keyThreshold: i
     };
   }, {
     rankedValue: e,
-    rank: g.NO_MATCH,
+    rank: I.NO_MATCH,
     keyIndex: -1,
     keyThreshold: r.threshold
   });
 }
-function Ae(e, t, n) {
-  return e = xe(e, n), t = xe(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 : ft(e).includes(t) ? g.ACRONYM : mt(e, t));
+function Ie(e, t, n) {
+  return e = Ae(e, n), t = Ae(t, n), t.length > e.length ? I.NO_MATCH : e === t ? I.CASE_SENSITIVE_EQUAL : (e = e.toLowerCase(), t = t.toLowerCase(), e === t ? I.EQUAL : e.startsWith(t) ? I.STARTS_WITH : e.includes(` ${t}`) ? I.WORD_STARTS_WITH : e.includes(t) ? I.CONTAINS : t.length === 1 ? I.NO_MATCH : dt(e).includes(t) ? I.ACRONYM : ft(e, t));
 }
-function ft(e) {
+function dt(e) {
   let t = "";
   return e.split(" ").forEach((r) => {
-    r.split("-").forEach((s) => {
-      t += s.substr(0, 1);
+    r.split("-").forEach((a) => {
+      t += a.substr(0, 1);
     });
   }), t;
 }
-function mt(e, t) {
+function ft(e, t) {
   let n = 0, r = 0;
-  function o(a, f, d) {
-    for (let i = d, m = f.length; i < m; i++)
-      if (f[i] === a)
+  function o(c, f, d) {
+    for (let i = d, h = f.length; i < h; i++)
+      if (f[i] === c)
         return n += 1, i + 1;
     return -1;
   }
-  function s(a) {
-    const f = 1 / a, d = n / t.length;
-    return g.MATCHES + d * f;
+  function a(c) {
+    const f = 1 / c, d = n / t.length;
+    return I.MATCHES + d * f;
   }
   const u = o(t[0], e, 0);
   if (u < 0)
-    return g.NO_MATCH;
+    return I.NO_MATCH;
   r = u;
-  for (let a = 1, f = t.length; a < f; a++) {
-    const d = t[a];
+  for (let c = 1, f = t.length; c < f; c++) {
+    const d = t[c];
     if (r = o(d, e, r), !(r > -1))
-      return g.NO_MATCH;
+      return I.NO_MATCH;
   }
   const l = r - u;
-  return s(l);
+  return a(l);
 }
-function ht(e, t, n) {
+function mt(e, t, n) {
   const {
-    rank: s,
+    rank: a,
     keyIndex: u
   } = e, {
     rank: l,
-    keyIndex: a
+    keyIndex: c
   } = t;
-  return s === l ? u === a ? n(e, t) : u < a ? -1 : 1 : s > l ? -1 : 1;
+  return a === l ? u === c ? n(e, t) : u < c ? -1 : 1 : a > l ? -1 : 1;
 }
-function xe(e, t) {
+function Ae(e, t) {
   let {
     keepDiacritics: n
   } = t;
-  return e = `${e}`, n || (e = ct(e)), e;
+  return e = `${e}`, n || (e = lt(e)), e;
 }
-function pt(e, t) {
+function ht(e, t) {
   typeof t == "object" && (t = t.key);
   let n;
   if (typeof t == "function")
@@ -635,19 +634,19 @@ function pt(e, t) {
     n = e[t];
   else {
     if (t.includes("."))
-      return It(t, e);
+      return pt(t, e);
     n = null;
   }
   return n == null ? [] : Array.isArray(n) ? n : [String(n)];
 }
-function It(e, t) {
+function pt(e, t) {
   const n = e.split(".");
   let r = [t];
-  for (let o = 0, s = n.length; o < s; o++) {
+  for (let o = 0, a = n.length; o < a; o++) {
     const u = n[o];
     let l = [];
-    for (let a = 0, f = r.length; a < f; a++) {
-      const d = r[a];
+    for (let c = 0, f = r.length; c < f; c++) {
+      const d = r[c];
       if (d != null)
         if (Object.hasOwnProperty.call(d, u)) {
           const i = d[u];
@@ -661,48 +660,83 @@ function It(e, t) {
 function gt(e, t) {
   const n = [];
   for (let r = 0, o = t.length; r < o; r++) {
-    const s = t[r], u = At(s), l = pt(e, s);
-    for (let a = 0, f = l.length; a < f; a++)
+    const a = t[r], u = It(a), l = ht(e, a);
+    for (let c = 0, f = l.length; c < f; c++)
       n.push({
-        itemValue: l[a],
+        itemValue: l[c],
         attributes: u
       });
   }
   return n;
 }
-const ye = {
+const Ee = {
   maxRanking: 1 / 0,
   minRanking: -1 / 0
 };
-function At(e) {
-  return typeof e == "string" ? ye : {
-    ...ye,
+function It(e) {
+  return typeof e == "string" ? Ee : {
+    ...Ee,
     ...e
   };
 }
-const Se = b(it)``, ke = b(st).withConfig({ shouldForwardProp: ne })(
-  ({ disabled: e }) => _`
+const ne = "", xe = (e) => {
+  if (typeof e == "number")
+    return String(e);
+  if (typeof e == "string") {
+    const t = e.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g);
+    return t && t.map((n) => n.toLowerCase()).join("-");
+  }
+}, ye = (e) => e ? e.label : ne, At = (e) => e.reduce(
+  (t, n) => n.label && t.length > n.label.length ? t : n.label,
+  ne
+), Et = (e, t, n) => {
+  const r = t.find((o) => e.value === o.value);
+  return r && n ? t.filter((o) => e.value !== o.value) : r ? t : [...t, e];
+}, X = (e, t) => !!t.find((n) => n.value === e), ee = (e, t = []) => t.find(
+  (r) => r.label === (e.label || e) || r.value === (e.value || e)
+) || { value: xe(e), label: e }, yt = (e, t, n = !1) => {
+  const r = n ? t.flatMap((o) => o.options) : t;
+  return !e && e !== 0 ? [] : Array.isArray(e) ? e.map((o) => ee(o, r)) : [ee(e, r)];
+}, vt = (e, t) => !!t.find((n) => n.value === e.value), bt = (e, t) => vt(e, t) ? e.value : e.label, ve = (e, t) => {
+  if (e)
+    return e.map((n) => bt(n, t));
+}, Ct = (e, t) => {
+  if (e)
+    return e.filter(
+      (n) => !t.find((r) => r.value === n.value)
+    );
+}, Ot = ({
+  inputValue: e,
+  isMultiple: t,
+  isSearchable: n,
+  options: r,
+  renderItem: o
+}) => {
+  const a = ee(e, r);
+  return t ? e : a.label ? n ? a.label : o(a) : ne;
+}, ke = C(Je)``, Se = C(rt).withConfig({ shouldForwardProp: te })(
+  ({ disabled: e }) => W`
     position: relative;
-    ${Ce}
-    ${Se} {
+    ${Oe}
+    ${ke} {
       color: ${e ? v("defaultFields.select.disabled.color") : "initial"};
     }
   `
-), xt = b.div`
+), xt = C.div`
   position: relative;
-`, ve = b.divBox.withConfig({ shouldForwardProp: ne })(
-  ({ iconPlacement: e, isClearable: t, size: n, transparent: r, variant: o }) => _`
+`, be = C.divBox.withConfig({ shouldForwardProp: te })(
+  ({ iconPlacement: e, isClearable: t, size: n, transparent: r, variant: o }) => W`
     position: relative;
-    ${tt({
-    iconPlacement: e,
-    isClearable: t,
+    ${Xe({
     size: n,
+    variant: o,
     transparent: r,
-    variant: o
+    isClearable: t,
+    iconPlacement: e
   })};
     ${G};
     cursor: pointer;
-    ${Ce}
+    ${Oe}
     line-height: 1em;
 
     br {
@@ -733,7 +767,7 @@ const Se = b(it)``, ke = b(st).withConfig({ shouldForwardProp: ne })(
       }
     }
   `
-), yt = b.ul`
+), kt = C.ul`
   ${v("defaultFields.select.default")};
   ${v("cards.default")};
   position: absolute;
@@ -750,8 +784,8 @@ const Se = b(it)``, ke = b(st).withConfig({ shouldForwardProp: ne })(
   &:hover > * {
     cursor: pointer;
   }
-`, q = b.li(
-  ({ allowUnselectFromList: e, isDisabled: t, isHighlighted: n, isMultiple: r, isSelected: o }) => _`
+`, q = C.li(
+  ({ allowUnselectFromList: e, isDisabled: t, isHighlighted: n, isMultiple: r, isSelected: o }) => W`
     color: beige-70;
     ${n && v("defaultFields.select.highlighted")};
     ${o && !r && v("defaultFields.select.selected")};
@@ -764,8 +798,8 @@ const Se = b(it)``, ke = b(st).withConfig({ shouldForwardProp: ne })(
     font-size: sm;
     transition: background ${v.transition("medium")};
   `
-), vt = b.divBox(
-  ({ size: e }) => _`
+), St = C.divBox(
+  ({ size: e }) => W`
     position: absolute;
     padding: 0;
     top: 0;
@@ -774,8 +808,8 @@ const Se = b(it)``, ke = b(st).withConfig({ shouldForwardProp: ne })(
     display: flex;
     gap: xs;
   `
-), Ee = b.button.withConfig({ shouldForwardProp: ne })(
-  ({ isOpen: e }) => _`
+), Ce = C.button.withConfig({ shouldForwardProp: te })(
+  ({ isOpen: e }) => W`
     position: relative;
     height: 100%;
     padding: 0;
@@ -788,7 +822,7 @@ const Se = b(it)``, ke = b(st).withConfig({ shouldForwardProp: ne })(
     align-items: center;
     justify-content: center;
 
-    ${qe} {
+    ${Ge} {
       transform: ${e ? "rotate3d(0, 0, 1, 180deg)" : "rotate3d(0)"};
       transition: medium;
     }
@@ -801,11 +835,11 @@ const Se = b(it)``, ke = b(st).withConfig({ shouldForwardProp: ne })(
       color: ${v("defaultFields.select.disabled.color")};
     }
   `
-), Et = b.divBox`
+), wt = C.divBox`
   margin-top: lg;
 
   ${/* sc-selector */
-rt}:not(:last-child) {
+et}:not(:last-child) {
     margin-right: sm;
     margin-bottom: sm;
   }
@@ -814,291 +848,222 @@ rt}:not(:last-child) {
     display: none;
   }
 `;
-function bt(e, t) {
-  return /* @__PURE__ */ p.jsx(Et, { role: "list", children: e.map((n) => /* @__PURE__ */ p.jsx(ot, { onRemove: () => t(n.value.toString()), role: "listitem", children: n.label }, n.value)) });
+function Tt(e, t) {
+  return /* @__PURE__ */ m.createElement(wt, { role: "list" }, e.map((n) => /* @__PURE__ */ m.createElement(tt, { key: n.value, onRemove: () => t(n.value.toString()), role: "listitem" }, n.label)));
 }
-const re = "", we = (e) => {
-  if (typeof e == "number")
-    return String(e);
-  if (typeof e == "string") {
-    const t = e.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g);
-    return t && t.map((n) => n.toLowerCase()).join("-") || void 0;
-  }
-}, be = (e) => e ? e.label : re, Ot = (e) => e.reduce(
-  (t, n) => n.label && t.length > n.label.length ? t : n.label,
-  re
-), Ct = (e, t, n) => {
-  const r = t.find((o) => e.value === o.value);
-  return r && n ? t.filter((o) => e.value !== o.value) : r ? t : [...t, e];
-}, J = (e, t) => !!t.find((n) => n.value === e), te = (e, t = []) => t.find(
-  (r) => r.label === (e.label || e) || r.value === (e.value || e)
-) || { label: e, value: we(e) }, St = ({
-  groupsEnabled: e = !1,
-  options: t,
-  selected: n
-}) => {
-  const r = e ? (
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-expect-error
-    t.flatMap((o) => o.options)
-  ) : t;
-  return !n && n !== 0 ? [] : Array.isArray(n) ? n.map((o) => te(o, r)) : [te(n, r)];
-}, kt = (e, t) => (
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-expect-error
-  !!t.find((n) => n.value === e.value)
-), wt = (e, t) => kt(e, t) ? e.value : e.label, Oe = (e, t) => e ? e.map((n) => wt(n, t)) : null, jt = (e, t) => e ? e.filter(
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-expect-error
-  (n) => !t.find((r) => r.value === n.value)
-) : null, Tt = ({
-  inputValue: e,
-  isMultiple: t,
-  isSearchable: n,
-  options: r,
-  renderItem: o
-}) => {
-  const s = te(e, r);
-  return t ? e : s.label ? n ? s.label : o(s) : re;
-}, Vt = pe.default || pe, Lt = Ge(
+const Vt = pe.default || pe, Yt = nt(
   ({
     allowUnselectFromList: e,
     autoComplete: t = "off",
     autoFocus: n,
     dataTestId: r,
     disableCloseOnSelect: o,
-    disabled: s,
+    disabled: a,
     groupsEnabled: u,
     icon: l,
-    id: a,
+    id: c,
     isClearable: f,
     isCreatable: d,
     isMultiple: i,
-    isSearchable: m,
-    name: S,
-    onBlur: x,
-    onChange: T,
-    onClick: V,
-    onCreate: R,
+    isSearchable: h,
+    name: x,
+    onBlur: E,
+    onChange: $,
+    onClick: H,
+    onCreate: N,
     onFocus: K,
     options: A = [],
-    placeholder: oe = "Choose from…",
-    renderCreateItem: je = (U) => `Create "${U}"`,
-    renderGroupHeader: Y,
-    renderItem: z = be,
-    renderMultiple: Te = bt,
-    size: W = "md",
-    transparent: Ve,
-    value: se,
-    variant: Re,
-    ...ie
-  }, k) => {
-    const U = Ze(
-      () => St({
-        groupsEnabled: u,
-        options: A,
-        selected: se
-      }),
-      [se, A, u]
-    ), L = !i && U[0] || null, Z = L ? L.label : "", [w, Q] = B(U), [E, F] = B(Z), [M, P] = B(A), [j, $] = B(!1);
-    m = d || m, Ie(() => {
-      n && (typeof k == "object" && (k != null && k.current) && k.current.focus(), m && $(!0));
-    }, [m, n, k]), Ie(() => {
-      Q(U), F(Z), P(A);
-    }, [Z, A, U]);
-    const Ue = (c) => {
-      if (m && c !== E) {
-        let h = [];
-        u ? h = ee(A, c, {
+    placeholder: re = "Choose from…",
+    renderCreateItem: we = (w) => `Create "${w}"`,
+    renderGroupHeader: Te,
+    renderItem: Y = ye,
+    renderMultiple: Ve = Tt,
+    size: M = "md",
+    transparent: Re,
+    value: oe,
+    variant: Ue,
+    ...ae
+  }, D) => {
+    const w = ze(
+      () => yt(oe, A, u),
+      [oe, A, u]
+    ), z = !i && w[0] || null, L = z ? z.label : "", [k, Z] = B(w), [b, F] = B(L), [j, P] = B(A), [S, T] = B(!1);
+    h = d || h, he(() => {
+      var s;
+      n && ((s = D == null ? void 0 : D.current) == null || s.focus(), h && T(!0));
+    }, [h, n, D]), he(() => {
+      Z(w), F(L), P(A);
+    }, [L, A, w]);
+    const $e = (s) => {
+      if (h && s !== b) {
+        let p = [];
+        u ? p = J(A, s, {
           // should match on group.label OR group.options.label
-          keys: [(I) => I.label, (I) => I.options.map((N) => N.label)]
-        }) : h = ee(A, c, { keys: ["label"] }), F(c), P(h);
+          keys: [(g) => g.label, (g) => g.options.map((V) => V.label)]
+        }) : p = J(A, s, { keys: ["label"] }), F(s), P(p);
       }
-    }, $e = () => {
-      m && !j && $(!0);
-    }, le = (c) => {
-      let h = [];
-      u ? h = Oe(
-        c,
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-expect-error
-        A.flatMap((O) => O.options)
-      ) || [] : h = Oe(c, A) || [];
-      const I = i ? h : h[0], N = et({ name: S, value: i ? c : c[0] });
-      if (T == null || T(I, N), d) {
-        const O = jt(c, A);
-        O != null && O.length && (R == null || R(O[0].label, N));
+    }, He = () => {
+      h && !S && T(!0);
+    }, ie = (s) => {
+      let p = [];
+      u ? p = ve(
+        s,
+        A.flatMap((R) => R.options)
+      ) : p = ve(s, A);
+      const g = i ? p : p[0], V = Qe({ name: x, value: i ? s : s[0] });
+      if ($ && $(g, V), d) {
+        const R = Ct(s, A);
+        R.length && N && N(R[0].label, V);
       }
-    }, Ne = (c) => {
-      let h, I;
-      !c || c != null && c.disabled ? (h = i ? w : [], I = !0) : (h = i ? Ct(c, w, e) : [c], I = i), I && F(""), P(A), Q(h), le(h), o || $(!1);
-    }, De = (c) => {
-      const h = w.filter((I) => I.value !== c);
-      Q(h), le(h);
-    }, Fe = (c) => {
-      i && c.selectedItem ? F("") : m && c.selectedItem && F(c.selectedItem.label), P(A), $(!1);
-    }, He = Ot(A), ae = Tt({
-      inputValue: E,
-      isMultiple: i ?? !1,
-      isSearchable: m ?? !1,
+    }, Ne = (s) => {
+      let p, g;
+      !s || s != null && s.disabled ? (p = i ? k : [], g = !0) : (p = i ? Et(s, k, e) : [s], g = i), g && F(""), P(A), Z(p), ie(p), o || T(!1);
+    }, De = (s) => {
+      const p = k.filter((g) => g.value !== s);
+      Z(p), ie(p);
+    }, Fe = (s) => {
+      i && s.selectedItem ? F("") : h && s.selectedItem && F(s.selectedItem.label), P(A), T(!1);
+    }, _e = At(A), se = Ot({
+      inputValue: b,
+      isMultiple: i,
+      isSearchable: h,
       options: A,
-      renderItem: z
+      renderItem: Y
     });
-    return (
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-expect-error
-      /* @__PURE__ */ p.jsx(
-        Vt,
-        {
-          id: a,
-          inputValue: m ? ae : "",
-          isOpen: j,
-          itemToString: be,
-          onInputValueChange: Ue,
-          onOuterClick: Fe,
-          onSelect: Ne,
-          selectedItem: L,
-          children: ({
-            clearSelection: c,
-            getInputProps: h,
-            getItemProps: I,
-            getMenuProps: N,
-            getRootProps: O,
-            getToggleButtonProps: _e,
-            highlightedIndex: X
-          }) => {
-            const ce = !!(d && E && !J(E, w)), We = j && (M.length || ce), Me = f && E, Pe = /* @__PURE__ */ p.jsx(Ee, { as: "div", children: /* @__PURE__ */ p.jsx(
-              Xe,
-              {
-                onClick: c
-              }
-            ) }), Be = /* @__PURE__ */ p.jsx(
-              Ee,
-              {
-                "data-testid": r ? `${r}-arrow-icon` : null,
-                disabled: s,
-                isOpen: j,
-                size: W,
-                tabIndex: -1,
-                ..._e({
-                  onClick: () => $(!j)
-                }),
-                children: /* @__PURE__ */ p.jsx(Je, { size: "sm" })
-              }
-            ), Ke = (D) => {
-              V == null || V(D), $(!j);
-            }, Ye = O(ie), ue = h({
-              autoComplete: t,
-              autoFocus: n,
-              "data-spacer": He || oe,
-              "data-testid": r,
-              disabled: s,
-              iconPlacement: l ? "both" : "right",
-              id: a,
-              isClearable: f,
-              name: S,
-              onBlur: x,
-              onClick: s ? void 0 : Ke,
-              onFocus: K,
-              onKeyDown: $e,
-              placeholder: oe,
-              ref: k,
-              size: W,
-              tabIndex: 0,
-              transparent: Ve,
-              variant: j ? "focused" : Re,
-              ...ie
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            }), de = nt[W];
-            return /* @__PURE__ */ p.jsxs(ke, { ...Ye, disabled: s, children: [
-              /* @__PURE__ */ p.jsxs(xt, { children: [
-                m ? /* @__PURE__ */ p.jsx(ve, { as: "input", type: "text", ...ue }) : /* @__PURE__ */ p.jsx(ve, { ...ue, children: ae }),
-                l ? /* @__PURE__ */ p.jsx(Se, { iconPlacement: "left", size: de, children: Le.cloneElement(l, { ...l.props, size: de }) }) : null,
-                /* @__PURE__ */ p.jsxs(vt, { size: W, children: [
-                  Me ? Pe : null,
-                  Be
-                ] })
-              ] }),
-              We ? /* @__PURE__ */ p.jsxs(yt, { ...N(), children: [
-                M.reduce(
-                  (D, y, fe) => {
-                    if (u && "options" in y)
-                      D.itemsToRender.push(
-                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                        // @ts-ignore
-                        /* @__PURE__ */ p.jsxs(Qe, { children: [
-                          Y == null ? void 0 : Y(y),
-                          y.options ? y.options.map((C) => {
-                            const me = D.itemIndex++, he = J(C.value, w);
-                            return /* @__PURE__ */ p.jsx(
-                              q,
-                              {
-                                allowUnselectFromList: e,
-                                isDisabled: C.disabled,
-                                isHighlighted: X === me,
-                                isMultiple: i,
-                                ...I({
-                                  index: me,
-                                  isSelected: he,
-                                  item: C
-                                }),
-                                children: z(C, he)
-                              },
-                              C.value
-                            );
-                          }) : null
-                        ] }, y.label)
-                      );
-                    else if ("value" in y) {
-                      const C = J(y.value, w);
-                      D.itemsToRender.push(
-                        /* @__PURE__ */ p.jsx(
-                          q,
-                          {
-                            allowUnselectFromList: e,
-                            isDisabled: y.disabled,
-                            isHighlighted: X === fe,
-                            isMultiple: i,
-                            ...I({
-                              index: fe,
-                              isSelected: C,
-                              item: y
-                            }),
-                            children: z(y, C)
-                          },
-                          y.value
-                        )
-                      );
-                    }
-                    return D;
-                  },
-                  { itemIndex: 0, itemsToRender: [] }
-                ).itemsToRender,
-                ce && E.length ? /* @__PURE__ */ p.jsx(
+    return /* @__PURE__ */ m.createElement(
+      Vt,
+      {
+        id: c,
+        inputValue: h ? se : "",
+        isOpen: S,
+        itemToString: ye,
+        onInputValueChange: $e,
+        onOuterClick: Fe,
+        onSelect: Ne,
+        selectedItem: z
+      },
+      ({
+        clearSelection: s,
+        getInputProps: p,
+        getItemProps: g,
+        getMenuProps: V,
+        getRootProps: R,
+        getToggleButtonProps: We,
+        highlightedIndex: Q
+      }) => {
+        const le = !!(d && b && !X(b, k)), Me = S && (j.length || le), je = f && b, Pe = /* @__PURE__ */ m.createElement(Ce, { as: "div" }, /* @__PURE__ */ m.createElement(
+          ot,
+          {
+            onClick: s
+          }
+        )), Be = /* @__PURE__ */ m.createElement(
+          Ce,
+          {
+            "data-testid": r && `${r}-arrow-icon`,
+            disabled: a,
+            isOpen: S,
+            size: M,
+            tabIndex: -1,
+            ...We({
+              onClick: () => T(!S)
+            })
+          },
+          /* @__PURE__ */ m.createElement(at, { size: "sm" })
+        ), Ke = (U) => {
+          H && H(U), T(!S);
+        }, Ye = R(ae), ce = p({
+          autoComplete: t,
+          autoFocus: n,
+          "data-spacer": _e || re,
+          "data-testid": r,
+          disabled: a,
+          iconPlacement: l ? "both" : "right",
+          id: c,
+          name: x,
+          onBlur: E,
+          onClick: a ? void 0 : Ke,
+          onFocus: K,
+          onKeyDown: He,
+          placeholder: re,
+          ref: D,
+          size: M,
+          tabIndex: 0,
+          variant: S ? "focused" : Ue,
+          isClearable: f,
+          transparent: Re,
+          ...ae
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        }), ue = qe[M];
+        return /* @__PURE__ */ m.createElement(Se, { ...Ye, disabled: a }, /* @__PURE__ */ m.createElement(xt, null, h ? /* @__PURE__ */ m.createElement(be, { as: "input", type: "text", ...ce }) : /* @__PURE__ */ m.createElement(be, { ...ce }, se), l && /* @__PURE__ */ m.createElement(ke, { iconPlacement: "left", size: ue }, m.cloneElement(l, { ...l.props, size: ue })), /* @__PURE__ */ m.createElement(St, { size: M }, je && Pe, Be)), Me && /* @__PURE__ */ m.createElement(kt, { ...V() }, j.reduce(
+          (U, y, de) => {
+            if (u && "options" in y)
+              U.itemsToRender.push(
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                /* @__PURE__ */ m.createElement(Le, { key: y.label }, Te(y), y.options && y.options.map((O) => {
+                  const fe = U.itemIndex++, me = X(O.value, k);
+                  return /* @__PURE__ */ m.createElement(
+                    q,
+                    {
+                      allowUnselectFromList: e,
+                      isDisabled: O.disabled,
+                      isHighlighted: Q === fe,
+                      isMultiple: i,
+                      key: O.value,
+                      ...g({
+                        index: fe,
+                        isSelected: me,
+                        item: O
+                      })
+                    },
+                    Y(O, me)
+                  );
+                }))
+              );
+            else if ("value" in y) {
+              const O = X(y.value, k);
+              U.itemsToRender.push(
+                /* @__PURE__ */ m.createElement(
                   q,
                   {
-                    isHighlighted: X === M.length,
-                    ...I({
-                      index: M.length,
-                      item: {
-                        label: E,
-                        value: we(E) || ""
-                      }
-                    }),
-                    children: je(E)
+                    allowUnselectFromList: e,
+                    isDisabled: y.disabled,
+                    isHighlighted: Q === de,
+                    isMultiple: i,
+                    key: y.value,
+                    ...g({
+                      index: de,
+                      isSelected: O,
+                      item: y
+                    })
                   },
-                  "add"
-                ) : null
-              ] }) : null,
-              i ? Te(w, De) : null
-            ] });
-          }
-        }
-      )
+                  Y(y, O)
+                )
+              );
+            }
+            return U;
+          },
+          { itemsToRender: [], itemIndex: 0 }
+        ).itemsToRender, le && b.length && /* @__PURE__ */ m.createElement(
+          q,
+          {
+            isHighlighted: Q === j.length,
+            key: "add",
+            ...g({
+              index: j.length,
+              item: {
+                value: xe(b),
+                label: b
+              }
+            })
+          },
+          we(b)
+        )), i && Ve(k, De));
+      }
     );
   }
-), Zt = ke;
+), zt = Se;
 export {
-  Lt as Select,
-  Zt as StyledSelect
+  Yt as Select,
+  zt as StyledSelect
 };