welcome-ui 1.0.0-beta.3 → 1.0.0-beta.5

package/dist/index-CGZVoNIN.mjs

@@ -0,0 +1,1077 @@
+"use client";
+import m, { useMemo as ze, useState as P, useEffect as he, Fragment as Qe } from "react";
+import { D as pe } from "./downshift.esm-K4YLLQXl.mjs";
+import { g as Xe } from "./_commonjsHelpers-CXJ7dpIk.mjs";
+import { Icon as Ge, StyledIcon as Je } from "./Icon.mjs";
+import { ClearButton as qe } from "./ClearButton.mjs";
+import { shouldForwardProp as te, forwardRef as et } from "./System.mjs";
+import { c as tt } from "./create-event-rXDe5aCQ.mjs";
+import { d as nt, F as rt } from "./field-styles-CeV7pnOp.mjs";
+import { StyledTag as ot, Tag as at } from "./Tag.mjs";
+import v, { css as F, system as ve, th as b } from "@xstyled/styled-components";
+import { IconWrapper as lt } from "./Field.mjs";
+import { o as J } from "./overflow-ellipsis-DGV5Kgt-.mjs";
+import { Box as it } from "./Box.mjs";
+const st = 15, ct = 15, ut = '<path fill="currentColor" fill-rule="evenodd" d="M50 71a4.399 4.399 0 0 1-2.936-1.119L17.49 43.552a4.468 4.468 0 0 1-.377-6.283 4.416 4.416 0 0 1 6.253-.379l26.278 23.397 26.632-29.81a4.412 4.412 0 0 1 6.253-.338 4.464 4.464 0 0 1 .337 6.283l-29.57 33.1A4.412 4.412 0 0 1 49.998 71Z" clip-rule="evenodd"/>', dt = {
+  width: st,
+  height: ct,
+  block: ut
+}, ft = (e) => /* @__PURE__ */ m.createElement(Ge, { alt: "Down", content: dt, ...e });
+var K = { exports: {} }, Oe = {
+  À: "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",
+  й: "и",
+  Й: "И",
+  ё: "е",
+  Ё: "Е"
+}, ke = Object.keys(Oe).join("|"), mt = new RegExp(ke, "g"), ht = new RegExp(ke, "");
+function pt(e) {
+  return Oe[e];
+}
+var xe = function(e) {
+  return e.replace(mt, pt);
+}, gt = function(e) {
+  return !!e.match(ht);
+};
+K.exports = xe;
+K.exports.has = gt;
+K.exports.remove = xe;
+var It = K.exports;
+const At = /* @__PURE__ */ Xe(It);
+/**
+ * @name match-sorter
+ * @license MIT license.
+ * @copyright (c) 2020 Kent C. Dodds
+ * @author Kent C. Dodds <me@kentcdodds.com> (https://kentcdodds.com)
+ */
+const I = {
+  CASE_SENSITIVE_EQUAL: 7,
+  EQUAL: 6,
+  STARTS_WITH: 5,
+  WORD_STARTS_WITH: 4,
+  CONTAINS: 3,
+  ACRONYM: 2,
+  MATCHES: 1,
+  NO_MATCH: 0
+}, Et = (e, t) => String(e.rankedValue).localeCompare(String(t.rankedValue));
+function q(e, t, n) {
+  n === void 0 && (n = {});
+  const {
+    keys: r,
+    threshold: o = I.MATCHES,
+    baseSort: i = Et,
+    sorter: d = (u) => u.sort((c, a) => vt(c, a, i))
+  } = n, f = e.reduce(s, []);
+  return d(f).map((u) => {
+    let {
+      item: c
+    } = u;
+    return c;
+  });
+  function s(u, c, a) {
+    const h = yt(c, r, t, n), {
+      rank: k,
+      keyThreshold: E = o
+    } = h;
+    return k >= E && u.push({
+      ...h,
+      item: c,
+      index: a
+    }), u;
+  }
+}
+q.rankings = I;
+function yt(e, t, n, r) {
+  if (!t) {
+    const i = e;
+    return {
+      // ends up being duplicate of 'item' in matches but consistent
+      rankedValue: i,
+      rank: ge(i, n, r),
+      keyIndex: -1,
+      keyThreshold: r.threshold
+    };
+  }
+  return xt(e, t).reduce((i, d, f) => {
+    let {
+      rank: s,
+      rankedValue: u,
+      keyIndex: c,
+      keyThreshold: a
+    } = i, {
+      itemValue: h,
+      attributes: k
+    } = d, E = ge(h, n, r), $ = u;
+    const {
+      minRanking: H,
+      maxRanking: N,
+      threshold: B
+    } = k;
+    return E < H && E >= I.MATCHES ? E = H : E > N && (E = N), E > s && (s = E, c = f, a = B, $ = h), {
+      rankedValue: $,
+      rank: s,
+      keyIndex: c,
+      keyThreshold: a
+    };
+  }, {
+    rankedValue: e,
+    rank: I.NO_MATCH,
+    keyIndex: -1,
+    keyThreshold: r.threshold
+  });
+}
+function ge(e, t, n) {
+  return e = Ie(e, n), t = Ie(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 : bt(e).includes(t) ? I.ACRONYM : Ct(e, t));
+}
+function bt(e) {
+  let t = "";
+  return e.split(" ").forEach((r) => {
+    r.split("-").forEach((i) => {
+      t += i.substr(0, 1);
+    });
+  }), t;
+}
+function Ct(e, t) {
+  let n = 0, r = 0;
+  function o(s, u, c) {
+    for (let a = c, h = u.length; a < h; a++)
+      if (u[a] === s)
+        return n += 1, a + 1;
+    return -1;
+  }
+  function i(s) {
+    const u = 1 / s, c = n / t.length;
+    return I.MATCHES + c * u;
+  }
+  const d = o(t[0], e, 0);
+  if (d < 0)
+    return I.NO_MATCH;
+  r = d;
+  for (let s = 1, u = t.length; s < u; s++) {
+    const c = t[s];
+    if (r = o(c, e, r), !(r > -1))
+      return I.NO_MATCH;
+  }
+  const f = r - d;
+  return i(f);
+}
+function vt(e, t, n) {
+  const {
+    rank: i,
+    keyIndex: d
+  } = e, {
+    rank: f,
+    keyIndex: s
+  } = t;
+  return i === f ? d === s ? n(e, t) : d < s ? -1 : 1 : i > f ? -1 : 1;
+}
+function Ie(e, t) {
+  let {
+    keepDiacritics: n
+  } = t;
+  return e = `${e}`, n || (e = At(e)), e;
+}
+function Ot(e, t) {
+  typeof t == "object" && (t = t.key);
+  let n;
+  if (typeof t == "function")
+    n = t(e);
+  else if (e == null)
+    n = null;
+  else if (Object.hasOwnProperty.call(e, t))
+    n = e[t];
+  else {
+    if (t.includes("."))
+      return kt(t, e);
+    n = null;
+  }
+  return n == null ? [] : Array.isArray(n) ? n : [String(n)];
+}
+function kt(e, t) {
+  const n = e.split(".");
+  let r = [t];
+  for (let o = 0, i = n.length; o < i; o++) {
+    const d = n[o];
+    let f = [];
+    for (let s = 0, u = r.length; s < u; s++) {
+      const c = r[s];
+      if (c != null)
+        if (Object.hasOwnProperty.call(c, d)) {
+          const a = c[d];
+          a != null && f.push(a);
+        } else d === "*" && (f = f.concat(c));
+    }
+    r = f;
+  }
+  return Array.isArray(r[0]) ? [].concat(...r) : r;
+}
+function xt(e, t) {
+  const n = [];
+  for (let r = 0, o = t.length; r < o; r++) {
+    const i = t[r], d = wt(i), f = Ot(e, i);
+    for (let s = 0, u = f.length; s < u; s++)
+      n.push({
+        itemValue: f[s],
+        attributes: d
+      });
+  }
+  return n;
+}
+const Ae = {
+  maxRanking: 1 / 0,
+  minRanking: -1 / 0
+};
+function wt(e) {
+  return typeof e == "string" ? Ae : {
+    ...Ae,
+    ...e
+  };
+}
+const ne = "", 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("-");
+  }
+}, Ee = (e) => e ? e.label : ne, St = (e) => e.reduce(
+  (t, n) => n.label && t.length > n.label.length ? t : n.label,
+  ne
+), Tt = (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: we(e), label: e }, Vt = (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)];
+}, Ut = (e, t) => !!t.find((n) => n.value === e.value), Rt = (e, t) => Ut(e, t) ? e.value : e.label, ye = (e, t) => {
+  if (e)
+    return e.map((n) => Rt(n, t));
+}, $t = (e, t) => {
+  if (e)
+    return e.filter(
+      (n) => !t.find((r) => r.value === n.value)
+    );
+}, Ht = ({
+  inputValue: e,
+  isMultiple: t,
+  isSearchable: n,
+  options: r,
+  renderItem: o
+}) => {
+  const i = ee(e, r);
+  return t ? e : i.label ? n ? i.label : o(i) : ne;
+}, Se = v(lt)``, Te = v(it).withConfig({ shouldForwardProp: te })(
+  ({ disabled: e }) => F`
+    position: relative;
+    ${ve}
+    ${Se} {
+      color: ${e ? b("defaultFields.select.disabled.color") : "initial"};
+    }
+  `
+), Nt = v.div`
+  position: relative;
+`, be = v("div").withConfig({ shouldForwardProp: te })(
+  ({ iconPlacement: e, isClearable: t, size: n, transparent: r, variant: o }) => F`
+    position: relative;
+    ${nt({
+    size: n,
+    variant: o,
+    transparent: r,
+    isClearable: t,
+    iconPlacement: e
+  })};
+    ${J};
+    cursor: pointer;
+    ${ve}
+    line-height: 1em;
+
+    br {
+      display: none;
+    }
+
+    &::before {
+      content: attr(data-spacer);
+      visibility: hidden;
+      display: block;
+      height: 0;
+    }
+
+    &:empty {
+      &::after {
+        content: attr(placeholder);
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        ${J};
+        padding: inherit;
+        ${b("defaultFields.placeholder")}
+      }
+      &::before {
+        height: auto;
+      }
+    }
+  `
+), Dt = v.ul`
+  ${b("defaultFields.select.default")};
+  ${b("cards.default")};
+  position: absolute;
+  z-index: 2;
+  right: 0;
+  left: 0;
+  margin: 0;
+  margin-top: md;
+  padding: 0;
+  transition: medium;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+
+  &:hover > * {
+    cursor: pointer;
+  }
+`, G = v.li(
+  ({
+    allowUnselectFromList: e,
+    isDisabled: t,
+    isHighlighted: n,
+    isMultiple: r,
+    isSelected: o
+  }) => F`
+    color: beige-70;
+    ${n && b("defaultFields.select.highlighted")};
+    ${o && !r && b("defaultFields.select.selected")};
+    ${o && r && !e && b("defaultFields.select.existing")};
+    ${t && b("defaultFields.select.disabled")};
+    ${J};
+    padding: md;
+    list-style: none;
+    text-decoration: none;
+    font-size: sm;
+    transition: background ${b.transition("medium")};
+  `
+), _t = v.divBox(
+  ({ size: e }) => F`
+    position: absolute;
+    padding: 0;
+    top: 0;
+    bottom: 0;
+    right: ${e === "xs" ? "sm" : "md"};
+    display: flex;
+    gap: xs;
+  `
+), Ce = v.button.withConfig({ shouldForwardProp: te })(
+  ({ isOpen: e }) => F`
+    position: relative;
+    height: 100%;
+    padding: 0;
+    outline: none !important; /* important for firefox */
+    appearance: none;
+    cursor: pointer;
+    border: none;
+    background: transparent;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    ${Je} {
+      transform: ${e ? "rotate3d(0, 0, 1, 180deg)" : "rotate3d(0)"};
+      transition: medium;
+    }
+
+    &:not(:last-child) {
+      width: auto;
+    }
+
+    &:disabled {
+      color: ${b("defaultFields.select.disabled.color")};
+    }
+  `
+), Ft = v.divBox`
+  margin-top: lg;
+
+  ${/* sc-selector */
+ot}:not(:last-child) {
+    margin-right: sm;
+    margin-bottom: sm;
+  }
+
+  &:empty {
+    display: none;
+  }
+`;
+function Wt(e, t) {
+  return /* @__PURE__ */ m.createElement(Ft, { role: "list" }, e.map((n) => /* @__PURE__ */ m.createElement(at, { key: n.value, onRemove: () => t(n.value.toString()), role: "listitem" }, n.label)));
+}
+const Mt = pe.default || pe, en = et(
+  ({
+    allowUnselectFromList: e,
+    autoComplete: t = "off",
+    autoFocus: n,
+    dataTestId: r,
+    disableCloseOnSelect: o,
+    disabled: i,
+    groupsEnabled: d,
+    icon: f,
+    id: s,
+    isClearable: u,
+    isCreatable: c,
+    isMultiple: a,
+    isSearchable: h,
+    name: k,
+    onBlur: E,
+    onChange: $,
+    onClick: H,
+    onCreate: N,
+    onFocus: B,
+    options: A = [],
+    placeholder: re = "Choose from…",
+    renderCreateItem: Ve = (S) => `Create "${S}"`,
+    renderGroupHeader: Ue,
+    renderItem: L = Ee,
+    renderMultiple: Re = Wt,
+    size: W = "md",
+    transparent: $e,
+    value: oe,
+    variant: He,
+    ...ae
+  }, D) => {
+    const S = ze(
+      () => Vt(oe, A, d),
+      [oe, A, d]
+    ), Y = !a && S[0] || null, Z = Y ? Y.label : "", [x, z] = P(S), [C, _] = P(Z), [M, j] = P(A), [w, T] = P(!1);
+    h = c || h, he(() => {
+      var l;
+      n && ((l = D == null ? void 0 : D.current) == null || l.focus(), h && T(!0));
+    }, [h, n, D]), he(() => {
+      z(S), _(Z), j(A);
+    }, [Z, A, S]);
+    const Ne = (l) => {
+      if (h && l !== C) {
+        let p = [];
+        d ? p = q(A, l, {
+          // should match on group.label OR group.options.label
+          keys: [(g) => g.label, (g) => g.options.map((V) => V.label)]
+        }) : p = q(A, l, { keys: ["label"] }), _(l), j(p);
+      }
+    }, De = () => {
+      h && !w && T(!0);
+    }, le = (l) => {
+      let p = [];
+      d ? p = ye(
+        l,
+        A.flatMap((U) => U.options)
+      ) : p = ye(l, A);
+      const g = a ? p : p[0], V = tt({ name: k, value: a ? l : l[0] });
+      if ($ && $(g, V), c) {
+        const U = $t(l, A);
+        U.length && N && N(U[0].label, V);
+      }
+    }, _e = (l) => {
+      let p, g;
+      !l || l != null && l.disabled ? (p = a ? x : [], g = !0) : (p = a ? Tt(l, x, e) : [l], g = a), g && _(""), j(A), z(p), le(p), o || T(!1);
+    }, Fe = (l) => {
+      const p = x.filter((g) => g.value !== l);
+      z(p), le(p);
+    }, We = (l) => {
+      a && l.selectedItem ? _("") : h && l.selectedItem && _(l.selectedItem.label), j(A), T(!1);
+    }, Me = St(A), ie = Ht({
+      inputValue: C,
+      isMultiple: a,
+      isSearchable: h,
+      options: A,
+      renderItem: L
+    });
+    return /* @__PURE__ */ m.createElement(
+      Mt,
+      {
+        id: s,
+        inputValue: h ? ie : "",
+        isOpen: w,
+        itemToString: Ee,
+        onInputValueChange: Ne,
+        onOuterClick: We,
+        onSelect: _e,
+        selectedItem: Y
+      },
+      ({
+        clearSelection: l,
+        getInputProps: p,
+        getItemProps: g,
+        getMenuProps: V,
+        getRootProps: U,
+        getToggleButtonProps: je,
+        highlightedIndex: Q
+      }) => {
+        const se = !!(c && C && !X(C, x)), Pe = w && (M.length || se), Ke = u && C, Be = /* @__PURE__ */ m.createElement(Ce, { as: "div" }, /* @__PURE__ */ m.createElement(
+          qe,
+          {
+            onClick: l
+          }
+        )), Le = /* @__PURE__ */ m.createElement(
+          Ce,
+          {
+            "data-testid": r && `${r}-arrow-icon`,
+            disabled: i,
+            isOpen: w,
+            size: W,
+            tabIndex: -1,
+            ...je({
+              onClick: () => T(!w)
+            })
+          },
+          /* @__PURE__ */ m.createElement(ft, { size: "sm" })
+        ), Ye = (R) => {
+          H && H(R), T(!w);
+        }, Ze = U(ae), ce = p({
+          autoComplete: t,
+          autoFocus: n,
+          "data-spacer": Me || re,
+          "data-testid": r,
+          disabled: i,
+          iconPlacement: f ? "both" : "right",
+          id: s,
+          name: k,
+          onBlur: E,
+          onClick: i ? void 0 : Ye,
+          onFocus: B,
+          onKeyDown: De,
+          placeholder: re,
+          ref: D,
+          size: W,
+          tabIndex: 0,
+          variant: w ? "focused" : He,
+          isClearable: u,
+          transparent: $e,
+          ...ae
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        }), ue = rt[W];
+        return /* @__PURE__ */ m.createElement(Te, { ...Ze, disabled: i }, /* @__PURE__ */ m.createElement(Nt, null, h ? /* @__PURE__ */ m.createElement(be, { as: "input", type: "text", ...ce }) : /* @__PURE__ */ m.createElement(be, { ...ce }, ie), f && /* @__PURE__ */ m.createElement(Se, { iconPlacement: "left", size: ue }, m.cloneElement(f, { ...f.props, size: ue })), /* @__PURE__ */ m.createElement(_t, { size: W }, Ke && Be, Le)), Pe && /* @__PURE__ */ m.createElement(Dt, { ...V() }, M.reduce(
+          (R, y, de) => {
+            if (d && "options" in y)
+              R.itemsToRender.push(
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                /* @__PURE__ */ m.createElement(Qe, { key: y.label }, Ue(y), y.options && y.options.map((O) => {
+                  const fe = R.itemIndex++, me = X(O.value, x);
+                  return /* @__PURE__ */ m.createElement(
+                    G,
+                    {
+                      allowUnselectFromList: e,
+                      isDisabled: O.disabled,
+                      isHighlighted: Q === fe,
+                      isMultiple: a,
+                      key: O.value,
+                      ...g({
+                        index: fe,
+                        isSelected: me,
+                        item: O
+                      })
+                    },
+                    L(O, me)
+                  );
+                }))
+              );
+            else if ("value" in y) {
+              const O = X(y.value, x);
+              R.itemsToRender.push(
+                /* @__PURE__ */ m.createElement(
+                  G,
+                  {
+                    allowUnselectFromList: e,
+                    isDisabled: y.disabled,
+                    isHighlighted: Q === de,
+                    isMultiple: a,
+                    key: y.value,
+                    ...g({
+                      index: de,
+                      isSelected: O,
+                      item: y
+                    })
+                  },
+                  L(y, O)
+                )
+              );
+            }
+            return R;
+          },
+          { itemsToRender: [], itemIndex: 0 }
+        ).itemsToRender, se && C.length && /* @__PURE__ */ m.createElement(
+          G,
+          {
+            isHighlighted: Q === M.length,
+            key: "add",
+            ...g({
+              index: M.length,
+              item: {
+                value: we(C),
+                label: C
+              }
+            })
+          },
+          Ve(C)
+        )), a && Re(x, Fe));
+      }
+    );
+  }
+), tn = Te;
+export {
+  ft as D,
+  tn as S,
+  en as a
+};