welcome-ui 8.3.0 → 9.0.0-alpha.0

package/dist/Select.js

@@ -0,0 +1,1022 @@
+"use client";
+import { jsx as I, jsxs as P } from "react/jsx-runtime";
+import { D as me, F as Pe } from "./field-icon-size-Ch1t6GUH.js";
+import { g as $e } from "./_commonjsHelpers-CXJ7dpIk.js";
+import Ye, { useRef as Ze, useMemo as be, forwardRef as Be, useState as $, useEffect as _e, useCallback as Xe, Fragment as Qe } from "react";
+import { CloseButton as qe } from "./CloseButton.js";
+import { useField as Ge } from "./Field.js";
+import "./Icon-CvQNL_iy.js";
+import { D as Je } from "./index-Caku0Arx.js";
+import { c as Ee } from "./classNames-qiokGROM.js";
+import { c as en } from "./create-event-rXDe5aCQ.js";
+import { Tag as nn } from "./Tag.js";
+var H = { exports: {} }, he;
+function tn() {
+  if (he) return H.exports;
+  he = 1;
+  var e = {
+    À: "A",
+    Á: "A",
+    Â: "A",
+    Ã: "A",
+    Ä: "A",
+    Å: "A",
+    Ấ: "A",
+    Ắ: "A",
+    Ẳ: "A",
+    Ẵ: "A",
+    Ặ: "A",
+    Æ: "AE",
+    Ầ: "A",
+    Ằ: "A",
+    Ȃ: "A",
+    Ả: "A",
+    Ạ: "A",
+    Ẩ: "A",
+    Ẫ: "A",
+    Ậ: "A",
+    Ç: "C",
+    Ḉ: "C",
+    È: "E",
+    É: "E",
+    Ê: "E",
+    Ë: "E",
+    Ế: "E",
+    Ḗ: "E",
+    Ề: "E",
+    Ḕ: "E",
+    Ḝ: "E",
+    Ȇ: "E",
+    Ẻ: "E",
+    Ẽ: "E",
+    Ẹ: "E",
+    Ể: "E",
+    Ễ: "E",
+    Ệ: "E",
+    Ì: "I",
+    Í: "I",
+    Î: "I",
+    Ï: "I",
+    Ḯ: "I",
+    Ȋ: "I",
+    Ỉ: "I",
+    Ị: "I",
+    Ð: "D",
+    Ñ: "N",
+    Ò: "O",
+    Ó: "O",
+    Ô: "O",
+    Õ: "O",
+    Ö: "O",
+    Ø: "O",
+    Ố: "O",
+    Ṍ: "O",
+    Ṓ: "O",
+    Ȏ: "O",
+    Ỏ: "O",
+    Ọ: "O",
+    Ổ: "O",
+    Ỗ: "O",
+    Ộ: "O",
+    Ờ: "O",
+    Ở: "O",
+    Ỡ: "O",
+    Ớ: "O",
+    Ợ: "O",
+    Ù: "U",
+    Ú: "U",
+    Û: "U",
+    Ü: "U",
+    Ủ: "U",
+    Ụ: "U",
+    Ử: "U",
+    Ữ: "U",
+    Ự: "U",
+    Ý: "Y",
+    à: "a",
+    á: "a",
+    â: "a",
+    ã: "a",
+    ä: "a",
+    å: "a",
+    ấ: "a",
+    ắ: "a",
+    ẳ: "a",
+    ẵ: "a",
+    ặ: "a",
+    æ: "ae",
+    ầ: "a",
+    ằ: "a",
+    ȃ: "a",
+    ả: "a",
+    ạ: "a",
+    ẩ: "a",
+    ẫ: "a",
+    ậ: "a",
+    ç: "c",
+    ḉ: "c",
+    è: "e",
+    é: "e",
+    ê: "e",
+    ë: "e",
+    ế: "e",
+    ḗ: "e",
+    ề: "e",
+    ḕ: "e",
+    ḝ: "e",
+    ȇ: "e",
+    ẻ: "e",
+    ẽ: "e",
+    ẹ: "e",
+    ể: "e",
+    ễ: "e",
+    ệ: "e",
+    ì: "i",
+    í: "i",
+    î: "i",
+    ï: "i",
+    ḯ: "i",
+    ȋ: "i",
+    ỉ: "i",
+    ị: "i",
+    ð: "d",
+    ñ: "n",
+    ò: "o",
+    ó: "o",
+    ô: "o",
+    õ: "o",
+    ö: "o",
+    ø: "o",
+    ố: "o",
+    ṍ: "o",
+    ṓ: "o",
+    ȏ: "o",
+    ỏ: "o",
+    ọ: "o",
+    ổ: "o",
+    ỗ: "o",
+    ộ: "o",
+    ờ: "o",
+    ở: "o",
+    ỡ: "o",
+    ớ: "o",
+    ợ: "o",
+    ù: "u",
+    ú: "u",
+    û: "u",
+    ü: "u",
+    ủ: "u",
+    ụ: "u",
+    ử: "u",
+    ữ: "u",
+    ự: "u",
+    ý: "y",
+    ÿ: "y",
+    Ā: "A",
+    ā: "a",
+    Ă: "A",
+    ă: "a",
+    Ą: "A",
+    ą: "a",
+    Ć: "C",
+    ć: "c",
+    Ĉ: "C",
+    ĉ: "c",
+    Ċ: "C",
+    ċ: "c",
+    Č: "C",
+    č: "c",
+    C̆: "C",
+    c̆: "c",
+    Ď: "D",
+    ď: "d",
+    Đ: "D",
+    đ: "d",
+    Ē: "E",
+    ē: "e",
+    Ĕ: "E",
+    ĕ: "e",
+    Ė: "E",
+    ė: "e",
+    Ę: "E",
+    ę: "e",
+    Ě: "E",
+    ě: "e",
+    Ĝ: "G",
+    Ǵ: "G",
+    ĝ: "g",
+    ǵ: "g",
+    Ğ: "G",
+    ğ: "g",
+    Ġ: "G",
+    ġ: "g",
+    Ģ: "G",
+    ģ: "g",
+    Ĥ: "H",
+    ĥ: "h",
+    Ħ: "H",
+    ħ: "h",
+    Ḫ: "H",
+    ḫ: "h",
+    Ĩ: "I",
+    ĩ: "i",
+    Ī: "I",
+    ī: "i",
+    Ĭ: "I",
+    ĭ: "i",
+    Į: "I",
+    į: "i",
+    İ: "I",
+    ı: "i",
+    IJ: "IJ",
+    ij: "ij",
+    Ĵ: "J",
+    ĵ: "j",
+    Ķ: "K",
+    ķ: "k",
+    Ḱ: "K",
+    ḱ: "k",
+    K̆: "K",
+    k̆: "k",
+    Ĺ: "L",
+    ĺ: "l",
+    Ļ: "L",
+    ļ: "l",
+    Ľ: "L",
+    ľ: "l",
+    Ŀ: "L",
+    ŀ: "l",
+    Ł: "l",
+    ł: "l",
+    Ḿ: "M",
+    ḿ: "m",
+    M̆: "M",
+    m̆: "m",
+    Ń: "N",
+    ń: "n",
+    Ņ: "N",
+    ņ: "n",
+    Ň: "N",
+    ň: "n",
+    ʼn: "n",
+    N̆: "N",
+    n̆: "n",
+    Ō: "O",
+    ō: "o",
+    Ŏ: "O",
+    ŏ: "o",
+    Ő: "O",
+    ő: "o",
+    Œ: "OE",
+    œ: "oe",
+    P̆: "P",
+    p̆: "p",
+    Ŕ: "R",
+    ŕ: "r",
+    Ŗ: "R",
+    ŗ: "r",
+    Ř: "R",
+    ř: "r",
+    R̆: "R",
+    r̆: "r",
+    Ȓ: "R",
+    ȓ: "r",
+    Ś: "S",
+    ś: "s",
+    Ŝ: "S",
+    ŝ: "s",
+    Ş: "S",
+    Ș: "S",
+    ș: "s",
+    ş: "s",
+    Š: "S",
+    š: "s",
+    Ţ: "T",
+    ţ: "t",
+    ț: "t",
+    Ț: "T",
+    Ť: "T",
+    ť: "t",
+    Ŧ: "T",
+    ŧ: "t",
+    T̆: "T",
+    t̆: "t",
+    Ũ: "U",
+    ũ: "u",
+    Ū: "U",
+    ū: "u",
+    Ŭ: "U",
+    ŭ: "u",
+    Ů: "U",
+    ů: "u",
+    Ű: "U",
+    ű: "u",
+    Ų: "U",
+    ų: "u",
+    Ȗ: "U",
+    ȗ: "u",
+    V̆: "V",
+    v̆: "v",
+    Ŵ: "W",
+    ŵ: "w",
+    Ẃ: "W",
+    ẃ: "w",
+    X̆: "X",
+    x̆: "x",
+    Ŷ: "Y",
+    ŷ: "y",
+    Ÿ: "Y",
+    Y̆: "Y",
+    y̆: "y",
+    Ź: "Z",
+    ź: "z",
+    Ż: "Z",
+    ż: "z",
+    Ž: "Z",
+    ž: "z",
+    ſ: "s",
+    ƒ: "f",
+    Ơ: "O",
+    ơ: "o",
+    Ư: "U",
+    ư: "u",
+    Ǎ: "A",
+    ǎ: "a",
+    Ǐ: "I",
+    ǐ: "i",
+    Ǒ: "O",
+    ǒ: "o",
+    Ǔ: "U",
+    ǔ: "u",
+    Ǖ: "U",
+    ǖ: "u",
+    Ǘ: "U",
+    ǘ: "u",
+    Ǚ: "U",
+    ǚ: "u",
+    Ǜ: "U",
+    ǜ: "u",
+    Ứ: "U",
+    ứ: "u",
+    Ṹ: "U",
+    ṹ: "u",
+    Ǻ: "A",
+    ǻ: "a",
+    Ǽ: "AE",
+    ǽ: "ae",
+    Ǿ: "O",
+    ǿ: "o",
+    Þ: "TH",
+    þ: "th",
+    Ṕ: "P",
+    ṕ: "p",
+    Ṥ: "S",
+    ṥ: "s",
+    X́: "X",
+    x́: "x",
+    Ѓ: "Г",
+    ѓ: "г",
+    Ќ: "К",
+    ќ: "к",
+    A̋: "A",
+    a̋: "a",
+    E̋: "E",
+    e̋: "e",
+    I̋: "I",
+    i̋: "i",
+    Ǹ: "N",
+    ǹ: "n",
+    Ồ: "O",
+    ồ: "o",
+    Ṑ: "O",
+    ṑ: "o",
+    Ừ: "U",
+    ừ: "u",
+    Ẁ: "W",
+    ẁ: "w",
+    Ỳ: "Y",
+    ỳ: "y",
+    Ȁ: "A",
+    ȁ: "a",
+    Ȅ: "E",
+    ȅ: "e",
+    Ȉ: "I",
+    ȉ: "i",
+    Ȍ: "O",
+    ȍ: "o",
+    Ȑ: "R",
+    ȑ: "r",
+    Ȕ: "U",
+    ȕ: "u",
+    B̌: "B",
+    b̌: "b",
+    Č̣: "C",
+    č̣: "c",
+    Ê̌: "E",
+    ê̌: "e",
+    F̌: "F",
+    f̌: "f",
+    Ǧ: "G",
+    ǧ: "g",
+    Ȟ: "H",
+    ȟ: "h",
+    J̌: "J",
+    ǰ: "j",
+    Ǩ: "K",
+    ǩ: "k",
+    M̌: "M",
+    m̌: "m",
+    P̌: "P",
+    p̌: "p",
+    Q̌: "Q",
+    q̌: "q",
+    Ř̩: "R",
+    ř̩: "r",
+    Ṧ: "S",
+    ṧ: "s",
+    V̌: "V",
+    v̌: "v",
+    W̌: "W",
+    w̌: "w",
+    X̌: "X",
+    x̌: "x",
+    Y̌: "Y",
+    y̌: "y",
+    A̧: "A",
+    a̧: "a",
+    B̧: "B",
+    b̧: "b",
+    Ḑ: "D",
+    ḑ: "d",
+    Ȩ: "E",
+    ȩ: "e",
+    Ɛ̧: "E",
+    ɛ̧: "e",
+    Ḩ: "H",
+    ḩ: "h",
+    I̧: "I",
+    i̧: "i",
+    Ɨ̧: "I",
+    ɨ̧: "i",
+    M̧: "M",
+    m̧: "m",
+    O̧: "O",
+    o̧: "o",
+    Q̧: "Q",
+    q̧: "q",
+    U̧: "U",
+    u̧: "u",
+    X̧: "X",
+    x̧: "x",
+    Z̧: "Z",
+    z̧: "z",
+    й: "и",
+    Й: "И",
+    ё: "е",
+    Ё: "Е"
+  }, n = Object.keys(e).join("|"), t = new RegExp(n, "g"), r = new RegExp(n, "");
+  function s(a) {
+    return e[a];
+  }
+  var l = function(a) {
+    return a.replace(t, s);
+  }, i = function(a) {
+    return !!a.match(r);
+  };
+  return H.exports = l, H.exports.has = i, H.exports.remove = l, H.exports;
+}
+var rn = tn();
+const sn = /* @__PURE__ */ $e(rn);
+/**
+ * @name match-sorter
+ * @license MIT license.
+ * @copyright (c) 2020 Kent C. Dodds
+ * @author Kent C. Dodds <me@kentcdodds.com> (https://kentcdodds.com)
+ */
+const A = {
+  CASE_SENSITIVE_EQUAL: 7,
+  EQUAL: 6,
+  STARTS_WITH: 5,
+  WORD_STARTS_WITH: 4,
+  CONTAINS: 3,
+  ACRONYM: 2,
+  MATCHES: 1,
+  NO_MATCH: 0
+}, on = (e, n) => String(e.rankedValue).localeCompare(String(n.rankedValue));
+function G(e, n, t) {
+  t === void 0 && (t = {});
+  const {
+    keys: r,
+    threshold: s = A.MATCHES,
+    baseSort: l = on,
+    sorter: i = (f) => f.sort((u, _) => un(u, _, l))
+  } = t, a = e.reduce(c, []);
+  return i(a).map((f) => {
+    let {
+      item: u
+    } = f;
+    return u;
+  });
+  function c(f, u, _) {
+    const x = an(u, r, n, t), {
+      rank: p,
+      keyThreshold: m = s
+    } = x;
+    return p >= m && f.push({
+      ...x,
+      item: u,
+      index: _
+    }), f;
+  }
+}
+G.rankings = A;
+function an(e, n, t, r) {
+  if (!n) {
+    const l = e;
+    return {
+      // ends up being duplicate of 'item' in matches but consistent
+      rankedValue: l,
+      rank: pe(l, t, r),
+      keyIndex: -1,
+      keyThreshold: r.threshold
+    };
+  }
+  return mn(e, n).reduce((l, i, a) => {
+    let {
+      rank: c,
+      rankedValue: f,
+      keyIndex: u,
+      keyThreshold: _
+    } = l, {
+      itemValue: x,
+      attributes: p
+    } = i, m = pe(x, t, r), k = f;
+    const {
+      minRanking: D,
+      maxRanking: N,
+      threshold: U
+    } = p;
+    return m < D && m >= A.MATCHES ? m = D : m > N && (m = N), m > c && (c = m, u = a, _ = U, k = x), {
+      rankedValue: k,
+      rank: c,
+      keyIndex: u,
+      keyThreshold: _
+    };
+  }, {
+    rankedValue: e,
+    rank: A.NO_MATCH,
+    keyIndex: -1,
+    keyThreshold: r.threshold
+  });
+}
+function pe(e, n, t) {
+  return e = ve(e, t), n = ve(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 : cn(e).includes(n) ? A.ACRONYM : ln(e, n));
+}
+function cn(e) {
+  let n = "";
+  return e.split(" ").forEach((r) => {
+    r.split("-").forEach((l) => {
+      n += l.substr(0, 1);
+    });
+  }), n;
+}
+function ln(e, n) {
+  let t = 0, r = 0;
+  function s(c, f, u) {
+    for (let _ = u, x = f.length; _ < x; _++)
+      if (f[_] === c)
+        return t += 1, _ + 1;
+    return -1;
+  }
+  function l(c) {
+    const f = 1 / c, u = t / n.length;
+    return A.MATCHES + u * f;
+  }
+  const i = s(n[0], e, 0);
+  if (i < 0)
+    return A.NO_MATCH;
+  r = i;
+  for (let c = 1, f = n.length; c < f; c++) {
+    const u = n[c];
+    if (r = s(u, e, r), !(r > -1))
+      return A.NO_MATCH;
+  }
+  const a = r - i;
+  return l(a);
+}
+function un(e, n, t) {
+  const {
+    rank: l,
+    keyIndex: i
+  } = e, {
+    rank: a,
+    keyIndex: c
+  } = n;
+  return l === a ? i === c ? t(e, n) : i < c ? -1 : 1 : l > a ? -1 : 1;
+}
+function ve(e, n) {
+  let {
+    keepDiacritics: t
+  } = n;
+  return e = `${e}`, t || (e = sn(e)), e;
+}
+function fn(e, n) {
+  typeof n == "object" && (n = n.key);
+  let t;
+  if (typeof n == "function")
+    t = n(e);
+  else if (e == null)
+    t = null;
+  else if (Object.hasOwnProperty.call(e, n))
+    t = e[n];
+  else {
+    if (n.includes("."))
+      return dn(n, e);
+    t = null;
+  }
+  return t == null ? [] : Array.isArray(t) ? t : [String(t)];
+}
+function dn(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 c = 0, f = r.length; c < f; c++) {
+      const u = r[c];
+      if (u != null)
+        if (Object.hasOwnProperty.call(u, i)) {
+          const _ = u[i];
+          _ != null && a.push(_);
+        } else i === "*" && (a = a.concat(u));
+    }
+    r = a;
+  }
+  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 = fn(e, l);
+    for (let c = 0, f = a.length; c < f; c++)
+      t.push({
+        itemValue: a[c],
+        attributes: i
+      });
+  }
+  return t;
+}
+const Ae = {
+  maxRanking: 1 / 0,
+  minRanking: -1 / 0
+};
+function _n(e) {
+  return typeof e == "string" ? Ae : {
+    ...Ae,
+    ...e
+  };
+}
+function hn(...e) {
+  return (n) => {
+    e.forEach((t) => pn(t, n));
+  };
+}
+function pn(e, n) {
+  e && (typeof e == "function" && n !== void 0 ? e(n) : e.current = n ?? null);
+}
+function vn(e, n) {
+  const t = Ze(null), r = be(() => hn(e, t, n), [e, t, n]);
+  return [t, r];
+}
+const An = "_indicators_1fbxv_2", gn = "_open_1fbxv_33", In = "_root_1fbxv_49", xn = "_clearable_1fbxv_83", bn = "_transparent_1fbxv_101", En = "_wrapper_1fbxv_208", On = "_disabled_1fbxv_212", yn = "_menu_1fbxv_215", wn = "_item_1fbxv_243", Cn = "_highlighted_1fbxv_257", Rn = "_selected_1fbxv_260", Nn = "_multiple_1fbxv_260", Sn = "_allowUnselectFromList_1fbxv_264", kn = "_tags_1fbxv_272", Oe = {
+  indicators: An,
+  "size-xs": "_size-xs_1fbxv_11",
+  "dropdown-indicator": "_dropdown-indicator_1fbxv_14",
+  "styled-icon": "_styled-icon_1fbxv_27",
+  open: gn,
+  "input-wrapper": "_input-wrapper_1fbxv_42",
+  "icon-placement-right": "_icon-placement-right_1fbxv_45",
+  root: In,
+  "icon-placement-left": "_icon-placement-left_1fbxv_80",
+  "icon-placement-both": "_icon-placement-both_1fbxv_80",
+  clearable: xn,
+  transparent: bn,
+  "variant-danger": "_variant-danger_1fbxv_136",
+  "variant-success": "_variant-success_1fbxv_140",
+  "variant-warning": "_variant-warning_1fbxv_144",
+  "size-lg": "_size-lg_1fbxv_148",
+  "size-md": "_size-md_1fbxv_155",
+  "size-sm": "_size-sm_1fbxv_162",
+  "icon-wrapper": "_icon-wrapper_1fbxv_177",
+  wrapper: En,
+  disabled: On,
+  menu: yn,
+  item: wn,
+  highlighted: Cn,
+  selected: Rn,
+  multiple: Nn,
+  allowUnselectFromList: Sn,
+  tags: kn,
+  "styled-tag": "_styled-tag_1fbxv_275"
+}, ge = Ee(Oe);
+function Un(e, n) {
+  return /* @__PURE__ */ I("div", { className: ge("tags"), role: "list", children: e.map((t) => (
+    // TODO migrate after WUI-187/tag
+    /* @__PURE__ */ I(
+      nn,
+      {
+        className: ge("styled-tag"),
+        onRemove: () => n(t.value.toString()),
+        role: "listitem",
+        children: t.label
+      },
+      t.value
+    )
+  )) });
+}
+const ee = "", Vn = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g, ye = (e) => {
+  if (typeof e == "number")
+    return String(e);
+  if (typeof e == "string") {
+    const n = e.match(Vn);
+    return n && n.map((t) => t.toLowerCase()).join("-");
+  }
+}, Ie = (e) => e ? e.label : ee, Tn = (e) => e.reduce(
+  (n, t) => t.label && n.length > t.label.length ? n : t.label,
+  ee
+), 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];
+}, q = (e, n) => !!n.find((t) => t.value === e), J = (e, n = []) => n.find(
+  (r) => r.label === (e.label || e) || r.value === (e.value || e)
+) || { label: e, value: ye(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) => J(s, r)) : [J(e, r)];
+}, Fn = (e, n) => !!n.find((t) => t.value === e.value), zn = (e, n) => Fn(e, n) ? e.value : e.label, xe = (e, n) => e ? e.map((t) => zn(t, n)) : [], Mn = (e, n) => e ? e.filter(
+  (t) => !n.find((r) => r.value === t.value)
+) : [], jn = ({
+  inputValue: e,
+  isMultiple: n,
+  isSearchable: t,
+  options: r,
+  renderItem: s
+}) => {
+  const l = J(e, r);
+  return n ? e : l.label ? t ? l.label : s(l) : ee;
+}, O = Ee(Oe), Wn = me.default || me, Jn = Be(
+  ({
+    allowUnselectFromList: e,
+    autoComplete: n = "off",
+    autoFocus: t,
+    className: r,
+    dataTestId: s,
+    disableCloseOnSelect: l,
+    disabled: i,
+    groupsEnabled: a,
+    icon: c,
+    iconPlacement: f = "left",
+    id: u,
+    isClearable: _,
+    isCreatable: x,
+    isMultiple: p,
+    isSearchable: m,
+    name: k,
+    onBlur: D,
+    onChange: N,
+    onClick: U,
+    onCreate: Y,
+    onFocus: we,
+    options: g = [],
+    placeholder: ne = "Choose from…",
+    renderCreateItem: Ce = (z) => `Create "${z}"`,
+    renderGroupHeader: te,
+    renderItem: F = Ie,
+    renderMultiple: Re = Un,
+    size: V = "md",
+    transparent: re,
+    value: se,
+    variant: oe,
+    ...ae
+  }, Ne) => {
+    const { getInputProps: z, variant: Se } = Ge(), ce = Se || oe, M = be(
+      () => Dn(se, g, a),
+      [se, g, a]
+    ), Z = !p && M[0] || null, B = Z ? Z.label : "", [w, X] = $(M), [y, T] = $(B), [j, W] = $(g), [C, S] = $(!1);
+    m = x || m;
+    const [Q, ke] = vn(Ne);
+    _e(() => {
+      t && Q.current && (Q.current.focus(), m && S(!0));
+    }, [m, t, Q]), _e(() => {
+      X(M), T(B), W(g);
+    }, [B, g, M]);
+    const Ue = (o) => {
+      if (m && o !== y) {
+        let d = [];
+        a ? d = G(g, o, {
+          // should match on group.label OR group.options.label
+          keys: [(v) => v.label, (v) => v.options.map((b) => b.label)]
+        }) : d = G(g, o, { keys: ["label"] }), T(o), W(d);
+      }
+    }, Ve = () => {
+      m && !C && S(!0);
+    }, le = (o) => {
+      let d = [];
+      a ? d = xe(
+        o,
+        g.flatMap((h) => h.options)
+      ) : d = xe(o, g);
+      const v = p ? d : d[0], b = en({ name: k, value: p ? o : o[0] });
+      if (N == null || N(v, b), x) {
+        const h = Mn(o, g);
+        h.length && (Y == null || Y(h[0].label, b));
+      }
+    }, Te = (o) => {
+      let d, v;
+      !o || o != null && o.disabled ? (d = p ? w : [], v = !0) : (d = p ? Hn(o, w, e) : [o], v = p), v && T(""), W(g), X(d), le(d), l || S(!1);
+    }, He = (o) => {
+      const d = w.filter((v) => v.value !== o);
+      X(d), le(d);
+    }, De = (o) => {
+      U == null || U(o), S(!C);
+    }, Fe = (o) => {
+      p && o.selectedItem ? T("") : m && o.selectedItem && T(o.selectedItem.label), W(g), S(!1);
+    }, ze = Tn(g), ie = jn({
+      inputValue: y,
+      isMultiple: p,
+      isSearchable: m,
+      options: g,
+      renderItem: F
+    }), Me = Xe(
+      ({
+        getItemProps: o,
+        highlightedIndex: d,
+        options: v
+      }) => v.reduce(
+        (b, h, L) => {
+          if (a && "options" in h)
+            b.itemsToRender.push(
+              /* @__PURE__ */ P(Qe, { children: [
+                te(h),
+                h.options ? h.options.map((E) => {
+                  const R = b.itemIndex++, K = q(E.value, w);
+                  return /* @__PURE__ */ I(
+                    "li",
+                    {
+                      className: O(
+                        "item",
+                        d === R && "highlighted",
+                        p && "multiple",
+                        e && "allowUnselectFromList",
+                        E.disabled && "disabled",
+                        K && "selected"
+                      ),
+                      ...o({
+                        index: R,
+                        item: E
+                      }),
+                      children: F(E, K)
+                    },
+                    E.value
+                  );
+                }) : null
+              ] }, h.label)
+            );
+          else if ("value" in h) {
+            const E = q(h.value, w), R = d === L;
+            b.itemsToRender.push(
+              /* @__PURE__ */ I(
+                "li",
+                {
+                  className: O(
+                    "item",
+                    R && "highlighted",
+                    p && "multiple",
+                    e && "allowUnselectFromList",
+                    h.disabled && "disabled",
+                    E && "selected"
+                  ),
+                  ...o({
+                    index: L,
+                    item: h
+                  }),
+                  children: F(h, E)
+                },
+                h.value
+              )
+            );
+          }
+          return b;
+        },
+        { itemIndex: 0, itemsToRender: [] }
+      ).itemsToRender,
+      [p, e, w, a, te, F]
+    ), je = Pe[V], ue = O(
+      "root",
+      `size-${V}`,
+      ce && `variant-${ce}`,
+      _ && "clearable",
+      re && "transparent",
+      c && `icon-placement-${f}`,
+      r
+    );
+    return /* @__PURE__ */ I(
+      Wn,
+      {
+        id: u,
+        inputValue: m ? ie : "",
+        isOpen: C,
+        itemToString: Ie,
+        onInputValueChange: Ue,
+        onOuterClick: Fe,
+        onSelect: Te,
+        selectedItem: Z,
+        children: ({
+          clearSelection: o,
+          getInputProps: d,
+          getItemProps: v,
+          getMenuProps: b,
+          getRootProps: h,
+          getToggleButtonProps: L,
+          highlightedIndex: E
+        }) => {
+          const R = !!(x && y && !q(y, w)), K = C && (j.length || R), fe = _ && y, We = /* @__PURE__ */ I("div", { className: O("dropdown-indicator", C && "open"), children: /* @__PURE__ */ I(
+            qe,
+            {
+              animatePresence: !0,
+              onClick: o,
+              title: "Clear"
+            }
+          ) }), Le = /* @__PURE__ */ I(
+            "div",
+            {
+              className: O("dropdown-indicator", C && "open"),
+              "data-testid": s ? `${s}-arrow-icon` : null,
+              disabled: i,
+              tabIndex: -1,
+              ...L({
+                onClick: () => S(!C)
+              }),
+              children: /* @__PURE__ */ I(Je, { className: O("styled-icon"), size: "sm" })
+            }
+          ), Ke = h(ae, { suppressRefError: !0 }), de = d({
+            autoComplete: n,
+            autoFocus: t,
+            "data-spacer": ze || ne,
+            "data-testid": s,
+            disabled: i,
+            id: u,
+            name: k,
+            onBlur: D,
+            onClick: i ? void 0 : De,
+            onFocus: we,
+            onKeyDown: Ve,
+            placeholder: ne,
+            ref: ke,
+            size: V,
+            tabIndex: 0,
+            transparent: re,
+            variant: C ? "focused" : oe,
+            ...ae
+          });
+          return /* @__PURE__ */ P("div", { ...Ke, className: O("wrapper", i && "disabled"), children: [
+            m ? /* @__PURE__ */ I(
+              "input",
+              {
+                className: ue,
+                type: "text",
+                ...z(de)
+              }
+            ) : /* @__PURE__ */ I("div", { className: ue, ...z(de), children: ie }),
+            c ? /* @__PURE__ */ I("div", { className: O("icon-wrapper", "icon-placement-left", `size-${V}`), children: Ye.cloneElement(c, { ...c.props, size: je }) }) : null,
+            /* @__PURE__ */ P("div", { className: O("indicators", `size-${V}`), children: [
+              fe ? We : null,
+              Le
+            ] }),
+            K ? /* @__PURE__ */ P("ul", { className: O("menu"), ...b(), children: [
+              Me({ getItemProps: v, highlightedIndex: E, options: j }),
+              R && y.length ? /* @__PURE__ */ I(
+                "li",
+                {
+                  className: O("item", E === j.length && "highlighted"),
+                  ...v({
+                    index: j.length,
+                    item: {
+                      label: y,
+                      value: ye(y)
+                    }
+                  }),
+                  children: Ce(y)
+                },
+                "add"
+              ) : null
+            ] }) : null,
+            p ? Re(w, He) : null
+          ] });
+        }
+      }
+    );
+  }
+);
+export {
+  Jn as Select
+};