welcome-ui 10.6.4 → 10.6.6

package/dist/Select.js

@@ -1,17 +1,17 @@
 "use client";
 import './Select.css';
-import { jsx as p, jsxs as H } from "react/jsx-runtime";
+import { jsx as p, jsxs as V } from "react/jsx-runtime";
 import { D as _e } from "./downshift.esm-BtYj0L0Y.js";
-import { g as Xe, c as we } from "./index-B6iGEm-i.js";
-import { useRef as Ze, useMemo as Ce, forwardRef as Qe, useState as P, useEffect as pe, useCallback as qe, Fragment as Be } from "react";
+import { g as $e, c as ye } from "./index-B6iGEm-i.js";
+import { useRef as Xe, useMemo as Ce, forwardRef as Ze, useState as L, useEffect as pe, useCallback as Qe, Fragment as Be } from "react";
 import { CloseButton as Ge } from "./CloseButton.js";
 import { useField as Je } from "./Field.js";
 import { Icon as ge } from "./Icon.js";
 import { c as en } from "./create-event-rXDe5aCQ.js";
 import { Tag as nn } from "./Tag.js";
-var D = { exports: {} }, Ae;
+var H = { exports: {} }, Ae;
 function tn() {
-  if (Ae) return D.exports;
+  if (Ae) return H.exports;
   Ae = 1;
   var e = {
     À: "A",
@@ -474,18 +474,18 @@ function tn() {
     ё: "е",
     Ё: "Е"
   }, n = Object.keys(e).join("|"), t = new RegExp(n, "g"), r = new RegExp(n, "");
-  function i(s) {
-    return e[s];
+  function s(l) {
+    return e[l];
   }
-  var l = function(s) {
-    return s.replace(t, i);
-  }, c = function(s) {
-    return !!s.match(r);
+  var i = function(l) {
+    return l.replace(t, s);
+  }, c = function(l) {
+    return !!l.match(r);
   };
-  return D.exports = l, D.exports.has = c, D.exports.remove = l, D.exports;
+  return H.exports = i, H.exports.has = c, H.exports.remove = i, H.exports;
 }
 var rn = tn();
-const ln = /* @__PURE__ */ Xe(rn);
+const sn = /* @__PURE__ */ $e(rn);
 /**
  * @name match-sorter
  * @license MIT license.
@@ -501,21 +501,21 @@ const I = {
   ACRONYM: 2,
   MATCHES: 1,
   NO_MATCH: 0
-}, sn = (e, n) => String(e.rankedValue).localeCompare(String(n.rankedValue));
+}, ln = (e, n) => String(e.rankedValue).localeCompare(String(n.rankedValue));
 function J(e, n, t = {}) {
   const {
     keys: r,
-    threshold: i = I.MATCHES,
-    baseSort: l = sn,
-    sorter: c = (u) => u.sort((f, h) => fn(f, h, l))
-  } = t, s = e.reduce(a, []);
-  return c(s).map(({
+    threshold: s = I.MATCHES,
+    baseSort: i = ln,
+    sorter: c = (u) => u.sort((f, h) => fn(f, h, i))
+  } = t, l = e.reduce(a, []);
+  return c(l).map(({
     item: u
   }) => u);
   function a(u, f, h) {
     const g = an(f, r, n, t), {
       rank: C,
-      keyThreshold: R = i
+      keyThreshold: R = s
     } = g;
     return C >= R && u.push({
       ...g,
@@ -527,19 +527,19 @@ function J(e, n, t = {}) {
 J.rankings = I;
 function an(e, n, t, r) {
   if (!n) {
-    const l = e;
+    const i = e;
     return {
       // ends up being duplicate of 'item' in matches but consistent
-      rankedValue: l,
-      rank: Ie(l, t, r),
+      rankedValue: i,
+      rank: Ie(i, t, r),
       keyIndex: -1,
       keyThreshold: r.threshold
     };
   }
   return hn(e, n).reduce(({
-    rank: l,
+    rank: i,
     rankedValue: c,
-    keyIndex: s,
+    keyIndex: l,
     keyThreshold: a
   }, {
     itemValue: u,
@@ -549,12 +549,12 @@ function an(e, n, t, r) {
     const {
       minRanking: R,
       maxRanking: A,
-      threshold: O
+      threshold: E
     } = f;
-    return g < R && g >= I.MATCHES ? g = R : g > A && (g = A), g > l && (l = g, s = h, a = O, C = u), {
+    return g < R && g >= I.MATCHES ? g = R : g > A && (g = A), g > i && (i = g, l = h, a = E, C = u), {
       rankedValue: C,
-      rank: l,
-      keyIndex: s,
+      rank: i,
+      keyIndex: l,
       keyThreshold: a
     };
   }, {
@@ -571,70 +571,70 @@ function* on(e, n) {
   return -1;
 }
 function Ie(e, n, t) {
-  if (e = ye(e, t), n = ye(n, t), n.length > e.length)
+  if (e = ve(e, t), n = ve(n, t), n.length > e.length)
     return I.NO_MATCH;
   if (e === n)
     return I.CASE_SENSITIVE_EQUAL;
   e = e.toLowerCase(), n = n.toLowerCase();
-  const r = on(e, n), i = r.next(), l = i.value;
-  if (e.length === n.length && l === 0)
+  const r = on(e, n), s = r.next(), i = s.value;
+  if (e.length === n.length && i === 0)
     return I.EQUAL;
-  if (l === 0)
+  if (i === 0)
     return I.STARTS_WITH;
-  let c = i;
+  let c = s;
   for (; !c.done; ) {
     if (c.value > 0 && e[c.value - 1] === " ")
       return I.WORD_STARTS_WITH;
     c = r.next();
   }
-  return l > 0 ? I.CONTAINS : n.length === 1 ? I.NO_MATCH : cn(e).includes(n) ? I.ACRONYM : un(e, n);
+  return i > 0 ? I.CONTAINS : n.length === 1 ? I.NO_MATCH : cn(e).includes(n) ? I.ACRONYM : un(e, n);
 }
 function cn(e) {
   let n = "", t = " ";
   for (let r = 0; r < e.length; r++) {
-    const i = e.charAt(r);
-    (t === " " || t === "-") && !(i === " " || i === "-") && (n += i), t = i;
+    const s = e.charAt(r);
+    (t === " " || t === "-") && !(s === " " || s === "-") && (n += s), t = s;
   }
   return n;
 }
 function un(e, n) {
   let t = 0, r = 0;
-  function i(a, u, f) {
+  function s(a, u, f) {
     for (let h = f, g = u.length; h < g; h++)
       if (u[h] === a)
         return t += 1, h + 1;
     return -1;
   }
-  function l(a) {
+  function i(a) {
     const u = 1 / a, f = t / n.length;
     return I.MATCHES + f * u;
   }
-  const c = i(n[0], e, 0);
+  const c = s(n[0], e, 0);
   if (c < 0)
     return I.NO_MATCH;
   r = c;
   for (let a = 1, u = n.length; a < u; a++) {
     const f = n[a];
-    if (r = i(f, e, r), !(r > -1))
+    if (r = s(f, e, r), !(r > -1))
       return I.NO_MATCH;
   }
-  const s = r - c;
-  return l(s);
+  const l = r - c;
+  return i(l);
 }
 function fn(e, n, t) {
   const {
-    rank: l,
+    rank: i,
     keyIndex: c
   } = e, {
-    rank: s,
+    rank: l,
     keyIndex: a
   } = n;
-  return l === s ? c === a ? t(e, n) : c < a ? -1 : 1 : l > s ? -1 : 1;
+  return i === l ? c === a ? t(e, n) : c < a ? -1 : 1 : i > l ? -1 : 1;
 }
-function ye(e, {
+function ve(e, {
   keepDiacritics: n
 }) {
-  return e = `${e}`, n || (e = ln(e)), e;
+  return e = `${e}`, n || (e = sn(e)), e;
 }
 function dn(e, n) {
   typeof n == "object" && (n = n.key);
@@ -655,40 +655,40 @@ function dn(e, n) {
 function mn(e, n) {
   const t = e.split(".");
   let r = [n];
-  for (let i = 0, l = t.length; i < l; i++) {
-    const c = t[i];
-    let s = [];
+  for (let s = 0, i = t.length; s < i; s++) {
+    const c = t[s];
+    let l = [];
     for (let a = 0, u = r.length; a < u; a++) {
       const f = r[a];
       if (f != null)
         if (Object.hasOwnProperty.call(f, c)) {
           const h = f[c];
-          h != null && s.push(h);
-        } else c === "*" && (s = s.concat(f));
+          h != null && l.push(h);
+        } else c === "*" && (l = l.concat(f));
     }
-    r = s;
+    r = l;
   }
   return Array.isArray(r[0]) ? [].concat(...r) : r;
 }
 function hn(e, n) {
   const t = [];
-  for (let r = 0, i = n.length; r < i; r++) {
-    const l = n[r], c = _n(l), s = dn(e, l);
-    for (let a = 0, u = s.length; a < u; a++)
+  for (let r = 0, s = n.length; r < s; r++) {
+    const i = n[r], c = _n(i), l = dn(e, i);
+    for (let a = 0, u = l.length; a < u; a++)
       t.push({
-        itemValue: s[a],
+        itemValue: l[a],
         attributes: c
       });
   }
   return t;
 }
-const ve = {
+const Oe = {
   maxRanking: 1 / 0,
   minRanking: -1 / 0
 };
 function _n(e) {
-  return typeof e == "string" ? ve : {
-    ...ve,
+  return typeof e == "string" ? Oe : {
+    ...Oe,
     ...e
   };
 }
@@ -701,48 +701,48 @@ function gn(e, n) {
   e && (typeof e == "function" && n !== void 0 ? e(n) : e.current = n ?? null);
 }
 function An(e, n) {
-  const t = Ze(null), r = Ce(() => pn(e, t, n), [e, t, n]);
+  const t = Xe(null), r = Ce(() => pn(e, t, n), [e, t, n]);
   return [t, r];
 }
-const In = "_indicators_lfyi9_2", yn = "_open_lfyi9_34", vn = "_disabled_lfyi9_40", On = "_root_lfyi9_51", En = "_clearable_lfyi9_86", xn = "_transparent_lfyi9_104", wn = "_wrapper_lfyi9_204", Cn = "_menu_lfyi9_211", Rn = "_item_lfyi9_239", Sn = "_highlighted_lfyi9_256", Tn = "_selected_lfyi9_259", bn = "_multiple_lfyi9_259", Nn = "_allowUnselectFromList_lfyi9_263", Un = "_tags_lfyi9_271", Re = {
+const In = "_indicators_13eqn_2", vn = "_open_13eqn_34", On = "_disabled_13eqn_40", En = "_root_13eqn_51", xn = "_clearable_13eqn_86", wn = "_transparent_13eqn_104", yn = "_wrapper_13eqn_204", Cn = "_menu_13eqn_211", Rn = "_item_13eqn_239", Sn = "_highlighted_13eqn_256", Tn = "_selected_13eqn_259", bn = "_multiple_13eqn_259", Nn = "_allowUnselectFromList_13eqn_263", qn = "_tags_13eqn_271", Re = {
   indicators: In,
-  "size-xs": "_size-xs_lfyi9_11",
-  "dropdown-indicator": "_dropdown-indicator_lfyi9_14",
-  "styled-icon": "_styled-icon_lfyi9_28",
-  open: yn,
-  disabled: vn,
-  "input-wrapper": "_input-wrapper_lfyi9_44",
-  "icon-placement-right": "_icon-placement-right_lfyi9_47",
-  root: On,
-  "icon-placement-left": "_icon-placement-left_lfyi9_83",
-  "icon-placement-both": "_icon-placement-both_lfyi9_83",
-  clearable: En,
-  transparent: xn,
-  "variant-danger": "_variant-danger_lfyi9_140",
-  "variant-success": "_variant-success_lfyi9_143",
-  "variant-warning": "_variant-warning_lfyi9_146",
-  "size-lg": "_size-lg_lfyi9_149",
-  "size-md": "_size-md_lfyi9_157",
-  "size-sm": "_size-sm_lfyi9_165",
-  "icon-wrapper": "_icon-wrapper_lfyi9_173",
-  wrapper: wn,
+  "size-xs": "_size-xs_13eqn_11",
+  "dropdown-indicator": "_dropdown-indicator_13eqn_14",
+  "styled-icon": "_styled-icon_13eqn_28",
+  open: vn,
+  disabled: On,
+  "input-wrapper": "_input-wrapper_13eqn_44",
+  "icon-placement-right": "_icon-placement-right_13eqn_47",
+  root: En,
+  "icon-placement-left": "_icon-placement-left_13eqn_83",
+  "icon-placement-both": "_icon-placement-both_13eqn_83",
+  clearable: xn,
+  transparent: wn,
+  "variant-danger": "_variant-danger_13eqn_140",
+  "variant-success": "_variant-success_13eqn_143",
+  "variant-warning": "_variant-warning_13eqn_146",
+  "size-lg": "_size-lg_13eqn_149",
+  "size-md": "_size-md_13eqn_157",
+  "size-sm": "_size-sm_13eqn_165",
+  "icon-wrapper": "_icon-wrapper_13eqn_173",
+  wrapper: yn,
   menu: Cn,
   item: Rn,
-  "no-results": "_no-results_lfyi9_253",
+  "no-results": "_no-results_13eqn_253",
   highlighted: Sn,
   selected: Tn,
   multiple: bn,
   allowUnselectFromList: Nn,
-  tags: Un,
-  "styled-tag": "_styled-tag_lfyi9_274"
-}, Oe = we(Re);
-function kn(e, n) {
-  return /* @__PURE__ */ p("div", { className: Oe("tags"), role: "list", children: e.map((t) => (
+  tags: qn,
+  "styled-tag": "_styled-tag_13eqn_274"
+}, Ee = ye(Re);
+function Un(e, n) {
+  return /* @__PURE__ */ p("div", { className: Ee("tags"), role: "list", children: e.map((t) => (
     // TODO migrate after WUI-187/tag
     /* @__PURE__ */ p(
       nn,
       {
-        className: Oe("styled-tag"),
+        className: Ee("styled-tag"),
         onRemove: () => n(t.value.toString()),
         role: "listitem",
         children: t.label
@@ -751,45 +751,45 @@ function kn(e, n) {
     )
   )) });
 }
-const ne = "", Vn = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g, Se = (e) => {
+const ne = "", kn = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g, Se = (e) => {
   if (typeof e == "number")
     return String(e);
   if (typeof e == "string") {
-    const n = e.match(Vn);
+    const n = e.match(kn);
     return n && n.map((t) => t.toLowerCase()).join("-");
   }
-}, Ee = (e) => e ? e.label : ne, Hn = (e) => e.reduce(
+}, xe = (e) => e ? e.label : ne, Vn = (e) => e.reduce(
   (n, t) => t.label && n.length > t.label.length ? n : t.label,
   ne
-), Dn = (e, n, t) => {
-  const r = n.find((i) => e.value === i.value);
-  return r && t ? n.filter((i) => e.value !== i.value) : r ? n : [...n, e];
+), Hn = (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];
 }, G = (e, n) => !!n.find((t) => t.value === e), ee = (e, n = []) => n.find(
   (r) => r.label === (e.label || e) || r.value === (e.value || e)
-) || { label: e, value: Se(e) }, zn = (e, n, t = !1) => {
-  const r = t ? n.flatMap((i) => i.options) : n;
-  return !e && e !== 0 ? [] : Array.isArray(e) ? e.map((i) => ee(i, r)) : [ee(e, r)];
-}, Fn = (e, n) => !!n.find((t) => t.value === e.value), jn = (e, n) => Fn(e, n) ? e.value : e.label, xe = (e, n) => e ? e.map((t) => jn(t, n)) : [], Mn = (e, n) => e ? e.filter(
+) || { label: e, value: Se(e) }, Dn = (e, n, t = !1) => {
+  const r = t ? n.flatMap((s) => s.options) : n;
+  return !e && e !== 0 ? [] : Array.isArray(e) ? e.map((s) => ee(s, r)) : [ee(e, r)];
+}, zn = (e, n) => !!n.find((t) => t.value === e.value), Fn = (e, n) => zn(e, n) ? e.value : e.label, we = (e, n) => e ? e.map((t) => Fn(t, n)) : [], jn = (e, n) => e ? e.filter(
   (t) => !n.find((r) => r.value === t.value)
-) : [], Wn = ({
+) : [], Mn = ({
   inputValue: e,
   isMultiple: n,
   isSearchable: t,
   options: r,
-  renderItem: i
+  renderItem: s
 }) => {
-  const l = ee(e, r);
-  return n ? e : l.label ? t ? l.label : i(l) : ne;
-}, v = we(Re), Kn = _e.default || _e, Ln = Qe(
+  const i = ee(e, r);
+  return n ? e : i.label ? t ? i.label : s(i) : ne;
+}, O = ye(Re), Wn = _e.default || _e, Kn = Ze(
   ({
     allowUnselectFromList: e,
     autoComplete: n = "off",
     autoFocus: t,
     className: r,
-    dataTestId: i,
-    defaultHighlightedIndex: l,
+    dataTestId: s,
+    defaultHighlightedIndex: i,
     disableCloseOnSelect: c,
-    disabled: s,
+    disabled: l,
     groupsEnabled: a,
     highlightedIndex: u,
     icon: f,
@@ -798,254 +798,260 @@ const ne = "", Vn = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|
     isClearable: C,
     isCreatable: R,
     isMultiple: A,
-    isSearchable: O,
+    isSearchable: E,
     name: te,
     onBlur: Te,
-    onChange: Y,
-    onClick: $,
-    onCreate: X,
+    onChange: P,
+    onClick: Y,
+    onCreate: $,
     onFocus: be,
-    options: y = [],
+    options: v = [],
     placeholder: re = "Choose from…",
-    renderCreateItem: Ne = (j) => `Create "${j}"`,
-    renderGroupHeader: ie,
-    renderItem: z = Ee,
-    renderMultiple: Ue = kn,
-    renderNoResults: k,
-    size: F = "lg",
-    transparent: le,
-    value: se,
+    renderCreateItem: Ne = (F) => `Create "${F}"`,
+    renderGroupHeader: se,
+    renderItem: D = xe,
+    renderMultiple: qe = Un,
+    renderNoResults: U,
+    size: z = "lg",
+    transparent: ie,
+    value: le,
     variant: ae,
     ...oe
-  }, ke) => {
-    const { getInputProps: j, variant: Ve } = Je(), ce = Ve || ae, M = Ce(
-      () => zn(se, y, a),
-      [se, y, a]
-    ), Z = !A && M[0] || null, Q = Z ? Z.label : "", [S, q] = P(M), [x, V] = P(Q), [N, W] = P(y), [T, U] = P(!1);
-    O = R || O;
-    const [B, He] = An(ke);
+  }, Ue) => {
+    const { getInputProps: F, variant: ke } = Je(), ce = ke || ae, j = Ce(
+      () => Dn(le, v, a),
+      [le, v, a]
+    ), X = !A && j[0] || null, Z = X ? X.label : "", [S, Q] = L(j), [w, k] = L(Z), [N, M] = L(v), [T, q] = L(!1);
+    E = R || E;
+    const [B, Ve] = An(Ue);
     pe(() => {
-      t && B.current && (B.current.focus(), O && U(!0));
-    }, [O, t, B]), pe(() => {
-      q(M), V(Q), W(y);
-    }, [Q, y, M]);
-    const De = (o) => {
-      if (O && o !== x) {
+      t && B.current && (B.current.focus(), E && q(!0));
+    }, [E, t, B]), pe(() => {
+      Q(j), k(Z), M(v);
+    }, [Z, v, j]);
+    const He = (o) => {
+      if (E && o !== w) {
         let d = [];
-        a ? d = J(y, o, {
+        a ? d = J(v, o, {
           // should match on group.label OR group.options.label
-          keys: [(_) => _.label, (_) => _.options.map((E) => E.label)]
-        }) : d = J(y, o, { keys: ["label"] }), V(o), W(d);
+          keys: [(_) => _.label, (_) => _.options.map((x) => x.label)]
+        }) : d = J(v, o, { keys: ["label"] }), k(o), M(d);
       }
-    }, ze = () => {
-      O && !T && U(!0);
+    }, De = () => {
+      E && !T && q(!0);
     }, ue = (o) => {
       let d = [];
-      a ? d = xe(
+      a ? d = we(
         o,
-        y.flatMap((m) => m.options)
-      ) : d = xe(o, y);
-      const _ = A ? d : d[0], E = en({ name: te, value: A ? o : o[0] });
-      if (Y == null || Y(_, E), R) {
-        const m = Mn(o, y);
-        m.length && (X == null || X(m[0].label, E));
+        v.flatMap((m) => m.options)
+      ) : d = we(o, v);
+      const _ = A ? d : d[0], x = en({ name: te, value: A ? o : o[0] });
+      if (P == null || P(_, x), R) {
+        const m = jn(o, v);
+        m.length && ($ == null || $(m[0].label, x));
       }
-    }, Fe = (o) => {
+    }, ze = (o) => {
       let d, _;
-      !o || o != null && o.disabled ? (d = A ? S : [], _ = !0) : (d = A ? Dn(o, S, e) : [o], _ = A), _ && V(""), W(y), q(d), ue(d), c || U(!1);
-    }, je = (o) => {
+      !o || o != null && o.disabled ? (d = A ? S : [], _ = !0) : (d = A ? Hn(o, S, e) : [o], _ = A), _ && k(""), M(v), Q(d), ue(d), c || q(!1);
+    }, Fe = (o) => {
       const d = S.filter((_) => _.value !== o);
-      q(d), ue(d);
+      Q(d), ue(d);
+    }, je = (o) => {
+      Y == null || Y(o), q(!T);
     }, Me = (o) => {
-      $ == null || $(o), U(!T);
-    }, We = (o) => {
-      A && o.selectedItem ? V("") : O && o.selectedItem && V(o.selectedItem.label), W(y), U(!1);
-    }, Ke = Hn(y), fe = Wn({
-      inputValue: x,
+      A && o.selectedItem ? k("") : E && o.selectedItem && k(o.selectedItem.label), M(v), q(!1);
+    }, We = Vn(v), fe = Mn({
+      inputValue: w,
       isMultiple: A,
-      isSearchable: O,
-      options: y,
-      renderItem: z
-    }), Le = qe(
+      isSearchable: E,
+      options: v,
+      renderItem: D
+    }), Ke = Qe(
       ({
         getItemProps: o,
         highlightedIndex: d,
         options: _
       }) => _.reduce(
-        (E, m, K) => {
+        (x, m, W) => {
           if (a && "options" in m)
-            E.itemsToRender.push(
-              /* @__PURE__ */ H(Be, { children: [
-                ie(m),
-                m.options ? m.options.map((w) => {
-                  const b = E.itemIndex++, L = G(w.value, S);
+            x.itemsToRender.push(
+              /* @__PURE__ */ V(Be, { children: [
+                se(m),
+                m.options ? m.options.map((y) => {
+                  const b = x.itemIndex++, K = G(y.value, S);
                   return /* @__PURE__ */ p(
                     "li",
                     {
-                      className: v(
+                      className: O(
                         "item",
                         d === b && "highlighted",
                         A && "multiple",
                         e && "allowUnselectFromList",
-                        w.disabled && "disabled",
-                        L && "selected"
+                        y.disabled && "disabled",
+                        K && "selected"
                       ),
                       ...o({
                         index: b,
-                        item: w
+                        item: y
                       }),
-                      children: z(w, L)
+                      children: D(y, K)
                     },
-                    w.value
+                    y.value
                   );
                 }) : null
               ] }, m.label)
             );
           else if ("value" in m) {
-            const w = G(m.value, S), b = d === K;
-            E.itemsToRender.push(
+            const y = G(m.value, S), b = d === W;
+            x.itemsToRender.push(
               /* @__PURE__ */ p(
                 "li",
                 {
-                  className: v(
+                  className: O(
                     "item",
                     b && "highlighted",
                     A && "multiple",
                     e && "allowUnselectFromList",
                     m.disabled && "disabled",
-                    w && "selected"
+                    y && "selected"
                   ),
                   ...o({
-                    index: K,
+                    index: W,
                     item: m
                   }),
-                  children: z(m, w)
+                  children: D(m, y)
                 },
                 m.value
               )
             );
           }
-          return E;
+          return x;
         },
         { itemIndex: 0, itemsToRender: [] }
       ).itemsToRender,
-      [A, e, S, a, ie, z]
-    ), de = v(
+      [A, e, S, a, se, D]
+    ), de = O(
       "root",
-      `size-${F}`,
+      `size-${z}`,
       ce && `variant-${ce}`,
       C && "clearable",
-      le && "transparent",
+      ie && "transparent",
       f && `icon-placement-${h}`,
-      r,
-      s && "disabled"
+      l && "disabled"
     );
     return /* @__PURE__ */ p(
-      Kn,
+      Wn,
       {
-        defaultHighlightedIndex: l,
+        defaultHighlightedIndex: i,
         highlightedIndex: u,
         id: g,
-        inputValue: O ? fe : "",
+        inputValue: E ? fe : "",
         isOpen: T,
-        itemToString: Ee,
-        onInputValueChange: De,
-        onOuterClick: We,
-        onSelect: Fe,
-        selectedItem: Z,
+        itemToString: xe,
+        onInputValueChange: He,
+        onOuterClick: Me,
+        onSelect: ze,
+        selectedItem: X,
         children: ({
           clearSelection: o,
           getInputProps: d,
           getItemProps: _,
-          getMenuProps: E,
+          getMenuProps: x,
           getRootProps: m,
-          getToggleButtonProps: K,
-          highlightedIndex: w
+          getToggleButtonProps: W,
+          highlightedIndex: y
         }) => {
-          const b = !!(R && x && !G(x, S)), L = T && (N.length || b), me = C && x, Pe = /* @__PURE__ */ p("div", { className: v("dropdown-indicator", T && "open"), children: /* @__PURE__ */ p(
+          const b = !!(R && w && !G(w, S)), K = T && (N.length || b), me = C && w, Le = /* @__PURE__ */ p("div", { className: O("dropdown-indicator", T && "open"), children: /* @__PURE__ */ p(
             Ge,
             {
               animatePresence: !0,
               onClick: o,
               title: "Clear"
             }
-          ) }), Ye = /* @__PURE__ */ p(
+          ) }), Pe = /* @__PURE__ */ p(
             "div",
             {
-              className: v("dropdown-indicator", T && "open", s && "disabled"),
-              "data-testid": i ? `${i}-arrow-icon` : null,
-              disabled: s,
+              className: O("dropdown-indicator", T && "open", l && "disabled"),
+              "data-testid": s ? `${s}-arrow-icon` : null,
+              disabled: l,
               tabIndex: -1,
-              ...K({
-                onClick: () => !s && U(!T)
+              ...W({
+                onClick: () => !l && q(!T)
               }),
-              children: /* @__PURE__ */ p(ge, { className: v("styled-icon"), name: "angle-down", size: "lg" })
+              children: /* @__PURE__ */ p(ge, { className: O("styled-icon"), name: "angle-down", size: "lg" })
             }
-          ), $e = m(oe, { suppressRefError: !0 }), he = d({
+          ), Ye = m(oe, { suppressRefError: !0 }), he = d({
             autoComplete: n,
             autoFocus: t,
-            "data-spacer": Ke || re,
-            "data-testid": i,
-            disabled: s,
+            "data-spacer": We || re,
+            "data-testid": s,
+            disabled: l,
             id: g,
             name: te,
             onBlur: Te,
-            onClick: s ? void 0 : Me,
+            onClick: l ? void 0 : je,
             onFocus: be,
-            onKeyDown: ze,
+            onKeyDown: De,
             placeholder: re,
-            ref: He,
-            size: F,
+            ref: Ve,
+            size: z,
             tabIndex: 0,
-            transparent: le,
+            transparent: ie,
             variant: T ? "focused" : ae,
             ...oe
           });
-          return /* @__PURE__ */ H("div", { ...$e, className: v("wrapper", s && "disabled", "field-input"), children: [
-            /* @__PURE__ */ H("div", { className: v("input-wrapper"), children: [
-              O ? /* @__PURE__ */ p(
-                "input",
-                {
-                  className: de,
-                  type: "text",
-                  ...j(he)
-                }
-              ) : /* @__PURE__ */ p("div", { className: de, ...j(he), children: fe }),
-              f ? /* @__PURE__ */ p("div", { className: v("icon-wrapper", "icon-placement-left", `size-${F}`), children: /* @__PURE__ */ p(ge, { ...f.props, size: "md" }) }) : null,
-              /* @__PURE__ */ H("div", { className: v("indicators", `size-${F}`), children: [
-                me ? Pe : null,
-                Ye
-              ] })
-            ] }),
-            L ? /* @__PURE__ */ H("ul", { className: v("menu"), ...E(), children: [
-              Le({ getItemProps: _, highlightedIndex: w, options: N }),
-              N.length ? null : k == null ? void 0 : k(x),
-              b && x.length ? /* @__PURE__ */ p(
-                "li",
-                {
-                  className: v("item", w === N.length && "highlighted"),
-                  ..._({
-                    index: N.length,
-                    item: {
-                      label: x,
-                      value: Se(x)
+          return /* @__PURE__ */ V(
+            "div",
+            {
+              ...Ye,
+              className: O("wrapper", l && "disabled", "field-input", r),
+              children: [
+                /* @__PURE__ */ V("div", { className: O("input-wrapper"), children: [
+                  E ? /* @__PURE__ */ p(
+                    "input",
+                    {
+                      className: de,
+                      type: "text",
+                      ...F(he)
                     }
-                  }),
-                  children: Ne(x)
-                },
-                "add"
-              ) : null
-            ] }) : null,
-            !N.length && k ? /* @__PURE__ */ p("ul", { className: v("menu"), ...E(), children: /* @__PURE__ */ p("li", { className: v("item", "no-results"), children: k(x) }) }) : null,
-            A ? Ue(S, je) : null
-          ] });
+                  ) : /* @__PURE__ */ p("div", { className: de, ...F(he), children: fe }),
+                  f ? /* @__PURE__ */ p("div", { className: O("icon-wrapper", "icon-placement-left", `size-${z}`), children: /* @__PURE__ */ p(ge, { ...f.props, size: "md" }) }) : null,
+                  /* @__PURE__ */ V("div", { className: O("indicators", `size-${z}`), children: [
+                    me ? Le : null,
+                    Pe
+                  ] })
+                ] }),
+                K ? /* @__PURE__ */ V("ul", { className: O("menu"), ...x(), children: [
+                  Ke({ getItemProps: _, highlightedIndex: y, options: N }),
+                  N.length ? null : U == null ? void 0 : U(w),
+                  b && w.length ? /* @__PURE__ */ p(
+                    "li",
+                    {
+                      className: O("item", y === N.length && "highlighted"),
+                      ..._({
+                        index: N.length,
+                        item: {
+                          label: w,
+                          value: Se(w)
+                        }
+                      }),
+                      children: Ne(w)
+                    },
+                    "add"
+                  ) : null
+                ] }) : null,
+                !N.length && U ? /* @__PURE__ */ p("ul", { className: O("menu"), ...x(), children: /* @__PURE__ */ p("li", { className: O("item", "no-results"), children: U(w) }) }) : null,
+                A ? qe(S, Fe) : null
+              ]
+            }
+          );
         }
       }
     );
   }
 );
-Ln.displayName = "Select";
+Kn.displayName = "Select";
 export {
-  Ln as Select,
+  Kn as Select,
   Re as selectClasses
 };