@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.78

package/dist/components/MultiSelectDropdown/contexts/MultiSelectDropdown.provider.js

@@ -1,135 +1,138 @@
-import { jsx as A } from "react/jsx-runtime";
-import { c as F } from "../../../compiler-runtime-DA41awpA.js";
-import { useRef as G, useState as k, useEffect as q } from "react";
-import { MultiSelectDropdownContext as H } from "./MultiSelectDropdown.context.js";
-import { useToggle as K } from "../../../hooks/useToggle.js";
-const le = (r) => {
-  const e = F.c(46), {
-    children: O,
-    defaultOptions: a,
-    multiselect: $,
-    value: S,
-    onChange: h,
-    onBlur: w,
-    name: P,
-    isLoading: T,
-    noOptionsText: V
-  } = r;
-  let g;
-  e[0] !== a ? (g = a === void 0 ? [] : a, e[0] = a, e[1] = g) : g = e[1];
-  const n = g, o = $ === void 0 ? !0 : $, v = G(null), [p, B] = K(!1), [J, I] = k(n);
-  let _;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = [], e[2] = _) : _ = e[2];
-  const [i, L] = k(_), l = S !== void 0;
-  let x, R;
-  e[3] !== n || e[4] !== l || e[5] !== o || e[6] !== i ? (x = () => {
-    if (!l) {
-      const s = new Set(i.map(Q));
-      I(o ? n.filter((t) => !s.has(t.id)) : n.map((t) => ({
-        ...t,
-        isSelected: s.has(t.id)
-      })));
+import { jsx as V } from "react/jsx-runtime";
+import { useRef as k, useState as R, useEffect as g, useCallback as S } from "react";
+import { MultiSelectDropdownContext as C } from "./MultiSelectDropdown.context.js";
+import { useToggle as E } from "../../../hooks/useToggle.js";
+const q = ({
+  children: x,
+  defaultOptions: r = [],
+  multiselect: i = !0,
+  value: f,
+  onChange: m,
+  onBlur: u,
+  name: h,
+  isLoading: b,
+  noOptionsText: j
+}) => {
+  const d = k(null), [w, I] = E(!1), [y, p] = R(r), [c, v] = R([]), o = f !== void 0;
+  g(() => {
+    if (!o) {
+      const n = new Set(
+        c.map((e) => e.id)
+      );
+      p(
+        i ? r.filter((e) => !n.has(e.id)) : r.map((e) => ({
+          ...e,
+          isSelected: n.has(e.id)
+        }))
+      );
     }
-  }, R = [n, o, l, i], e[3] = n, e[4] = l, e[5] = o, e[6] = i, e[7] = x, e[8] = R) : (x = e[7], R = e[8]), q(x, R);
-  let b, y;
-  e[9] !== n || e[10] !== l || e[11] !== o || e[12] !== S ? (b = () => {
-    if (l) {
-      const s = S || [];
-      L(s);
-      const t = new Set(s.map(W));
-      I(o ? n.filter((d) => !t.has(d.id)) : n.map((d) => ({
-        ...d,
-        isSelected: t.has(d.id)
-      })));
+  }, [r, i, o, c]), g(() => {
+    if (o) {
+      const n = f || [];
+      v(n);
+      const e = new Set(n.map((s) => s.id));
+      p(
+        i ? r.filter((s) => !e.has(s.id)) : r.map((s) => ({
+          ...s,
+          isSelected: e.has(s.id)
+        }))
+      );
     }
-  }, y = [S, l, n, o], e[9] = n, e[10] = l, e[11] = o, e[12] = S, e[13] = b, e[14] = y) : (b = e[13], y = e[14]), q(b, y);
-  let C;
-  e[15] !== P || e[16] !== h ? (C = (s) => {
-    const t = s.map(X), d = JSON.stringify(t);
-    v.current && (v.current.value = d), h && h({
-      target: {
-        value: s,
-        name: P ?? ""
+  }, [f, o, r, i]);
+  const l = S(
+    (n) => {
+      const e = n.map(({ id: t, value: O, label: P }) => ({
+        id: t,
+        value: O ?? P
+      })), s = JSON.stringify(e);
+      d.current && (d.current.value = s), m && m({
+        target: {
+          value: n,
+          name: h ?? ""
+        }
+      });
+    },
+    [m, h]
+  ), a = S(
+    (n) => {
+      const e = w;
+      I(n), e && n === !1 && u && d.current && u({
+        target: d.current,
+        type: "blur"
+      });
+    },
+    [w, I, u, d]
+  ), D = S(
+    (n) => {
+      if (o) {
+        const t = [
+          ...i ? c : [],
+          n
+        ];
+        l(t), a(!1);
+        return;
       }
-    });
-  }, e[15] = P, e[16] = h, e[17] = C) : C = e[17];
-  const u = C;
-  let j;
-  e[18] !== p || e[19] !== w || e[20] !== B ? (j = (s) => {
-    const t = p;
-    B(s), t && s === !1 && w && v.current && w({
-      target: v.current,
-      type: "blur"
-    });
-  }, e[18] = p, e[19] = w, e[20] = B, e[21] = j) : j = e[21];
-  const f = j;
-  let D;
-  e[22] !== n || e[23] !== f || e[24] !== u || e[25] !== l || e[26] !== o || e[27] !== i ? (D = (s) => {
-    if (l) {
-      const c = [...o ? i : [], s];
-      u(c), f(!1);
-      return;
-    }
-    const t = [...o ? i : [], s];
-    L(t);
-    const d = t.map(Y);
-    I(() => o ? n.filter((c) => !d.includes(c.id)) : n.map((c) => ({
-      ...c,
-      isSelected: d.includes(c.id)
-    }))), u(t), f(!1);
-  }, e[22] = n, e[23] = f, e[24] = u, e[25] = l, e[26] = o, e[27] = i, e[28] = D) : D = e[28];
-  const N = D;
-  let E;
-  e[29] !== n || e[30] !== u || e[31] !== l || e[32] !== i ? (E = (s) => {
-    if (l) {
-      const c = i.filter((z) => z.id !== s.id);
-      u(c);
-      return;
+      const e = [
+        ...i ? c : [],
+        n
+      ];
+      v(e);
+      const s = e.map((t) => t.id);
+      p(() => i ? r.filter(
+        (t) => !s.includes(t.id)
+      ) : r.map((t) => ({
+        ...t,
+        isSelected: s.includes(t.id)
+      }))), l(e), a(!1);
+    },
+    [
+      r,
+      l,
+      i,
+      c,
+      a,
+      o
+    ]
+  ), M = S(
+    (n) => {
+      if (o) {
+        const t = c.filter(
+          (O) => O.id !== n.id
+        );
+        l(t);
+        return;
+      }
+      const e = c.filter(
+        (t) => t.id !== n.id
+      );
+      v(e);
+      const s = e.map((t) => t.id);
+      p(
+        () => r.filter(
+          (t) => !s.includes(t.id)
+        )
+      ), l(e);
+    },
+    [r, l, c, o]
+  );
+  return /* @__PURE__ */ V(
+    C.Provider,
+    {
+      value: {
+        options: y,
+        selectedOptions: c,
+        isOpen: w,
+        inputRef: d,
+        onSelectOption: D,
+        onRemoveOption: M,
+        onOpen: a,
+        isLoading: b,
+        noOptionsText: j
+      },
+      children: x
     }
-    const t = i.filter((c) => c.id !== s.id);
-    L(t);
-    const d = t.map(Z);
-    I(() => n.filter((c) => !d.includes(c.id))), u(t);
-  }, e[29] = n, e[30] = u, e[31] = l, e[32] = i, e[33] = E) : E = e[33];
-  const U = E;
-  let m;
-  e[34] !== f || e[35] !== U || e[36] !== N || e[37] !== T || e[38] !== p || e[39] !== V || e[40] !== J || e[41] !== i ? (m = {
-    options: J,
-    selectedOptions: i,
-    isOpen: p,
-    inputRef: v,
-    onSelectOption: N,
-    onRemoveOption: U,
-    onOpen: f,
-    isLoading: T,
-    noOptionsText: V
-  }, e[34] = f, e[35] = U, e[36] = N, e[37] = T, e[38] = p, e[39] = V, e[40] = J, e[41] = i, e[42] = m) : m = e[42];
-  let M;
-  return e[43] !== O || e[44] !== m ? (M = /* @__PURE__ */ A(H.Provider, { value: m, children: O }), e[43] = O, e[44] = m, e[45] = M) : M = e[45], M;
+  );
 };
-function Q(r) {
-  return r.id;
-}
-function W(r) {
-  return r.id;
-}
-function X(r) {
-  const {
-    id: e,
-    value: O,
-    label: a
-  } = r;
-  return {
-    id: e,
-    value: O ?? a
-  };
-}
-function Y(r) {
-  return r.id;
-}
-function Z(r) {
-  return r.id;
-}
 export {
-  le as MultiSelectDropdownProvider
+  q as MultiSelectDropdownProvider
 };

package/dist/components/MultiSelectDropdown/hooks/useMultiSelectDropdown.js

@@ -1,36 +1,32 @@
-import { c as p } from "../../../compiler-runtime-DA41awpA.js";
-import { useRef as f, useEffect as m } from "react";
-import { useMultiSelectDropdown as g } from "../contexts/MultiSelectDropdown.hook.js";
-const E = () => {
-  const e = p.c(7), a = f(null), {
-    onOpen: t
-  } = g();
-  let o, r;
-  e[0] !== t ? (o = () => {
-    const n = new AbortController(), u = (i) => {
-      i.key === "Escape" && t(!1);
-    }, d = (i) => {
-      a.current?.contains(i.target) || t(!1);
+import { useRef as l, useEffect as c, useCallback as u } from "react";
+import { useMultiSelectDropdown as i } from "../contexts/MultiSelectDropdown.hook.js";
+const f = () => {
+  const n = l(null), { onOpen: e } = i();
+  c(() => {
+    const t = new AbortController(), a = (o) => {
+      o.key === "Escape" && e(!1);
+    }, r = (o) => {
+      n.current?.contains(o.target) || e(!1);
     };
-    return document.addEventListener("keydown", u, {
-      signal: n.signal
-    }), document.addEventListener("mousedown", d, {
-      signal: n.signal
+    return document.addEventListener("keydown", a, {
+      signal: t.signal
+    }), document.addEventListener("mousedown", r, {
+      signal: t.signal
     }), () => {
-      n.abort();
+      t.abort();
     };
-  }, r = [t, a], e[0] = t, e[1] = o, e[2] = r) : (o = e[1], r = e[2]), m(o, r);
-  let s;
-  e[3] !== t ? (s = (n) => {
-    n.target?.closest("[data-value]") || t(!0);
-  }, e[3] = t, e[4] = s) : s = e[4];
-  const c = s;
-  let l;
-  return e[5] !== c ? (l = {
-    wrapperRef: a,
-    handleOpen: c
-  }, e[5] = c, e[6] = l) : l = e[6], l;
+  }, [e, n]);
+  const s = u(
+    (t) => {
+      t.target?.closest("[data-value]") || e(!0);
+    },
+    [e]
+  );
+  return {
+    wrapperRef: n,
+    handleOpen: s
+  };
 };
 export {
-  E as useMultiSelectDropdown
+  f as useMultiSelectDropdown
 };

package/dist/components/PhoneNumberInput/PhoneNumberInput.js

@@ -1,21 +1,8 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as d } from "../../compiler-runtime-DA41awpA.js";
-import { forwardRef as f } from "react";
-import { Wrapper as s } from "./components/Wrapper.js";
-import { PhoneNumberProvider as u } from "./contexts/phone-number.provider.js";
-const P = f((i, l) => {
-  const e = d.c(9);
-  let o, t;
-  e[0] !== i ? ({
-    defaultCountryCode: t,
-    ...o
-  } = i, e[0] = i, e[1] = o, e[2] = t) : (o = e[1], t = e[2]);
-  const n = t === void 0 ? "US" : t;
-  let r;
-  e[3] !== o || e[4] !== l ? (r = /* @__PURE__ */ p(s, { ref: l, ...o }), e[3] = o, e[4] = l, e[5] = r) : r = e[5];
-  let m;
-  return e[6] !== n || e[7] !== r ? (m = /* @__PURE__ */ p(u, { defaultCountryCode: n, children: r }), e[6] = n, e[7] = r, e[8] = m) : m = e[8], m;
-});
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { PhoneNumberProvider as t } from "./contexts/phone-number.provider.js";
+import { Wrapper as f } from "./components/Wrapper.js";
+const u = p(({ defaultCountryCode: o = "US", ...m }, e) => /* @__PURE__ */ r(t, { defaultCountryCode: o, children: /* @__PURE__ */ r(f, { ref: e, ...m }) }));
 export {
-  P as PhoneNumberInput
+  u as PhoneNumberInput
 };

package/dist/components/PhoneNumberInput/PhoneNumberInput.variants.js

@@ -1,15 +1,45 @@
 import { c as r } from "../../index-D29mdTf5.js";
-const t = r(["text-sm", "relative", "border", "border-gray-300", "rounded", "data-[state=open]:border-aurora-500", "focus-within:border-aurora-500", "transition-colors", "duration-150", "dark:border-metal-700", "dark:bg-metal-800", "dark:data-[state=open]:border-metal-700", "dark:focus-within:border-metal-700"], {
-  variants: {
-    variant: {
-      default: [],
-      error: ["border-red-600", "dark:border-red-500", "data-[state=open]:border-red-500", "focus-within:border-red-500", "pr-8", "focus-visible:ring-transparent"]
+const t = r(
+  [
+    "text-sm",
+    "relative",
+    "border",
+    "border-gray-300",
+    "rounded",
+    "data-[state=open]:border-aurora-500",
+    "focus-within:border-aurora-500",
+    "transition-colors",
+    "duration-150",
+    "dark:border-metal-700",
+    "dark:bg-metal-800",
+    "dark:data-[state=open]:border-metal-700",
+    "dark:focus-within:border-metal-700"
+  ],
+  {
+    variants: {
+      variant: {
+        default: [],
+        error: [
+          "border-red-600",
+          "dark:border-red-500",
+          "data-[state=open]:border-red-500",
+          "focus-within:border-red-500",
+          "pr-8",
+          "focus-visible:ring-transparent"
+        ]
+      }
+    },
+    defaultVariants: {
+      variant: "default"
     }
-  },
-  defaultVariants: {
-    variant: "default"
   }
-}), e = r(["cursor-pointer", "text-sm", "leading-5", "tracking-[0.1px]", "dark:text-slate-50"]);
+), e = r([
+  "cursor-pointer",
+  "text-sm",
+  "leading-5",
+  "tracking-[0.1px]",
+  "dark:text-slate-50"
+]);
 export {
   e as labelVariants,
   t as phoneNumberInputVariants

package/dist/components/PhoneNumberInput/components/FlagContent/FlagContent.js

@@ -1,31 +1,36 @@
-import { jsx as m, jsxs as f } from "react/jsx-runtime";
-import { c as d } from "../../../../compiler-runtime-DA41awpA.js";
-import { cn as u } from "../../../../utils/index.js";
-import { C as x } from "../../../../chevron-up-IlDPxR7j.js";
-import { usePhoneNumberContext as h } from "../../contexts/phone-number.hook.js";
-const S = () => {
-  const t = d.c(12), {
-    selectedCountry: p,
-    isOpenSelector: r,
-    handleOpenSelector: a
-  } = h(), {
-    flag: c
-  } = p;
-  let e;
-  t[0] !== a || t[1] !== r ? (e = () => a(!r), t[0] = a, t[1] = r, t[2] = e) : e = t[2];
-  let o;
-  t[3] !== c ? (o = /* @__PURE__ */ m(c, {}), t[3] = c, t[4] = o) : o = t[4];
-  let l;
-  t[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = u("transition-all", "duration-100", "data-[state=open]:rotate-0", "data-[state=closed]:rotate-180", "w-5", "h-5", "text-slate-400"), t[5] = l) : l = t[5];
-  const i = r ? "open" : "closed";
-  let s;
-  t[6] !== i ? (s = /* @__PURE__ */ m(x, { className: l, "data-state": i }), t[6] = i, t[7] = s) : s = t[7];
-  let n;
-  return t[8] !== e || t[9] !== o || t[10] !== s ? (n = /* @__PURE__ */ f("button", { type: "button", className: "flex items-center gap-2 cursor-pointer", onClick: e, children: [
-    o,
-    s
-  ] }), t[8] = e, t[9] = o, t[10] = s, t[11] = n) : n = t[11], n;
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { cn as s } from "../../../../utils/index.js";
+import { C as l } from "../../../../chevron-up-IlDPxR7j.js";
+import { usePhoneNumberContext as c } from "../../contexts/phone-number.hook.js";
+const u = () => {
+  const { selectedCountry: o, isOpenSelector: t, handleOpenSelector: a } = c(), { flag: n } = o;
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      type: "button",
+      className: "flex items-center gap-2 cursor-pointer",
+      onClick: () => a(!t),
+      children: [
+        /* @__PURE__ */ e(n, {}),
+        /* @__PURE__ */ e(
+          l,
+          {
+            className: s(
+              "transition-all",
+              "duration-100",
+              "data-[state=open]:rotate-0",
+              "data-[state=closed]:rotate-180",
+              "w-5",
+              "h-5",
+              "text-slate-400"
+            ),
+            "data-state": t ? "open" : "closed"
+          }
+        )
+      ]
+    }
+  );
 };
 export {
-  S as FlagContent
+  u as FlagContent
 };

package/dist/components/PhoneNumberInput/components/FlagSelectorList/FlagSelectorList.js

@@ -638,11 +638,9 @@ const oe = ({
   showFlagOnSearch: l,
   showNameOnSearch: r
 }) => {
-  const e = T(null), {
-    termOfSearch: t,
-    countries: s,
-    handleSelectCountry: n
-  } = V(), o = k(() => s.filter((a) => a.name.toLocaleLowerCase().includes(t.toLowerCase())), [t]), i = Q({
+  const e = T(null), { termOfSearch: t, countries: s, handleSelectCountry: n } = V(), o = k(() => s.filter(
+    (a) => a.name.toLocaleLowerCase().includes(t.toLowerCase())
+  ), [t]), i = Q({
     count: o.length,
     overscan: 5,
     getScrollElement: () => e.current,
@@ -650,22 +648,82 @@ const oe = ({
   });
   return D(() => {
     o.length > 0 && i.scrollToIndex(0);
-  }, [t, i]), o.length === 0 ? /* @__PURE__ */ m("div", { className: "overflow-y-auto max-h-60 snap-y snap-mandatory", children: /* @__PURE__ */ m("ul", { className: "relative", children: /* @__PURE__ */ m("li", { className: "w-full flex items-center h-10 select-none px-6", children: /* @__PURE__ */ m(y, { variant: "body2", component: "span", className: "flex gap-2 items-center text-left", children: "No options" }) }) }) }) : /* @__PURE__ */ m("div", { ref: e, className: "overflow-y-auto max-h-60 snap-y snap-mandatory scrollbar", children: /* @__PURE__ */ m("ul", { className: "relative", style: {
-    height: i.getTotalSize()
-  }, children: i.getVirtualItems().map((a) => {
-    const u = o[a.index], {
-      flag: c,
-      name: d,
-      prefix: h
-    } = u;
-    return /* @__PURE__ */ m("li", { className: I("absolute", "w-full", "snap-start", "snap-always", "scroll-m-0", "flex", "items-center", "h-10"), style: {
-      top: a.start,
-      height: a.size
-    }, children: /* @__PURE__ */ m("button", { className: I("w-full", "h-full", "cursor-pointer", "px-6", "hover:bg-gray-50", "transition-colors", "duration-150", "focus-visible:outline-0", "hover:outline-gray-100", "focus:bg-gray-50", "dark:hover:bg-metal-700"), onClick: () => n(u), children: /* @__PURE__ */ N(y, { variant: "body2", component: "span", className: "flex gap-2 items-center text-left", children: [
-      l && /* @__PURE__ */ m(c, {}),
-      r && /* @__PURE__ */ m(W, { text: d, prefix: h })
-    ] }) }) }, a.key);
-  }) }) });
+  }, [t, i]), o.length === 0 ? /* @__PURE__ */ m("div", { className: "overflow-y-auto max-h-60 snap-y snap-mandatory", children: /* @__PURE__ */ m("ul", { className: "relative", children: /* @__PURE__ */ m("li", { className: "w-full flex items-center h-10 select-none px-6", children: /* @__PURE__ */ m(
+    y,
+    {
+      variant: "body2",
+      component: "span",
+      className: "flex gap-2 items-center text-left",
+      children: "No options"
+    }
+  ) }) }) }) : /* @__PURE__ */ m(
+    "div",
+    {
+      ref: e,
+      className: "overflow-y-auto max-h-60 snap-y snap-mandatory scrollbar",
+      children: /* @__PURE__ */ m(
+        "ul",
+        {
+          className: "relative",
+          style: { height: i.getTotalSize() },
+          children: i.getVirtualItems().map((a) => {
+            const u = o[a.index], { flag: c, name: d, prefix: h } = u;
+            return /* @__PURE__ */ m(
+              "li",
+              {
+                className: I(
+                  "absolute",
+                  "w-full",
+                  "snap-start",
+                  "snap-always",
+                  "scroll-m-0",
+                  "flex",
+                  "items-center",
+                  "h-10"
+                ),
+                style: {
+                  top: a.start,
+                  height: a.size
+                },
+                children: /* @__PURE__ */ m(
+                  "button",
+                  {
+                    className: I(
+                      "w-full",
+                      "h-full",
+                      "cursor-pointer",
+                      "px-6",
+                      "hover:bg-gray-50",
+                      "transition-colors",
+                      "duration-150",
+                      "focus-visible:outline-0",
+                      "hover:outline-gray-100",
+                      "focus:bg-gray-50",
+                      "dark:hover:bg-metal-700"
+                    ),
+                    onClick: () => n(u),
+                    children: /* @__PURE__ */ N(
+                      y,
+                      {
+                        variant: "body2",
+                        component: "span",
+                        className: "flex gap-2 items-center text-left",
+                        children: [
+                          l && /* @__PURE__ */ m(c, {}),
+                          r && /* @__PURE__ */ m(W, { text: d, prefix: h })
+                        ]
+                      }
+                    )
+                  }
+                )
+              },
+              a.key
+            );
+          })
+        }
+      )
+    }
+  );
 };
 export {
   oe as FlagSelectorList

package/dist/components/PhoneNumberInput/components/FlagSelectorWrapper/FlagSelectorWrapper.js

@@ -11,15 +11,49 @@ const C = ({
   showNameOnSearch: a,
   showPlaceHolder: m = !0
 }) => {
-  const {
-    onChangeTermOfSearch: l
-  } = h(), n = c((i) => {
+  const { onChangeTermOfSearch: l } = h(), n = c((i) => {
     l(i.target.value);
   }, []);
-  return /* @__PURE__ */ s("div", { className: u("absolute", "top-full", "mt-1.5", "animate-in", "fade-in-0", "zoom-in-95", "w-full", "border", "border-gray-100", "bg-white", "shadow-sm", "py-2", "z-10", "rounded-sm", "dark:bg-metal-800", "dark:border-metal-700"), children: [
-    t && /* @__PURE__ */ r("div", { className: "px-6 py-2.5", children: /* @__PURE__ */ r(d, { isSearch: !0, placeholder: m ? e : void 0, onChange: n }) }),
-    /* @__PURE__ */ r(p, { showFlagOnSearch: o, showNameOnSearch: a })
-  ] });
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: u(
+        "absolute",
+        "top-full",
+        "mt-1.5",
+        "animate-in",
+        "fade-in-0",
+        "zoom-in-95",
+        "w-full",
+        "border",
+        "border-gray-100",
+        "bg-white",
+        "shadow-sm",
+        "py-2",
+        "z-10",
+        "rounded-sm",
+        "dark:bg-metal-800",
+        "dark:border-metal-700"
+      ),
+      children: [
+        t && /* @__PURE__ */ r("div", { className: "px-6 py-2.5", children: /* @__PURE__ */ r(
+          d,
+          {
+            isSearch: !0,
+            placeholder: m ? e : void 0,
+            onChange: n
+          }
+        ) }),
+        /* @__PURE__ */ r(
+          p,
+          {
+            showFlagOnSearch: o,
+            showNameOnSearch: a
+          }
+        )
+      ]
+    }
+  );
 };
 export {
   C as FlagSelectorWrapper