@ovotech/element-native 3.8.1 → 4.0.0-canary-a872093-246

package/dist/components/SelectField/Select.js

@@ -1,855 +1,96 @@
-import { jsxs as Z, jsx as m } from "react/jsx-runtime";
-import { n as w } from "../../utils-HsZygzDh.js";
-import { a as dr, g as ke, s as M, c as R } from "../../styled.native-KEscfVp7.js";
-import { useState as it, Fragment as rn } from "react";
-import { View as tn, Modal as en, ScrollView as nn } from "react-native";
-import { Icon as an } from "../Icon/Icon.js";
-import { P as Ir } from "../P/P.js";
-import { Strong as at } from "../Strong/Strong.js";
-import "../../providers/IconsProvider.js";
-import "../../providers/icons/Address.js";
-import "react-native-svg";
-import "../../providers/icons/Advice.js";
-import "../../providers/icons/Archive.js";
-import "../../providers/icons/ArrowDown.js";
-import "../../providers/icons/ArrowLeft.js";
-import "../../providers/icons/ArrowRight.js";
-import "../../providers/icons/ArrowUp.js";
-import "../../providers/icons/Award.js";
-import "../../providers/icons/Battery.js";
-import "../../providers/icons/Cal.js";
-import "../../providers/icons/CalBook.js";
-import "../../providers/icons/CaretDown.js";
-import "../../providers/icons/CaretLeft.js";
-import "../../providers/icons/CaretRight.js";
-import "../../providers/icons/CaretUp.js";
-import "../../providers/icons/Chart.js";
-import "../../providers/icons/ChartFilled.js";
-import "../../providers/icons/Check.js";
-import "../../providers/icons/CheckCircle.js";
-import "../../providers/icons/ChevronDown.js";
-import "../../providers/icons/ChevronLeft.js";
-import "../../providers/icons/ChevronLeftSmall.js";
-import "../../providers/icons/ChevronLeftSmallFirst.js";
-import "../../providers/icons/ChevronRight.js";
-import "../../providers/icons/ChevronRightSmall.js";
-import "../../providers/icons/ChevronRightSmallLast.js";
-import "../../providers/icons/ChevronUp.js";
-import "../../providers/icons/Circle.js";
-import "../../providers/icons/CloseCircle.js";
-import "../../providers/icons/Cross.js";
-import "../../providers/icons/Doc.js";
-import "../../providers/icons/Dollar.js";
-import "../../providers/icons/Download.js";
-import "../../providers/icons/Eco.js";
-import "../../providers/icons/EcoHome.js";
-import "../../providers/icons/Edit.js";
-import "../../providers/icons/ElectricCar.js";
-import "../../providers/icons/ElectricHome.js";
-import "../../providers/icons/Electricity.js";
-import "../../providers/icons/EnergyAdvice.js";
-import "../../providers/icons/Equals.js";
-import "../../providers/icons/Euro.js";
-import "../../providers/icons/Gas.js";
-import "../../providers/icons/GlobeAddress.js";
-import "../../providers/icons/Help.js";
-import "../../providers/icons/Hide.js";
-import "../../providers/icons/Home.js";
-import "../../providers/icons/HomeFilled.js";
-import "../../providers/icons/HydroPower.js";
-import "../../providers/icons/Info.js";
-import "../../providers/icons/Link.js";
-import "../../providers/icons/Logo.js";
-import "../../providers/icons/Mail.js";
-import "../../providers/icons/MailOpen.js";
-import "../../providers/icons/Menu.js";
-import "../../providers/icons/Message.js";
-import "../../providers/icons/MessageFilled.js";
-import "../../providers/icons/Minus.js";
-import "../../providers/icons/Mobile.js";
-import "../../providers/icons/NewWindow.js";
-import "../../providers/icons/PaymentCard.js";
-import "../../providers/icons/Phone.js";
-import "../../providers/icons/Plus.js";
-import "../../providers/icons/Pound.js";
-import "../../providers/icons/Pricing.js";
-import "../../providers/icons/Search.js";
-import "../../providers/icons/Security.js";
-import "../../providers/icons/Show.js";
-import "../../providers/icons/SmartHome.js";
-import "../../providers/icons/SmartMeter.js";
-import "../../providers/icons/Solar.js";
-import "../../providers/icons/Star.js";
-import "../../providers/icons/Sun.js";
-import "../../providers/icons/Torch.js";
-import "../../providers/icons/Trees.js";
-import "../../providers/icons/Tune.js";
-import "../../providers/icons/User.js";
-import "../../providers/icons/UserFilled.js";
-import "../../providers/icons/Wallet.js";
-import "../../providers/icons/WalletFilled.js";
-import "../../providers/icons/WarmHome.js";
-import "../../providers/icons/Warning.js";
-import "../../providers/icons/WebAddress.js";
-import "../../providers/icons/WindPower.js";
-import "../../hooks/use-breakpoint.js";
-var gr = { exports: {} };
-gr.exports;
-(function(s, l) {
-  var T = 200, hr = "Expected a function", Q = "__lodash_hash_undefined__", B = 1, x = 2, H = 1 / 0, A = 9007199254740991, K = "[object Arguments]", W = "[object Array]", q = "[object Boolean]", F = "[object Date]", b = "[object Error]", E = "[object Function]", mr = "[object GeneratorFunction]", V = "[object Map]", $r = "[object Number]", X = "[object Object]", Dr = "[object Promise]", Lr = "[object RegExp]", k = "[object Set]", Mr = "[object String]", Rr = "[object Symbol]", _r = "[object WeakMap]", Fr = "[object ArrayBuffer]", rr = "[object DataView]", pt = "[object Float32Array]", lt = "[object Float64Array]", ct = "[object Int8Array]", dt = "[object Int16Array]", gt = "[object Int32Array]", ht = "[object Uint8Array]", mt = "[object Uint8ClampedArray]", _t = "[object Uint16Array]", yt = "[object Uint32Array]", bt = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, wt = /^\w*$/, vt = /^\./, Tt = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, xt = /[\\^$.*+?()[\]{}|]/g, At = /\\(\\)?/g, St = /^\[object .+?Constructor\]$/, Ot = /^(?:0|[1-9]\d*)$/, u = {};
-  u[pt] = u[lt] = u[ct] = u[dt] = u[gt] = u[ht] = u[mt] = u[_t] = u[yt] = !0, u[K] = u[W] = u[Fr] = u[q] = u[rr] = u[F] = u[b] = u[E] = u[V] = u[$r] = u[X] = u[Lr] = u[k] = u[Mr] = u[_r] = !1;
-  var Gr = typeof dr == "object" && dr && dr.Object === Object && dr, Ct = typeof self == "object" && self && self.Object === Object && self, I = Gr || Ct || Function("return this")(), Nr = l && !l.nodeType && l, Ur = Nr && !0 && s && !s.nodeType && s, Pt = Ur && Ur.exports === Nr, Br = Pt && Gr.process, Hr = function() {
-    try {
-      return Br && Br.binding("util");
-    } catch {
-    }
-  }(), Kr = Hr && Hr.isTypedArray;
-  function Et(r, t, e, n) {
-    for (var a = -1, i = r ? r.length : 0; ++a < i; ) {
-      var o = r[a];
-      t(n, o, e(o), r);
-    }
-    return n;
-  }
-  function It(r, t) {
-    for (var e = -1, n = r ? r.length : 0; ++e < n; )
-      if (t(r[e], e, r))
-        return !0;
-    return !1;
-  }
-  function $t(r) {
-    return function(t) {
-      return t == null ? void 0 : t[r];
-    };
-  }
-  function Dt(r, t) {
-    for (var e = -1, n = Array(r); ++e < r; )
-      n[e] = t(e);
-    return n;
-  }
-  function Lt(r) {
-    return function(t) {
-      return r(t);
-    };
-  }
-  function Mt(r, t) {
-    return r == null ? void 0 : r[t];
-  }
-  function yr(r) {
-    var t = !1;
-    if (r != null && typeof r.toString != "function")
-      try {
-        t = !!(r + "");
-      } catch {
-      }
-    return t;
-  }
-  function Rt(r) {
-    var t = -1, e = Array(r.size);
-    return r.forEach(function(n, a) {
-      e[++t] = [a, n];
-    }), e;
-  }
-  function Ft(r, t) {
-    return function(e) {
-      return r(t(e));
-    };
-  }
-  function Gt(r) {
-    var t = -1, e = Array(r.size);
-    return r.forEach(function(n) {
-      e[++t] = n;
-    }), e;
-  }
-  var Nt = Array.prototype, Ut = Function.prototype, tr = Object.prototype, br = I["__core-js_shared__"], Wr = function() {
-    var r = /[^.]+$/.exec(br && br.keys && br.keys.IE_PROTO || "");
-    return r ? "Symbol(src)_1." + r : "";
-  }(), qr = Ut.toString, v = tr.hasOwnProperty, Y = tr.toString, Bt = RegExp(
-    "^" + qr.call(v).replace(xt, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), Xr = I.Symbol, Yr = I.Uint8Array, Ht = tr.propertyIsEnumerable, Kt = Nt.splice, Wt = Ft(Object.keys, Object), wr = J(I, "DataView"), z = J(I, "Map"), vr = J(I, "Promise"), Tr = J(I, "Set"), xr = J(I, "WeakMap"), j = J(Object, "create"), qt = N(wr), Xt = N(z), Yt = N(vr), Jt = N(Tr), Zt = N(xr), er = Xr ? Xr.prototype : void 0, Ar = er ? er.valueOf : void 0, Jr = er ? er.toString : void 0;
-  function G(r) {
-    var t = -1, e = r ? r.length : 0;
-    for (this.clear(); ++t < e; ) {
-      var n = r[t];
-      this.set(n[0], n[1]);
-    }
-  }
-  function Qt() {
-    this.__data__ = j ? j(null) : {};
-  }
-  function zt(r) {
-    return this.has(r) && delete this.__data__[r];
-  }
-  function jt(r) {
-    var t = this.__data__;
-    if (j) {
-      var e = t[r];
-      return e === Q ? void 0 : e;
-    }
-    return v.call(t, r) ? t[r] : void 0;
-  }
-  function Vt(r) {
-    var t = this.__data__;
-    return j ? t[r] !== void 0 : v.call(t, r);
-  }
-  function kt(r, t) {
-    var e = this.__data__;
-    return e[r] = j && t === void 0 ? Q : t, this;
-  }
-  G.prototype.clear = Qt, G.prototype.delete = zt, G.prototype.get = jt, G.prototype.has = Vt, G.prototype.set = kt;
-  function S(r) {
-    var t = -1, e = r ? r.length : 0;
-    for (this.clear(); ++t < e; ) {
-      var n = r[t];
-      this.set(n[0], n[1]);
-    }
-  }
-  function re() {
-    this.__data__ = [];
-  }
-  function te(r) {
-    var t = this.__data__, e = ir(t, r);
-    if (e < 0)
-      return !1;
-    var n = t.length - 1;
-    return e == n ? t.pop() : Kt.call(t, e, 1), !0;
-  }
-  function ee(r) {
-    var t = this.__data__, e = ir(t, r);
-    return e < 0 ? void 0 : t[e][1];
-  }
-  function ne(r) {
-    return ir(this.__data__, r) > -1;
-  }
-  function ie(r, t) {
-    var e = this.__data__, n = ir(e, r);
-    return n < 0 ? e.push([r, t]) : e[n][1] = t, this;
-  }
-  S.prototype.clear = re, S.prototype.delete = te, S.prototype.get = ee, S.prototype.has = ne, S.prototype.set = ie;
-  function O(r) {
-    var t = -1, e = r ? r.length : 0;
-    for (this.clear(); ++t < e; ) {
-      var n = r[t];
-      this.set(n[0], n[1]);
-    }
-  }
-  function ae() {
-    this.__data__ = {
-      hash: new G(),
-      map: new (z || S)(),
-      string: new G()
-    };
-  }
-  function oe(r) {
-    return ar(this, r).delete(r);
-  }
-  function se(r) {
-    return ar(this, r).get(r);
-  }
-  function fe(r) {
-    return ar(this, r).has(r);
-  }
-  function ue(r, t) {
-    return ar(this, r).set(r, t), this;
-  }
-  O.prototype.clear = ae, O.prototype.delete = oe, O.prototype.get = se, O.prototype.has = fe, O.prototype.set = ue;
-  function nr(r) {
-    var t = -1, e = r ? r.length : 0;
-    for (this.__data__ = new O(); ++t < e; )
-      this.add(r[t]);
-  }
-  function pe(r) {
-    return this.__data__.set(r, Q), this;
-  }
-  function le(r) {
-    return this.__data__.has(r);
-  }
-  nr.prototype.add = nr.prototype.push = pe, nr.prototype.has = le;
-  function C(r) {
-    this.__data__ = new S(r);
-  }
-  function ce() {
-    this.__data__ = new S();
-  }
-  function de(r) {
-    return this.__data__.delete(r);
-  }
-  function ge(r) {
-    return this.__data__.get(r);
-  }
-  function he(r) {
-    return this.__data__.has(r);
-  }
-  function me(r, t) {
-    var e = this.__data__;
-    if (e instanceof S) {
-      var n = e.__data__;
-      if (!z || n.length < T - 1)
-        return n.push([r, t]), this;
-      e = this.__data__ = new O(n);
-    }
-    return e.set(r, t), this;
-  }
-  C.prototype.clear = ce, C.prototype.delete = de, C.prototype.get = ge, C.prototype.has = he, C.prototype.set = me;
-  function _e(r, t) {
-    var e = D(r) || tt(r) ? Dt(r.length, String) : [], n = e.length, a = !!n;
-    for (var i in r)
-      (t || v.call(r, i)) && !(a && (i == "length" || jr(i, n))) && e.push(i);
-    return e;
-  }
-  function ir(r, t) {
-    for (var e = r.length; e--; )
-      if (rt(r[e][0], t))
-        return e;
-    return -1;
-  }
-  function ye(r, t, e, n) {
-    return be(r, function(a, i, o) {
-      t(n, a, e(a), o);
-    }), n;
-  }
-  var be = Re(ve), we = Fe();
-  function ve(r, t) {
-    return r && we(r, t, pr);
-  }
-  function Zr(r, t) {
-    t = or(t, r) ? [t] : Qr(t);
-    for (var e = 0, n = t.length; r != null && e < n; )
-      r = r[sr(t[e++])];
-    return e && e == n ? r : void 0;
-  }
-  function Te(r) {
-    return Y.call(r);
-  }
-  function xe(r, t) {
-    return r != null && t in Object(r);
-  }
-  function Sr(r, t, e, n, a) {
-    return r === t ? !0 : r == null || t == null || !fr(r) && !ur(t) ? r !== r && t !== t : Ae(r, t, Sr, e, n, a);
-  }
-  function Ae(r, t, e, n, a, i) {
-    var o = D(r), f = D(t), p = W, c = W;
-    o || (p = $(r), p = p == K ? X : p), f || (c = $(t), c = c == K ? X : c);
-    var g = p == X && !yr(r), h = c == X && !yr(t), d = p == c;
-    if (d && !g)
-      return i || (i = new C()), o || Je(r) ? zr(r, t, e, n, a, i) : Ge(r, t, p, e, n, a, i);
-    if (!(a & x)) {
-      var _ = g && v.call(r, "__wrapped__"), y = h && v.call(t, "__wrapped__");
-      if (_ || y) {
-        var L = _ ? r.value() : r, P = y ? t.value() : t;
-        return i || (i = new C()), e(L, P, n, a, i);
-      }
-    }
-    return d ? (i || (i = new C()), Ne(r, t, e, n, a, i)) : !1;
-  }
-  function Se(r, t, e, n) {
-    var a = e.length, i = a, o = !n;
-    if (r == null)
-      return !i;
-    for (r = Object(r); a--; ) {
-      var f = e[a];
-      if (o && f[2] ? f[1] !== r[f[0]] : !(f[0] in r))
-        return !1;
-    }
-    for (; ++a < i; ) {
-      f = e[a];
-      var p = f[0], c = r[p], g = f[1];
-      if (o && f[2]) {
-        if (c === void 0 && !(p in r))
-          return !1;
-      } else {
-        var h = new C();
-        if (n)
-          var d = n(c, g, p, r, t, h);
-        if (!(d === void 0 ? Sr(g, c, n, B | x, h) : d))
-          return !1;
-      }
-    }
-    return !0;
-  }
-  function Oe(r) {
-    if (!fr(r) || Ke(r))
-      return !1;
-    var t = et(r) || yr(r) ? Bt : St;
-    return t.test(N(r));
-  }
-  function Ce(r) {
-    return ur(r) && Pr(r.length) && !!u[Y.call(r)];
-  }
-  function Pe(r) {
-    return typeof r == "function" ? r : r == null ? je : typeof r == "object" ? D(r) ? $e(r[0], r[1]) : Ie(r) : Ve(r);
-  }
-  function Ee(r) {
-    if (!We(r))
-      return Wt(r);
-    var t = [];
-    for (var e in Object(r))
-      v.call(r, e) && e != "constructor" && t.push(e);
-    return t;
-  }
-  function Ie(r) {
-    var t = Ue(r);
-    return t.length == 1 && t[0][2] ? kr(t[0][0], t[0][1]) : function(e) {
-      return e === r || Se(e, r, t);
-    };
-  }
-  function $e(r, t) {
-    return or(r) && Vr(t) ? kr(sr(r), t) : function(e) {
-      var n = Qe(e, r);
-      return n === void 0 && n === t ? ze(e, r) : Sr(t, n, void 0, B | x);
-    };
-  }
-  function De(r) {
-    return function(t) {
-      return Zr(t, r);
-    };
-  }
-  function Le(r) {
-    if (typeof r == "string")
-      return r;
-    if (Er(r))
-      return Jr ? Jr.call(r) : "";
-    var t = r + "";
-    return t == "0" && 1 / r == -H ? "-0" : t;
-  }
-  function Qr(r) {
-    return D(r) ? r : qe(r);
-  }
-  function Me(r, t) {
-    return function(e, n) {
-      var a = D(e) ? Et : ye, i = t ? t() : {};
-      return a(e, r, Pe(n), i);
-    };
-  }
-  function Re(r, t) {
-    return function(e, n) {
-      if (e == null)
-        return e;
-      if (!Cr(e))
-        return r(e, n);
-      for (var a = e.length, i = t ? a : -1, o = Object(e); (t ? i-- : ++i < a) && n(o[i], i, o) !== !1; )
-        ;
-      return e;
-    };
-  }
-  function Fe(r) {
-    return function(t, e, n) {
-      for (var a = -1, i = Object(t), o = n(t), f = o.length; f--; ) {
-        var p = o[r ? f : ++a];
-        if (e(i[p], p, i) === !1)
-          break;
-      }
-      return t;
-    };
-  }
-  function zr(r, t, e, n, a, i) {
-    var o = a & x, f = r.length, p = t.length;
-    if (f != p && !(o && p > f))
-      return !1;
-    var c = i.get(r);
-    if (c && i.get(t))
-      return c == t;
-    var g = -1, h = !0, d = a & B ? new nr() : void 0;
-    for (i.set(r, t), i.set(t, r); ++g < f; ) {
-      var _ = r[g], y = t[g];
-      if (n)
-        var L = o ? n(y, _, g, t, r, i) : n(_, y, g, r, t, i);
-      if (L !== void 0) {
-        if (L)
-          continue;
-        h = !1;
-        break;
-      }
-      if (d) {
-        if (!It(t, function(P, U) {
-          if (!d.has(U) && (_ === P || e(_, P, n, a, i)))
-            return d.add(U);
-        })) {
-          h = !1;
-          break;
-        }
-      } else if (!(_ === y || e(_, y, n, a, i))) {
-        h = !1;
-        break;
-      }
-    }
-    return i.delete(r), i.delete(t), h;
-  }
-  function Ge(r, t, e, n, a, i, o) {
-    switch (e) {
-      case rr:
-        if (r.byteLength != t.byteLength || r.byteOffset != t.byteOffset)
-          return !1;
-        r = r.buffer, t = t.buffer;
-      case Fr:
-        return !(r.byteLength != t.byteLength || !n(new Yr(r), new Yr(t)));
-      case q:
-      case F:
-      case $r:
-        return rt(+r, +t);
-      case b:
-        return r.name == t.name && r.message == t.message;
-      case Lr:
-      case Mr:
-        return r == t + "";
-      case V:
-        var f = Rt;
-      case k:
-        var p = i & x;
-        if (f || (f = Gt), r.size != t.size && !p)
-          return !1;
-        var c = o.get(r);
-        if (c)
-          return c == t;
-        i |= B, o.set(r, t);
-        var g = zr(f(r), f(t), n, a, i, o);
-        return o.delete(r), g;
-      case Rr:
-        if (Ar)
-          return Ar.call(r) == Ar.call(t);
-    }
-    return !1;
-  }
-  function Ne(r, t, e, n, a, i) {
-    var o = a & x, f = pr(r), p = f.length, c = pr(t), g = c.length;
-    if (p != g && !o)
-      return !1;
-    for (var h = p; h--; ) {
-      var d = f[h];
-      if (!(o ? d in t : v.call(t, d)))
-        return !1;
-    }
-    var _ = i.get(r);
-    if (_ && i.get(t))
-      return _ == t;
-    var y = !0;
-    i.set(r, t), i.set(t, r);
-    for (var L = o; ++h < p; ) {
-      d = f[h];
-      var P = r[d], U = t[d];
-      if (n)
-        var nt = o ? n(U, P, d, t, r, i) : n(P, U, d, r, t, i);
-      if (!(nt === void 0 ? P === U || e(P, U, n, a, i) : nt)) {
-        y = !1;
-        break;
-      }
-      L || (L = d == "constructor");
-    }
-    if (y && !L) {
-      var lr = r.constructor, cr = t.constructor;
-      lr != cr && "constructor" in r && "constructor" in t && !(typeof lr == "function" && lr instanceof lr && typeof cr == "function" && cr instanceof cr) && (y = !1);
-    }
-    return i.delete(r), i.delete(t), y;
-  }
-  function ar(r, t) {
-    var e = r.__data__;
-    return He(t) ? e[typeof t == "string" ? "string" : "hash"] : e.map;
-  }
-  function Ue(r) {
-    for (var t = pr(r), e = t.length; e--; ) {
-      var n = t[e], a = r[n];
-      t[e] = [n, a, Vr(a)];
-    }
-    return t;
-  }
-  function J(r, t) {
-    var e = Mt(r, t);
-    return Oe(e) ? e : void 0;
-  }
-  var $ = Te;
-  (wr && $(new wr(new ArrayBuffer(1))) != rr || z && $(new z()) != V || vr && $(vr.resolve()) != Dr || Tr && $(new Tr()) != k || xr && $(new xr()) != _r) && ($ = function(r) {
-    var t = Y.call(r), e = t == X ? r.constructor : void 0, n = e ? N(e) : void 0;
-    if (n)
-      switch (n) {
-        case qt:
-          return rr;
-        case Xt:
-          return V;
-        case Yt:
-          return Dr;
-        case Jt:
-          return k;
-        case Zt:
-          return _r;
-      }
-    return t;
-  });
-  function Be(r, t, e) {
-    t = or(t, r) ? [t] : Qr(t);
-    for (var n, a = -1, o = t.length; ++a < o; ) {
-      var i = sr(t[a]);
-      if (!(n = r != null && e(r, i)))
-        break;
-      r = r[i];
-    }
-    if (n)
-      return n;
-    var o = r ? r.length : 0;
-    return !!o && Pr(o) && jr(i, o) && (D(r) || tt(r));
-  }
-  function jr(r, t) {
-    return t = t ?? A, !!t && (typeof r == "number" || Ot.test(r)) && r > -1 && r % 1 == 0 && r < t;
-  }
-  function or(r, t) {
-    if (D(r))
-      return !1;
-    var e = typeof r;
-    return e == "number" || e == "symbol" || e == "boolean" || r == null || Er(r) ? !0 : wt.test(r) || !bt.test(r) || t != null && r in Object(t);
-  }
-  function He(r) {
-    var t = typeof r;
-    return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? r !== "__proto__" : r === null;
-  }
-  function Ke(r) {
-    return !!Wr && Wr in r;
-  }
-  function We(r) {
-    var t = r && r.constructor, e = typeof t == "function" && t.prototype || tr;
-    return r === e;
-  }
-  function Vr(r) {
-    return r === r && !fr(r);
-  }
-  function kr(r, t) {
-    return function(e) {
-      return e == null ? !1 : e[r] === t && (t !== void 0 || r in Object(e));
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var element_core_1 = require("@ovotech/element-core");
+var lodash_groupby_1 = __importDefault(require("lodash.groupby"));
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var styled_native_1 = __importStar(require("../../styled.native"));
+var Icon_1 = require("../Icon");
+var P_1 = require("../P");
+var Strong_1 = require("../Strong");
+var SelectInput = styled_native_1.default.TouchableOpacity(function (_a) {
+    var _b = _a.theme, semantic = _b.semantic, core = _b.core, hasError = _a.hasError;
+    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      flex-direction: row;\n      align-items: center;\n      background-color: transparent;\n      border-color: ", ";\n      border-width: ", ";\n      border-radius: ", ";\n      padding: ", ";\n      padding-right: 14px;\n      height: 44px;\n    "], ["\n      flex-direction: row;\n      align-items: center;\n      background-color: transparent;\n      border-color: ", ";\n      border-width: ", ";\n      border-radius: ", ";\n      padding: ", ";\n      padding-right: 14px;\n      height: 44px;\n    "])), hasError
+        ? semantic.error.border
+        : semantic.border.functional, (0, element_core_1.numToPx)(core.borderWidth.small), (0, element_core_1.numToPx)(core.radius.small), (0, element_core_1.numToPx)(core.space[2]));
+});
+var DropdownWrapper = styled_native_1.default.View(function (_a) {
+    var core = _a.theme.core;
+    return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    flex: 1;\n    justify-content: center;\n    align-items: center;\n\n    /* 40 is an opacity for hex https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4 */\n    background-color: ", "40;\n  "], ["\n    flex: 1;\n    justify-content: center;\n    align-items: center;\n\n    /* 40 is an opacity for hex https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4 */\n    background-color: ", "40;\n  "])), core.color.neutral.darkest);
+});
+var DropdownContainer = styled_native_1.default.SafeAreaView(function (_a) {
+    var core = _a.theme.core;
+    return (0, styled_native_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    width: 95%;\n    max-height: 70%;\n    border-radius: ", ";\n    background-color: ", ";\n  "], ["\n    width: 95%;\n    max-height: 70%;\n    border-radius: ", ";\n    background-color: ", ";\n  "])), (0, element_core_1.numToPx)(core.radius.small), core.color.brand.white);
+});
+var SelectOption = styled_native_1.default.TouchableOpacity(function (_a) {
+    var _b = _a.theme, semantic = _b.semantic, core = _b.core, isLastOption = _a.isLastOption;
+    return (0, styled_native_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    flex-direction: row;\n    align-items: center;\n    border-bottom-color: ", ";\n    border-bottom-width: ", "px;\n    padding: 0 ", ";\n  "], ["\n    flex-direction: row;\n    align-items: center;\n    border-bottom-color: ", ";\n    border-bottom-width: ", "px;\n    padding: 0 ", ";\n  "])), semantic.border.differentiated, isLastOption ? 0 : 1, (0, element_core_1.numToPx)(core.space[4]));
+});
+var Radio = styled_native_1.default.View(function (_a) {
+    var _b = _a.theme, core = _b.core, semantic = _b.semantic, isChecked = _a.isChecked;
+    return (0, styled_native_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    width: 24px;\n    height: 24px;\n    margin-left: auto;\n    border-radius: 24px;\n    border-width: ", ";\n    border-color: ", ";\n  "], ["\n    width: 24px;\n    height: 24px;\n    margin-left: auto;\n    border-radius: 24px;\n    border-width: ", ";\n    border-color: ", ";\n  "])), (0, element_core_1.numToPx)(core.borderWidth.small), isChecked
+        ? semantic.focus.outline
+        : semantic.border.functional);
+});
+var RadioDot = styled_native_1.default.View(function (_a) {
+    var semantic = _a.theme.semantic, isChecked = _a.isChecked;
+    return (0, styled_native_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    background-color: ", ";\n    position: absolute;\n    top: 5px;\n    width: 12px;\n    height: 12px;\n    border-radius: 12px;\n    align-self: center;\n    opacity: ", ";\n  "], ["\n    background-color: ", ";\n    position: absolute;\n    top: 5px;\n    width: 12px;\n    height: 12px;\n    border-radius: 12px;\n    align-self: center;\n    opacity: ", ";\n  "])), semantic.focus.outline, isChecked ? 1 : 0);
+});
+var StyledP = (0, styled_native_1.default)(P_1.P)(function (_a) {
+    var core = _a.theme.core;
+    return (0, styled_native_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "], ["\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "])), (0, element_core_1.numToPx)(core.space[3]), (0, element_core_1.numToPx)(core.space[3]));
+});
+var StyledCategory = (0, styled_native_1.default)(P_1.P)(function (_a) {
+    var _b = _a.theme, core = _b.core, semantic = _b.semantic;
+    return (0, styled_native_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    font-size: ", ";\n    color: ", ";\n    background-color: ", ";\n    padding: ", " ", ";\n  "], ["\n    font-size: ", ";\n    color: ", ";\n    background-color: ", ";\n    padding: ", " ", ";\n  "])), (0, element_core_1.numToPx)(core.fontSize.label.large), semantic.message.secondary, semantic.surface.cutout, (0, element_core_1.numToPx)(core.space[1]), (0, element_core_1.numToPx)(core.space[4]));
+});
+var Select = function (_a) {
+    var _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.defaultSelected, defaultSelected = _c === void 0 ? { label: '', value: 'default' } : _c, _d = _a.noOptionMessage, noOptionMessage = _d === void 0 ? 'No option selected' : _d, _e = _a.onSelected, onSelected = _e === void 0 ? function () { return null; } : _e, _f = _a.hasError, hasError = _f === void 0 ? false : _f, _g = _a.testID, testID = _g === void 0 ? 'select' : _g;
+    var _h = (0, react_1.useState)(false), isOpen = _h[0], setOpen = _h[1];
+    var _j = (0, react_1.useState)(defaultSelected), selected = _j[0], setSelected = _j[1];
+    var handleOptionPress = function (val) {
+        onSelected(val);
+        setOpen(false);
+        setSelected(val);
     };
-  }
-  var qe = Or(function(r) {
-    r = Ze(r);
-    var t = [];
-    return vt.test(r) && t.push(""), r.replace(Tt, function(e, n, a, i) {
-      t.push(a ? i.replace(At, "$1") : n || e);
-    }), t;
-  });
-  function sr(r) {
-    if (typeof r == "string" || Er(r))
-      return r;
-    var t = r + "";
-    return t == "0" && 1 / r == -H ? "-0" : t;
-  }
-  function N(r) {
-    if (r != null) {
-      try {
-        return qr.call(r);
-      } catch {
-      }
-      try {
-        return r + "";
-      } catch {
-      }
-    }
-    return "";
-  }
-  var Xe = Me(function(r, t, e) {
-    v.call(r, e) ? r[e].push(t) : r[e] = [t];
-  });
-  function Or(r, t) {
-    if (typeof r != "function" || t && typeof t != "function")
-      throw new TypeError(hr);
-    var e = function() {
-      var n = arguments, a = t ? t.apply(this, n) : n[0], i = e.cache;
-      if (i.has(a))
-        return i.get(a);
-      var o = r.apply(this, n);
-      return e.cache = i.set(a, o), o;
+    var optionsByCategories = (0, lodash_groupby_1.default)(options, 'category');
+    var requiredOption = {
+        label: "-- ".concat(noOptionMessage, " --"),
+        value: 'default',
     };
-    return e.cache = new (Or.Cache || O)(), e;
-  }
-  Or.Cache = O;
-  function rt(r, t) {
-    return r === t || r !== r && t !== t;
-  }
-  function tt(r) {
-    return Ye(r) && v.call(r, "callee") && (!Ht.call(r, "callee") || Y.call(r) == K);
-  }
-  var D = Array.isArray;
-  function Cr(r) {
-    return r != null && Pr(r.length) && !et(r);
-  }
-  function Ye(r) {
-    return ur(r) && Cr(r);
-  }
-  function et(r) {
-    var t = fr(r) ? Y.call(r) : "";
-    return t == E || t == mr;
-  }
-  function Pr(r) {
-    return typeof r == "number" && r > -1 && r % 1 == 0 && r <= A;
-  }
-  function fr(r) {
-    var t = typeof r;
-    return !!r && (t == "object" || t == "function");
-  }
-  function ur(r) {
-    return !!r && typeof r == "object";
-  }
-  function Er(r) {
-    return typeof r == "symbol" || ur(r) && Y.call(r) == Rr;
-  }
-  var Je = Kr ? Lt(Kr) : Ce;
-  function Ze(r) {
-    return r == null ? "" : Le(r);
-  }
-  function Qe(r, t, e) {
-    var n = r == null ? void 0 : Zr(r, t);
-    return n === void 0 ? e : n;
-  }
-  function ze(r, t) {
-    return r != null && Be(r, t, xe);
-  }
-  function pr(r) {
-    return Cr(r) ? _e(r) : Ee(r);
-  }
-  function je(r) {
-    return r;
-  }
-  function Ve(r) {
-    return or(r) ? $t(sr(r)) : De(r);
-  }
-  s.exports = Xe;
-})(gr, gr.exports);
-var on = gr.exports;
-const sn = /* @__PURE__ */ ke(on), fn = M.TouchableOpacity(
-  ({ theme: { semantic: s, core: l }, hasError: T }) => R`
-      flex-direction: row;
-      align-items: center;
-      background-color: transparent;
-      border-color: ${T ? s.error.border : s.border.functional};
-      border-width: ${w(l.borderWidth.small)};
-      border-radius: ${w(l.radius.small)};
-      padding: ${w(l.space[2])};
-      padding-right: 14px;
-      height: 44px;
-    `
-), un = M.View(
-  ({ theme: { core: s } }) => R`
-    flex: 1;
-    justify-content: center;
-    align-items: center;
-    /* 40 is an opacity for hex https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4 */
-    background-color: ${s.color.neutral.darkest}40;
-  `
-), pn = M.SafeAreaView(
-  ({ theme: { core: s } }) => R`
-    width: 95%;
-    max-height: 70%;
-    border-radius: ${w(s.radius.small)};
-    background-color: ${s.color.brand.white};
-  `
-), ot = M.TouchableOpacity(
-  ({ theme: { semantic: s, core: l }, isLastOption: T }) => R`
-    flex-direction: row;
-    align-items: center;
-    border-bottom-color: ${s.border.differentiated};
-    border-bottom-width: ${T ? 0 : 1}px;
-    padding-horizontal: ${w(l.space[4])};
-  `
-), st = M.View(
-  ({ theme: { core: s, semantic: l }, isChecked: T }) => R`
-    width: 24px;
-    height: 24px;
-    margin-left: auto;
-    border-radius: 24px;
-    border-width: ${w(s.borderWidth.small)};
-    border-color: ${T ? l.focus.outline : l.border.functional};
-  `
-), ft = M.View(
-  ({ theme: { semantic: s }, isChecked: l }) => R`
-    background-color: ${s.focus.outline};
-    position: absolute;
-    top: 5px;
-    width: 12px;
-    height: 12px;
-    border-radius: 12px;
-    align-self: center;
-    opacity: ${l ? 1 : 0};
-  `
-), ut = M(Ir)(
-  ({ theme: { core: s } }) => R`
-    margin-top: ${w(s.space[3])};
-    margin-bottom: ${w(s.space[3])};
-  `
-), ln = M(Ir)(
-  ({ theme: { core: s, semantic: l } }) => R`
-    font-size: ${w(s.fontSize.label.large)};
-    color: ${l.message.secondary};
-    background-color: ${l.surface.cutout};
-    padding-horizontal: ${w(s.space[4])};
-    padding-vertical: ${w(s.space[1])};
-  `
-), ki = ({
-  options: s = [],
-  defaultSelected: l = { label: "", value: "default" },
-  noOptionMessage: T = "No option selected",
-  onSelected: hr = () => null,
-  hasError: Q = !1,
-  testID: B = "select"
-}) => {
-  const [x, H] = it(!1), [A, K] = it(l), W = (b) => {
-    hr(b), H(!1), K(b);
-  }, q = sn(s, "category"), F = {
-    label: `-- ${T} --`,
-    value: "default"
-  };
-  return /* @__PURE__ */ Z(tn, { children: [
-    /* @__PURE__ */ Z(
-      fn,
-      {
-        testID: B,
-        hasError: Q,
-        onPress: () => H(!x),
-        children: [
-          /* @__PURE__ */ m(Ir, { style: { marginTop: 0, marginBottom: 0 }, children: A.value === "default" ? "" : A.label }),
-          /* @__PURE__ */ m(an, { name: "chevron-down", size: 16, style: { marginLeft: "auto" } })
-        ]
-      }
-    ),
-    /* @__PURE__ */ m(
-      en,
-      {
-        transparent: !0,
-        visible: x,
-        animationType: "fade",
-        onRequestClose: () => H(!1),
-        children: /* @__PURE__ */ m(un, { children: /* @__PURE__ */ m(pn, { children: /* @__PURE__ */ Z(nn, { nestedScrollEnabled: !0, children: [
-          /* @__PURE__ */ Z(
-            ot,
-            {
-              accessibilityRole: "radio",
-              onPress: () => W(F),
-              children: [
-                /* @__PURE__ */ m(ut, { children: /* @__PURE__ */ m(at, { children: F.label }) }),
-                /* @__PURE__ */ m(st, { isChecked: A.value === F.value, children: /* @__PURE__ */ m(
-                  ft,
-                  {
-                    isChecked: A.value === F.value
-                  }
-                ) })
-              ]
-            }
-          ),
-          Object.keys(q).map((b) => /* @__PURE__ */ Z(rn, { children: [
-            b !== "undefined" ? /* @__PURE__ */ m(ln, { children: b }) : null,
-            q[b].map((E, mr) => /* @__PURE__ */ Z(
-              ot,
-              {
-                accessibilityRole: "radio",
-                isLastOption: mr === q[b].length - 1,
-                onPress: () => W(E),
-                children: [
-                  /* @__PURE__ */ m(ut, { children: /* @__PURE__ */ m(at, { children: E.label }) }),
-                  /* @__PURE__ */ m(st, { isChecked: A.value === E.value, children: /* @__PURE__ */ m(ft, { isChecked: A.value === E.value }) })
-                ]
-              },
-              E.label
-            ))
-          ] }, b))
-        ] }) }) })
-      }
-    )
-  ] });
-};
-export {
-  ki as Select
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [(0, jsx_runtime_1.jsxs)(SelectInput, { testID: testID, hasError: hasError, onPress: function () { return setOpen(!isOpen); }, children: [(0, jsx_runtime_1.jsx)(P_1.P, { style: { marginTop: 0, marginBottom: 0 }, children: selected.value === 'default' ? '' : selected.label }), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "chevron-down", size: 16, style: { marginLeft: 'auto' } })] }), (0, jsx_runtime_1.jsx)(react_native_1.Modal, { transparent: true, visible: isOpen, animationType: "fade", onRequestClose: function () { return setOpen(false); }, children: (0, jsx_runtime_1.jsx)(DropdownWrapper, { children: (0, jsx_runtime_1.jsx)(DropdownContainer, { children: (0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, { nestedScrollEnabled: true, children: [(0, jsx_runtime_1.jsxs)(SelectOption, { accessibilityRole: "radio", onPress: function () { return handleOptionPress(requiredOption); }, children: [(0, jsx_runtime_1.jsx)(StyledP, { children: (0, jsx_runtime_1.jsx)(Strong_1.Strong, { children: requiredOption.label }) }), (0, jsx_runtime_1.jsx)(Radio, { isChecked: selected.value === requiredOption.value, children: (0, jsx_runtime_1.jsx)(RadioDot, { isChecked: selected.value === requiredOption.value }) })] }), Object.keys(optionsByCategories).map(function (category) { return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [category !== 'undefined' ? ((0, jsx_runtime_1.jsx)(StyledCategory, { children: category })) : null, optionsByCategories[category].map(function (option, i) { return ((0, jsx_runtime_1.jsxs)(SelectOption, { accessibilityRole: "radio", isLastOption: i === optionsByCategories[category].length - 1, onPress: function () { return handleOptionPress(option); }, children: [(0, jsx_runtime_1.jsx)(StyledP, { children: (0, jsx_runtime_1.jsx)(Strong_1.Strong, { children: option.label }) }), (0, jsx_runtime_1.jsx)(Radio, { isChecked: selected.value === option.value, children: (0, jsx_runtime_1.jsx)(RadioDot, { isChecked: selected.value === option.value }) })] }, option.label)); })] }, category)); })] }) }) }) })] }));
 };
+exports.Select = Select;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;