welcome-ui 1.0.0-beta.4 → 1.0.0-beta.6

package/dist/Select.mjs

@@ -1,1071 +1,12 @@
-"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 { k as Ge } from "./index-ColyClKR.mjs";
-import { ClearButton as Je } from "./ClearButton.mjs";
-import { shouldForwardProp as te, forwardRef as qe } from "./System.mjs";
-import { c as et } from "./create-event-rXDe5aCQ.mjs";
-import { d as tt, F as nt } from "./field-styles-CeV7pnOp.mjs";
-import { StyledTag as rt, Tag as ot } from "./Tag.mjs";
-import v, { css as D, system as ve, th as b } from "@xstyled/styled-components";
-import { StyledIcon as at } from "./Icon.mjs";
-import { IconWrapper as lt } from "./Field.mjs";
-import { o as J } from "./overflow-ellipsis-DGV5Kgt-.mjs";
-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("|"), it = new RegExp(ke, "g"), st = new RegExp(ke, "");
-function ct(e) {
-  return Oe[e];
-}
-var xe = function(e) {
-  return e.replace(it, ct);
-}, ut = function(e) {
-  return !!e.match(st);
-};
-K.exports = xe;
-K.exports.has = ut;
-K.exports.remove = xe;
-var dt = K.exports;
-const ft = /* @__PURE__ */ Xe(dt);
-/**
- * @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
-}, mt = (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 = mt,
-    sorter: d = (u) => u.sort((c, a) => It(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 = ht(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 ht(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 yt(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 : pt(e).includes(t) ? I.ACRONYM : gt(e, t));
-}
-function pt(e) {
-  let t = "";
-  return e.split(" ").forEach((r) => {
-    r.split("-").forEach((i) => {
-      t += i.substr(0, 1);
-    });
-  }), t;
-}
-function gt(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 It(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 = ft(e)), e;
-}
-function At(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 Et(t, e);
-    n = null;
-  }
-  return n == null ? [] : Array.isArray(n) ? n : [String(n)];
-}
-function Et(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 yt(e, t) {
-  const n = [];
-  for (let r = 0, o = t.length; r < o; r++) {
-    const i = t[r], d = bt(i), f = At(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 bt(e) {
-  return typeof e == "string" ? Ae : {
-    ...Ae,
-    ...e
-  };
-}
-const ne = "", Se = (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, Ct = (e) => e.reduce(
-  (t, n) => n.label && t.length > n.label.length ? t : n.label,
-  ne
-), vt = (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: Se(e), label: e }, Ot = (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)];
-}, kt = (e, t) => !!t.find((n) => n.value === e.value), xt = (e, t) => kt(e, t) ? e.value : e.label, ye = (e, t) => {
-  if (e)
-    return e.map((n) => xt(n, t));
-}, St = (e, t) => {
-  if (e)
-    return e.filter(
-      (n) => !t.find((r) => r.value === n.value)
-    );
-}, wt = ({
-  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;
-}, we = v.divBox.withConfig({ shouldForwardProp: te })(
-  ({ disabled: e }) => D`
-    position: relative;
-    ${ve}
-    ${Te} {
-      color: ${e ? b("defaultFields.select.disabled.color") : "initial"};
-    }
-  `
-), Te = v(lt)``, Tt = v.div`
-  position: relative;
-`, be = v("div").withConfig({ shouldForwardProp: te })(
-  ({ iconPlacement: e, isClearable: t, size: n, transparent: r, variant: o }) => D`
-    position: relative;
-    ${tt({
-    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;
-      }
-    }
-  `
-), Vt = 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
-  }) => D`
-    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")};
-  `
-), Ut = v.divBox(
-  ({ size: e }) => D`
-    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 }) => D`
-    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;
-
-    ${at} {
-      transform: ${e ? "rotate3d(0, 0, 1, 180deg)" : "rotate3d(0)"};
-      transition: medium;
-    }
-
-    &:not(:last-child) {
-      width: auto;
-    }
-
-    &:disabled {
-      color: ${b("defaultFields.select.disabled.color")};
-    }
-  `
-), Rt = v.divBox`
-  margin-top: lg;
-
-  ${/* sc-selector */
-rt}:not(:last-child) {
-    margin-right: sm;
-    margin-bottom: sm;
-  }
-
-  &:empty {
-    display: none;
-  }
-`;
-function $t(e, t) {
-  return /* @__PURE__ */ m.createElement(Rt, { role: "list" }, e.map((n) => /* @__PURE__ */ m.createElement(ot, { key: n.value, onRemove: () => t(n.value.toString()), role: "listitem" }, n.label)));
-}
-const Ht = pe.default || pe, Zt = qe(
-  ({
-    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 = (w) => `Create "${w}"`,
-    renderGroupHeader: Ue,
-    renderItem: Y = Ee,
-    renderMultiple: Re = $t,
-    size: W = "md",
-    transparent: $e,
-    value: oe,
-    variant: He,
-    ...ae
-  }, _) => {
-    const w = Ze(
-      () => Ot(oe, A, d),
-      [oe, A, d]
-    ), z = !a && w[0] || null, L = z ? z.label : "", [x, Z] = P(w), [C, F] = P(L), [M, j] = P(A), [S, T] = P(!1);
-    h = c || h, he(() => {
-      var l;
-      n && ((l = _ == null ? void 0 : _.current) == null || l.focus(), h && T(!0));
-    }, [h, n, _]), he(() => {
-      Z(w), F(L), j(A);
-    }, [L, A, w]);
-    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"] }), F(l), j(p);
-      }
-    }, _e = () => {
-      h && !S && 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 = et({ name: k, value: a ? l : l[0] });
-      if ($ && $(g, V), c) {
-        const U = St(l, A);
-        U.length && N && N(U[0].label, V);
-      }
-    }, Fe = (l) => {
-      let p, g;
-      !l || l != null && l.disabled ? (p = a ? x : [], g = !0) : (p = a ? vt(l, x, e) : [l], g = a), g && F(""), j(A), Z(p), le(p), o || T(!1);
-    }, De = (l) => {
-      const p = x.filter((g) => g.value !== l);
-      Z(p), le(p);
-    }, We = (l) => {
-      a && l.selectedItem ? F("") : h && l.selectedItem && F(l.selectedItem.label), j(A), T(!1);
-    }, Me = Ct(A), ie = wt({
-      inputValue: C,
-      isMultiple: a,
-      isSearchable: h,
-      options: A,
-      renderItem: Y
-    });
-    return /* @__PURE__ */ m.createElement(
-      Ht,
-      {
-        id: s,
-        inputValue: h ? ie : "",
-        isOpen: S,
-        itemToString: Ee,
-        onInputValueChange: Ne,
-        onOuterClick: We,
-        onSelect: Fe,
-        selectedItem: z
-      },
-      ({
-        clearSelection: l,
-        getInputProps: p,
-        getItemProps: g,
-        getMenuProps: V,
-        getRootProps: U,
-        getToggleButtonProps: je,
-        highlightedIndex: Q
-      }) => {
-        const se = !!(c && C && !X(C, x)), Pe = S && (M.length || se), Ke = u && C, Be = /* @__PURE__ */ m.createElement(Ce, { as: "div" }, /* @__PURE__ */ m.createElement(
-          Je,
-          {
-            onClick: l
-          }
-        )), Ye = /* @__PURE__ */ m.createElement(
-          Ce,
-          {
-            "data-testid": r && `${r}-arrow-icon`,
-            disabled: i,
-            isOpen: S,
-            size: W,
-            tabIndex: -1,
-            ...je({
-              onClick: () => T(!S)
-            })
-          },
-          /* @__PURE__ */ m.createElement(Ge, { size: "sm" })
-        ), ze = (R) => {
-          H && H(R), T(!S);
-        }, Le = 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 : ze,
-          onFocus: B,
-          onKeyDown: _e,
-          placeholder: re,
-          ref: _,
-          size: W,
-          tabIndex: 0,
-          variant: S ? "focused" : He,
-          isClearable: u,
-          transparent: $e,
-          ...ae
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        }), ue = nt[W];
-        return /* @__PURE__ */ m.createElement(we, { ...Le, disabled: i }, /* @__PURE__ */ m.createElement(Tt, null, h ? /* @__PURE__ */ m.createElement(be, { as: "input", type: "text", ...ce }) : /* @__PURE__ */ m.createElement(be, { ...ce }, ie), f && /* @__PURE__ */ m.createElement(Te, { iconPlacement: "left", size: ue }, m.cloneElement(f, { ...f.props, size: ue })), /* @__PURE__ */ m.createElement(Ut, { size: W }, Ke && Be, Ye)), Pe && /* @__PURE__ */ m.createElement(Vt, { ...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
-                      })
-                    },
-                    Y(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
-                    })
-                  },
-                  Y(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: Se(C),
-                label: C
-              }
-            })
-          },
-          Ve(C)
-        )), a && Re(x, De));
-      }
-    );
-  }
-), Qt = we;
+import "react";
+import "./downshift.esm-K4YLLQXl.mjs";
+import { a as l, S as c } from "./index-CGZVoNIN.mjs";
+import "./Icon.mjs";
+import "./ClearButton.mjs";
+import "./System.mjs";
+import "./create-event-rXDe5aCQ.mjs";
+import "./field-styles-CeV7pnOp.mjs";
 export {
-  Zt as Select,
-  Qt as StyledSelect
+  l as Select,
+  c as StyledSelect
 };