welcome-ui 8.1.1 → 8.2.0-alpha.0

package/dist/{P2CTZE2T-Cl2w7OLV.mjs → P2CTZE2T-DOT1mNnX.mjs}

@@ -1,9 +1,10 @@
 "use client";
-import { v as Y, p as $, I as Ce, c as G, J as xe, _ as J, x as q, d as S, e as Q, g as P, z as X, f as Z, h as ee, l as Se, b as D, K as Pe, L as O, o as F, M as we, u as j, N as he, O as Ee, E as ye, t as Te, k as Re, P as De, w as Oe } from "./LVA2YJMS-DDEmK0pp.mjs";
-import { createContext as te, useRef as _, useEffect as Fe, useContext as _e, useCallback as Ae, useMemo as ke } from "react";
-import { u as ze } from "./KUU7WJ55-CS4NemC6.mjs";
-import { f as Ke } from "./YV4JVR4I-Bh7B7TET.mjs";
-var w = Y(), Le = w.useContext;
+import { t as Y, p as $, H as Ce, c as G, I as xe, _ as J, w as q, d as S, e as Q, g as P, y as X, f as Z, h as ee, l as Se, b as R, J as Pe, K as O, o as F, L as we, u as V, M as he, N as Ee, D as ye, k as Te, O as De, v as Re } from "./LVA2YJMS-C-kJ1lkr.mjs";
+import { createContext as te, useRef as _, useEffect as Oe, useContext as Fe, useCallback as _e, useMemo as Ae } from "react";
+import { u as ke } from "./KUU7WJ55-CzsjuIMv.mjs";
+import { f as Ke } from "./YV4JVR4I-DPC8mMuG.mjs";
+import { j as Le } from "./jsx-runtime-B7I4PJ0H.mjs";
+var w = Y(), ze = w.useContext;
 w.useScopedContext;
 w.useProviderContext;
 var Ne = w.ContextProvider, Me = w.ScopedContextProvider, h = Y(
@@ -11,26 +12,26 @@ var Ne = w.ContextProvider, Me = w.ScopedContextProvider, h = Y(
   [Me]
 ), Be = h.useContext;
 h.useScopedContext;
-var st = h.useProviderContext, ut = h.ContextProvider, at = h.ScopedContextProvider, He = te(
+var ut = h.useProviderContext, at = h.ContextProvider, lt = h.ScopedContextProvider, He = te(
   void 0
-), Ue = te(
+), je = te(
   void 0
-), Ve = { id: null };
-function lt(r, n, o = !1) {
+), Ue = { id: null };
+function ct(r, n, o = !1) {
   const t = r.findIndex((a) => a.id === n);
   return [
     ...r.slice(t + 1),
-    ...o ? [Ve] : [],
+    ...o ? [Ue] : [],
     ...r.slice(0, t)
   ];
 }
-function ct(r, n) {
+function ft(r, n) {
   return r.find((o) => !o.disabled);
 }
-function je(r, n) {
+function Ve(r, n) {
   return n && r.item(n) || null;
 }
-function ft(r) {
+function dt(r) {
   const n = [];
   for (const o of r) {
     const t = n.find((a) => {
@@ -56,7 +57,7 @@ var A = Symbol("FOCUS_SILENTLY");
 function Ye(r) {
   r[A] = !0, r.focus({ preventScroll: !0 });
 }
-function dt(r) {
+function mt(r) {
   const n = r[A];
   return delete r[A], n;
 }
@@ -77,10 +78,10 @@ var $e = "div", ne = G(
       // @ts-expect-error This prop may come from a collection renderer.
       "element"
     ]);
-    const c = Le();
+    const c = ze();
     t = t || c;
     const m = q(v.id), p = _(g);
-    return Fe(() => {
+    return Oe(() => {
       const i = p.current;
       if (!m || !i || !a) return;
       const b = d({ id: m, element: i });
@@ -96,7 +97,7 @@ Z(function(n) {
 });
 var Ge = "button";
 function Je(r) {
-  return O(r) ? !0 : r.tagName === "INPUT" && !Re(r);
+  return O(r) ? !0 : r.tagName === "INPUT" && !Te(r);
 }
 function qe(r, n = !1) {
   const o = r.clientHeight, { top: t } = r.getBoundingClientRect(), a = Math.max(o * 0.875, o - 40) * 1.5, d = n ? o - a + t : a + t;
@@ -117,7 +118,7 @@ function W(r, n, o, t = !1) {
     const i = c;
     if (c = o(p), !c) break;
     if (c === i) continue;
-    const b = (a = je(n, c)) == null ? void 0 : a.element;
+    const b = (a = Ve(n, c)) == null ? void 0 : a.element;
     if (!b) continue;
     const C = Qe(b, t) - v, l = Math.abs(C);
     if (t && C <= 0 || !t && C >= 0) {
@@ -154,9 +155,9 @@ var Ze = G(
     ]);
     const b = Be();
     t = t || b;
-    const f = q(i.id), C = _(null), l = _e(Ue), k = Se(i) && !i.accessibleWhenDisabled, {
+    const f = q(i.id), C = _(null), l = Fe(je), k = Se(i) && !i.accessibleWhenDisabled, {
       rowId: y,
-      baseElement: z,
+      baseElement: K,
       isActiveItem: oe,
       ariaSetSize: ie,
       ariaPosInSet: se,
@@ -194,7 +195,7 @@ var Ze = G(
         const s = t == null ? void 0 : t.item(e.activeId);
         return s != null && s.disabled || !(s != null && s.element) ? !0 : e.activeId === f;
       }
-    }), ae = Ae(
+    }), ae = _e(
       (e) => {
         var s;
         const u = S(P({}, e), {
@@ -206,21 +207,21 @@ var Ze = G(
         return c ? c(u) : u;
       },
       [f, y, k, c]
-    ), K = i.onFocus, T = _(!1), le = D((e) => {
-      if (K == null || K(e), e.defaultPrevented || Pe(e) || !f || !t || Xe(e, t)) return;
+    ), L = i.onFocus, T = _(!1), le = R((e) => {
+      if (L == null || L(e), e.defaultPrevented || Pe(e) || !f || !t || Xe(e, t)) return;
       const { virtualFocus: s, baseElement: u } = t.getState();
       if (t.setActiveId(f), O(e.currentTarget) && We(e.currentTarget), !s || !F(e) || Je(e.currentTarget) || !(u != null && u.isConnected)) return;
       we() && e.currentTarget.hasAttribute("data-autofocus") && e.currentTarget.scrollIntoView({
         block: "nearest",
         inline: "nearest"
       }), T.current = !0, e.relatedTarget === u || re(t, e.relatedTarget) ? Ye(u) : u.focus();
-    }), L = i.onBlurCapture, ce = D((e) => {
-      if (L == null || L(e), e.defaultPrevented) return;
+    }), z = i.onBlurCapture, ce = R((e) => {
+      if (z == null || z(e), e.defaultPrevented) return;
       const s = t == null ? void 0 : t.getState();
       s != null && s.virtualFocus && T.current && (T.current = !1, e.preventDefault(), e.stopPropagation());
-    }), N = i.onKeyDown, fe = j(d), de = j(g), me = D((e) => {
+    }), N = i.onKeyDown, fe = V(d), de = V(g), me = R((e) => {
       if (N == null || N(e), e.defaultPrevented || !F(e) || !t) return;
-      const { currentTarget: s } = e, u = t.getState(), R = t.item(f), I = !!(R != null && R.rowId), E = u.orientation !== "horizontal", x = u.orientation !== "vertical", B = () => !!(I || x || !u.baseElement || !$(u.baseElement)), H = {
+      const { currentTarget: s } = e, u = t.getState(), D = t.item(f), I = !!(D != null && D.rowId), E = u.orientation !== "horizontal", x = u.orientation !== "vertical", B = () => !!(I || x || !u.baseElement || !$(u.baseElement)), H = {
         ArrowUp: (I || E) && t.up,
         ArrowRight: (I || x) && t.next,
         ArrowDown: (I || E) && t.down,
@@ -238,25 +239,25 @@ var Ze = G(
       }[e.key];
       if (H) {
         if (O(s)) {
-          const V = he(s), ve = x && e.key === "ArrowLeft", pe = x && e.key === "ArrowRight", Ie = E && e.key === "ArrowUp", ge = E && e.key === "ArrowDown";
+          const U = he(s), ve = x && e.key === "ArrowLeft", pe = x && e.key === "ArrowRight", Ie = E && e.key === "ArrowUp", ge = E && e.key === "ArrowDown";
           if (pe || ge) {
             const { length: be } = Ee(s);
-            if (V.end !== be) return;
-          } else if ((ve || Ie) && V.start !== 0) return;
+            if (U.end !== be) return;
+          } else if ((ve || Ie) && U.start !== 0) return;
         }
-        const U = H();
-        if (fe(e) || U !== void 0) {
+        const j = H();
+        if (fe(e) || j !== void 0) {
           if (!de(e)) return;
-          e.preventDefault(), t.move(U);
+          e.preventDefault(), t.move(j);
         }
       }
-    }), M = ke(
-      () => ({ id: f, baseElement: z }),
-      [f, z]
+    }), M = Ae(
+      () => ({ id: f, baseElement: K }),
+      [f, K]
     );
     return i = ye(
       i,
-      (e) => /* @__PURE__ */ Te.jsx(He.Provider, { value: M, children: e }),
+      (e) => /* @__PURE__ */ Le.jsx(He.Provider, { value: M, children: e }),
       [M]
     ), i = S(P({
       id: f,
@@ -267,7 +268,7 @@ var Ze = G(
       onFocus: le,
       onBlurCapture: ce,
       onKeyDown: me
-    }), i = ze(i), i = ne(S(P({
+    }), i = ke(i), i = ne(S(P({
       store: t
     }, i), {
       getItem: ae,
@@ -277,24 +278,24 @@ var Ze = G(
       "aria-posinset": se
     }));
   }
-), mt = Oe(
+), vt = Re(
   Z(function(n) {
     const o = Ze(n);
     return ee(Ge, o);
   })
 );
 export {
-  at as C,
-  ut as a,
-  st as b,
-  ft as c,
-  mt as d,
+  lt as C,
+  at as a,
+  ut as b,
+  dt as c,
+  vt as d,
   ne as e,
-  ct as f,
-  je as g,
+  ft as f,
+  Ve as g,
   Be as h,
   re as i,
-  lt as j,
-  dt as s,
+  ct as j,
+  mt as s,
   Ze as u
 };

package/dist/{P4IRICAX-DezbJY4s.mjs → P4IRICAX-CWSZLTGz.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { u as P } from "./X5NMLKT6-CvSCix-_.mjs";
-import { u as _ } from "./VGCJ63VH-BMzoZtCu.mjs";
-import { f as b, c as k, _ as x, i as S, u as O, a as R, b as N, d as h, e as w, g as c, h as y } from "./LVA2YJMS-DDEmK0pp.mjs";
+import { u as P } from "./X5NMLKT6-BJw3xE-K.mjs";
+import { u as _ } from "./VGCJ63VH-C0UPBY-5.mjs";
+import { f as b, c as k, _ as x, i as S, u as O, a as R, b as N, d as h, e as w, g as c, h as y } from "./LVA2YJMS-C-kJ1lkr.mjs";
 import { useRef as B, useState as M, useEffect as T } from "react";
 var V = "button", j = Symbol("disclosure"), H = k(
   function(n) {

package/dist/Pagination.mjs

@@ -1,39 +1,17 @@
 "use client";
-import i, { useMemo as j, useRef as R, useCallback as y } from "react";
-import m, { th as v, css as x } from "@xstyled/styled-components";
-import { h as z } from "./hide-focus-rings-root-BNyva1yb.mjs";
+import { j as o } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { useMemo as z, useRef as k, useCallback as p } from "react";
 import "./Icon.mjs";
-import { L as G } from "./index-CQD9fgf_.mjs";
-import { R as F } from "./index-CmsWSKKs.mjs";
-import { forwardRef as M } from "./System.mjs";
-const a = 5, S = 3;
-function d(e, t) {
-  return Array.from({ length: e }, (r, s) => t(s));
-}
-function q(e, t) {
-  return e.reduce((r, s, c) => {
-    const n = [];
-    return n.push(...r), n.push(...s), s.length && c < e.length - 1 && n.push(t), n;
-  }, []);
-}
-function J(e, t) {
-  if (e < a) return "before";
-  if (e >= a && e <= t - a + 1) return "center";
-  if (e > t - a + 1) return "after";
-}
-function K({ page: e, pageCount: t, rangeDisplay: r }) {
-  return j(() => {
-    if (t <= r || t <= a + 1)
-      return d(t, (l) => l + 1);
-    const s = J(e, t), c = s === "before" ? d(a, (l) => l + 1) : [1], n = s === "center" ? d(S, (l) => l + e - 1) : [], u = s === "after" ? d(a, (l) => l + t - a + 1) : [t];
-    return q([c, n, u], "-");
-  }, [e, t, r]);
-}
-const O = m.navBox``, Q = m.ulBox`
+import { L as G } from "./index-DpkNUfAS.mjs";
+import { R as _ } from "./index-CYmF7qCH.mjs";
+import { forwardRef as F } from "./System.mjs";
+import d, { th as h, css as b } from "@xstyled/styled-components";
+import { h as M } from "./hide-focus-rings-root-CCXdysih.mjs";
+const S = d.navBox``, q = d.ulBox`
   list-style-type: none;
   padding: 0;
   margin: 0;
-`, b = m.liBox`
+`, m = d.liBox`
   display: inline-block;
   vertical-align: bottom;
   padding: 0;
@@ -42,14 +20,14 @@ const O = m.navBox``, Q = m.ulBox`
   &:last-child {
     margin-right: 0;
   }
-`, U = m.span`
-  ${v("paginations.default")};
+`, J = d.span`
+  ${h("paginations.default")};
   display: flex;
   justify-content: center;
   align-items: center;
-`, p = x`
-  ${v("paginations.default")};
-  ${v("paginations.item")};
+`, B = b`
+  ${h("paginations.default")};
+  ${h("paginations.item")};
   border-radius: 50%;
   display: flex;
   align-items: center;
@@ -62,99 +40,123 @@ const O = m.navBox``, Q = m.ulBox`
     transition: none;
   }
 
-  [${z}] &:focus {
+  [${M}] &:focus {
     box-shadow: none;
   }
-`, B = m.aBox(
-  (e) => x`
-    ${p};
-    ${e["aria-disabled"] && x`
+`, y = d.aBox(
+  (n) => b`
+    ${B};
+    ${n["aria-disabled"] && b`
       color: beige-70;
       background-color: beige-40;
     `}
   `
-), V = m.aBox(
-  (e) => x`
-    ${p};
-    ${e["aria-current"] && v("paginations.active")}
+), K = d.aBox(
+  (n) => b`
+    ${B};
+    ${n["aria-current"] && h("paginations.active")}
   `
-), C = M(
+), f = 5, O = 3;
+function Q({ page: n, pageCount: t, rangeDisplay: r }) {
+  return z(() => {
+    if (t <= r || t <= f + 1)
+      return x(t, (l) => l + 1);
+    const e = U(n, t), c = e === "before" ? x(f, (l) => l + 1) : [1], i = e === "center" ? x(O, (l) => l + n - 1) : [], u = e === "after" ? x(f, (l) => l + t - f + 1) : [t];
+    return V([c, i, u], "-");
+  }, [n, t, r]);
+}
+function x(n, t) {
+  return Array.from({ length: n }, (r, e) => t(e));
+}
+function U(n, t) {
+  if (n < f) return "before";
+  if (n >= f && n <= t - f + 1) return "center";
+  if (n > t - f + 1) return "after";
+}
+function V(n, t) {
+  return n.reduce((r, e, c) => {
+    const i = [];
+    return i.push(...r), i.push(...e), e.length && c < n.length - 1 && i.push(t), i;
+  }, []);
+}
+const g = F(
   ({
-    "aria-label": e,
+    "aria-label": n,
     dataTestId: t,
     getHref: r,
-    leftArrow: s,
+    leftArrow: e,
     onChange: c,
-    page: n,
+    page: i,
     pageCount: u,
     rangeDisplay: l = 5,
     rightArrow: A,
     ...D
   }, L) => {
-    const w = K({ page: n, pageCount: u, rangeDisplay: l }), $ = R(null), k = R(null), E = n === 1, h = n === u, N = y(
-      (o) => {
-        o.preventDefault();
-        const f = n - 1;
-        f === 1 && $.current.focus(), c(f);
+    const w = Q({ page: i, pageCount: u, rangeDisplay: l }), $ = k(null), R = k(null), j = i === 1, v = i === u, E = p(
+      (s) => {
+        s.preventDefault();
+        const a = i - 1;
+        a === 1 && $.current.focus(), c(a);
       },
-      [n, c]
-    ), P = y(
-      (o) => {
-        o.preventDefault();
-        const f = n + 1;
-        f === u && k.current.focus(), c(f);
+      [i, c]
+    ), N = p(
+      (s) => {
+        s.preventDefault();
+        const a = i + 1;
+        a === u && R.current.focus(), c(a);
       },
-      [n, u, c]
+      [i, u, c]
     );
-    return /* @__PURE__ */ i.createElement(
-      O,
+    return /* @__PURE__ */ o.jsx(
+      S,
       {
-        "aria-label": e,
+        "aria-label": n,
         "data-testid": t,
         ref: L,
         role: "navigation",
-        ...D
-      },
-      /* @__PURE__ */ i.createElement(Q, null, /* @__PURE__ */ i.createElement(b, null, /* @__PURE__ */ i.createElement(
-        B,
-        {
-          "aria-disabled": E,
-          "data-testid": t ? `${t}-arrow-prev` : void 0,
-          href: r ? r(E ? n : n - 1) : "",
-          onClick: E ? void 0 : N,
-          ref: $
-        },
-        s || /* @__PURE__ */ i.createElement(G, { size: "sm" })
-      )), w.map(
-        (o, f) => o === "-" ? (
-          // eslint-disable-next-line react/no-array-index-key
-          /* @__PURE__ */ i.createElement(b, { key: `${f}-` }, /* @__PURE__ */ i.createElement(U, null, "..."))
-        ) : /* @__PURE__ */ i.createElement(b, { key: o }, /* @__PURE__ */ i.createElement(
-          V,
-          {
-            "aria-current": o === n,
-            "data-testid": t ? `${t}-${o}` : void 0,
-            href: r ? r(o) : "",
-            onClick: (_) => {
-              _.preventDefault(), c(o);
+        ...D,
+        children: /* @__PURE__ */ o.jsxs(q, { children: [
+          /* @__PURE__ */ o.jsx(m, { children: /* @__PURE__ */ o.jsx(
+            y,
+            {
+              "aria-disabled": j,
+              "data-testid": t ? `${t}-arrow-prev` : void 0,
+              href: r ? r(j ? i : i - 1) : "",
+              onClick: j ? void 0 : E,
+              ref: $,
+              children: e || /* @__PURE__ */ o.jsx(G, { size: "sm" })
+            }
+          ) }),
+          w.map(
+            (s, a) => s === "-" ? /* @__PURE__ */ o.jsx(m, { children: /* @__PURE__ */ o.jsx(J, { children: "..." }) }, `${a}-`) : /* @__PURE__ */ o.jsx(m, { children: /* @__PURE__ */ o.jsx(
+              K,
+              {
+                "aria-current": s === i,
+                "data-testid": t ? `${t}-${s}` : void 0,
+                href: r ? r(s) : "",
+                onClick: (P) => {
+                  P.preventDefault(), c(s);
+                },
+                children: s
+              }
+            ) }, s)
+          ),
+          /* @__PURE__ */ o.jsx(m, { children: /* @__PURE__ */ o.jsx(
+            y,
+            {
+              "aria-disabled": v,
+              "data-testid": t ? `${t}-arrow-next` : void 0,
+              href: r ? r(v ? i : i + 1) : "",
+              onClick: v ? void 0 : N,
+              ref: R,
+              children: A || /* @__PURE__ */ o.jsx(_, { size: "sm" })
             }
-          },
-          o
-        ))
-      ), /* @__PURE__ */ i.createElement(b, null, /* @__PURE__ */ i.createElement(
-        B,
-        {
-          "aria-disabled": h,
-          "data-testid": t ? `${t}-arrow-next` : void 0,
-          href: r ? r(h ? n : n + 1) : "",
-          onClick: h ? void 0 : P,
-          ref: k
-        },
-        A || /* @__PURE__ */ i.createElement(F, { size: "sm" })
-      )))
+          ) })
+        ] })
+      }
     );
   }
 );
 export {
-  C as Pagination
+  g as Pagination
 };

package/dist/PasswordInput.mjs

@@ -1,55 +1,56 @@
 "use client";
-import t, { useState as i } from "react";
+import { j as t } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { useState as c } from "react";
+import { InputText as m } from "./InputText.mjs";
+import { forwardRef as x } from "./System.mjs";
+import { Button as l } from "./Button.mjs";
 import "./Icon.mjs";
-import { S as l, H as m } from "./index-u1oHKa7X.mjs";
-import { Button as u } from "./Button.mjs";
-import { InputText as d } from "./InputText.mjs";
-import { forwardRef as f } from "./System.mjs";
-const w = ({
-  dataTestId: e,
-  isHidden: o,
+import { S as d, H as u } from "./index-wl3X6EM1.mjs";
+const f = ({
+  dataTestId: o,
+  isHidden: s,
   onClick: r,
-  title: n
-}) => /* @__PURE__ */ t.createElement(
-  u,
+  title: e
+}) => /* @__PURE__ */ t.jsx(
+  l,
   {
     "aria-controls": "password",
-    "aria-expanded": `${!o}`,
-    dataTestId: e && `${e}-action`,
+    "aria-expanded": `${!s}`,
+    dataTestId: o ? `${o}-action` : null,
     onClick: r,
     shape: "circle",
     size: "xs",
-    title: n,
-    variant: "ghost"
-  },
-  o ? /* @__PURE__ */ t.createElement(l, null) : /* @__PURE__ */ t.createElement(m, null)
-), x = f(
-  ({ dataTestId: e, title: o, ...r }, n) => {
-    const [a, c] = i("password"), s = a === "password", p = () => {
-      c(s ? "text" : "password");
+    title: e,
+    variant: "ghost",
+    children: s ? /* @__PURE__ */ t.jsx(d, {}) : /* @__PURE__ */ t.jsx(u, {})
+  }
+), w = x(
+  ({ dataTestId: o, title: s, ...r }, e) => {
+    const [n, a] = c("password"), p = n === "password", i = () => {
+      a(p ? "text" : "password");
     };
-    return /* @__PURE__ */ t.createElement(
-      d,
+    return /* @__PURE__ */ t.jsx(
+      m,
       {
         ...r,
-        dataTestId: e,
-        icon: /* @__PURE__ */ t.createElement(
-          w,
+        dataTestId: o,
+        icon: /* @__PURE__ */ t.jsx(
+          f,
           {
-            dataTestId: e,
-            isHidden: s,
-            onClick: p,
-            title: o
+            dataTestId: o,
+            isHidden: p,
+            onClick: i,
+            title: s
           }
         ),
         iconPlacement: "right",
-        ref: n,
-        type: a
+        ref: e,
+        type: n
       }
     );
   }
 );
-x.displayName = "PasswordInput";
+w.displayName = "PasswordInput";
 export {
-  x as PasswordInput
+  w as PasswordInput
 };

package/dist/Picker.mjs

@@ -1,46 +1,48 @@
 "use client";
-import e from "react";
-import u, { system as R } from "@xstyled/styled-components";
-import { shouldForwardProp as $, forwardRef as k } from "./System.mjs";
-import { R as y } from "./NLEBE274-QOMV1l7e.mjs";
-import { Label as E } from "./Label.mjs";
-import { FieldGroup as b } from "./FieldGroup.mjs";
-import { Box as w } from "./Box.mjs";
-import { u as x, R as P } from "./radio-group-RFyDp0KD.mjs";
-const h = u(y).withConfig({ shouldForwardProp: $ })`
+import { j as o } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { Box as u } from "./Box.mjs";
+import { FieldGroup as x } from "./FieldGroup.mjs";
+import { Label as R } from "./Label.mjs";
+import { shouldForwardProp as $, forwardRef as j } from "./System.mjs";
+import h, { system as k } from "@xstyled/styled-components";
+import { R as y } from "./NLEBE274-oSxMftGy.mjs";
+import { u as b, R as w } from "./radio-group-C0fUHvam.mjs";
+const P = h(y).withConfig({ shouldForwardProp: $ })`
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
 
-  ${R};
-`, F = k(
-  ({ dataTestId: t, label: l, name: i, onChange: a, options: s, required: c, value: m, ...p }, f) => {
-    const d = x({ defaultValue: m }), n = (o) => {
-      o.stopPropagation(), a && a(o);
+  ${k};
+`, F = j(
+  ({ dataTestId: e, label: m, name: s, onChange: t, options: p, required: a, value: l, ...c }, d) => {
+    const f = b({ defaultValue: l }), n = (r) => {
+      r.stopPropagation(), t && t(r);
     };
-    return /* @__PURE__ */ e.createElement(
-      b,
+    return /* @__PURE__ */ o.jsx(
+      x,
       {
-        ...p,
-        as: P,
-        dataTestId: t,
+        ...c,
+        as: w,
+        dataTestId: e,
         mb: 0,
-        ref: f,
-        required: c,
-        store: d
-      },
-      /* @__PURE__ */ e.createElement(w, { display: "flex", flexWrap: "wrap" }, s.map(({ element: o, value: r }) => /* @__PURE__ */ e.createElement(
-        E,
-        {
-          checkableField: !0,
-          dataTestId: t && `${t}-item-${i}-${r}`,
-          key: `${l}-${i}-${r}`,
-          onClick: n
-        },
-        /* @__PURE__ */ e.createElement(h, { name: i, value: r }),
-        /* @__PURE__ */ e.createElement(o, { selected: m === r })
-      )))
+        ref: d,
+        required: a,
+        store: f,
+        children: /* @__PURE__ */ o.jsx(u, { display: "flex", flexWrap: "wrap", children: p.map(({ element: r, value: i }) => /* @__PURE__ */ o.jsxs(
+          R,
+          {
+            checkableField: !0,
+            dataTestId: e ? `${e}-item-${s}-${i}` : null,
+            onClick: n,
+            children: [
+              /* @__PURE__ */ o.jsx(P, { name: s, value: i }),
+              /* @__PURE__ */ o.jsx(r, { selected: l === i })
+            ]
+          },
+          `${m}-${s}-${i}`
+        )) })
+      }
     );
   }
 );