welcome-ui 8.1.0-alpha.3 → 8.1.1

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

@@ -1,10 +1,9 @@
 "use client";
-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;
+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;
 w.useScopedContext;
 w.useProviderContext;
 var Ne = w.ContextProvider, Me = w.ScopedContextProvider, h = Y(
@@ -12,26 +11,26 @@ var Ne = w.ContextProvider, Me = w.ScopedContextProvider, h = Y(
   [Me]
 ), Be = h.useContext;
 h.useScopedContext;
-var ut = h.useProviderContext, at = h.ContextProvider, lt = h.ScopedContextProvider, He = te(
+var st = h.useProviderContext, ut = h.ContextProvider, at = h.ScopedContextProvider, He = te(
   void 0
-), je = te(
+), Ue = te(
   void 0
-), Ue = { id: null };
-function ct(r, n, o = !1) {
+), Ve = { id: null };
+function lt(r, n, o = !1) {
   const t = r.findIndex((a) => a.id === n);
   return [
     ...r.slice(t + 1),
-    ...o ? [Ue] : [],
+    ...o ? [Ve] : [],
     ...r.slice(0, t)
   ];
 }
-function ft(r, n) {
+function ct(r, n) {
   return r.find((o) => !o.disabled);
 }
-function Ve(r, n) {
+function je(r, n) {
   return n && r.item(n) || null;
 }
-function dt(r) {
+function ft(r) {
   const n = [];
   for (const o of r) {
     const t = n.find((a) => {
@@ -57,7 +56,7 @@ var A = Symbol("FOCUS_SILENTLY");
 function Ye(r) {
   r[A] = !0, r.focus({ preventScroll: !0 });
 }
-function mt(r) {
+function dt(r) {
   const n = r[A];
   return delete r[A], n;
 }
@@ -78,10 +77,10 @@ var $e = "div", ne = G(
       // @ts-expect-error This prop may come from a collection renderer.
       "element"
     ]);
-    const c = ze();
+    const c = Le();
     t = t || c;
     const m = q(v.id), p = _(g);
-    return Oe(() => {
+    return Fe(() => {
       const i = p.current;
       if (!m || !i || !a) return;
       const b = d({ id: m, element: i });
@@ -97,7 +96,7 @@ Z(function(n) {
 });
 var Ge = "button";
 function Je(r) {
-  return O(r) ? !0 : r.tagName === "INPUT" && !Te(r);
+  return O(r) ? !0 : r.tagName === "INPUT" && !Re(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;
@@ -118,7 +117,7 @@ function W(r, n, o, t = !1) {
     const i = c;
     if (c = o(p), !c) break;
     if (c === i) continue;
-    const b = (a = Ve(n, c)) == null ? void 0 : a.element;
+    const b = (a = je(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) {
@@ -155,9 +154,9 @@ var Ze = G(
     ]);
     const b = Be();
     t = t || b;
-    const f = q(i.id), C = _(null), l = Fe(je), k = Se(i) && !i.accessibleWhenDisabled, {
+    const f = q(i.id), C = _(null), l = _e(Ue), k = Se(i) && !i.accessibleWhenDisabled, {
       rowId: y,
-      baseElement: K,
+      baseElement: z,
       isActiveItem: oe,
       ariaSetSize: ie,
       ariaPosInSet: se,
@@ -195,7 +194,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 = _e(
+    }), ae = Ae(
       (e) => {
         var s;
         const u = S(P({}, e), {
@@ -207,21 +206,21 @@ var Ze = G(
         return c ? c(u) : u;
       },
       [f, y, k, c]
-    ), L = i.onFocus, T = _(!1), le = R((e) => {
-      if (L == null || L(e), e.defaultPrevented || Pe(e) || !f || !t || Xe(e, t)) return;
+    ), K = i.onFocus, T = _(!1), le = D((e) => {
+      if (K == null || K(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();
-    }), z = i.onBlurCapture, ce = R((e) => {
-      if (z == null || z(e), e.defaultPrevented) return;
+    }), L = i.onBlurCapture, ce = D((e) => {
+      if (L == null || L(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 = V(d), de = V(g), me = R((e) => {
+    }), N = i.onKeyDown, fe = j(d), de = j(g), me = D((e) => {
       if (N == null || N(e), e.defaultPrevented || !F(e) || !t) return;
-      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 = {
+      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 = {
         ArrowUp: (I || E) && t.up,
         ArrowRight: (I || x) && t.next,
         ArrowDown: (I || E) && t.down,
@@ -239,25 +238,25 @@ var Ze = G(
       }[e.key];
       if (H) {
         if (O(s)) {
-          const U = he(s), ve = x && e.key === "ArrowLeft", pe = x && e.key === "ArrowRight", Ie = E && e.key === "ArrowUp", ge = E && e.key === "ArrowDown";
+          const V = 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 (U.end !== be) return;
-          } else if ((ve || Ie) && U.start !== 0) return;
+            if (V.end !== be) return;
+          } else if ((ve || Ie) && V.start !== 0) return;
         }
-        const j = H();
-        if (fe(e) || j !== void 0) {
+        const U = H();
+        if (fe(e) || U !== void 0) {
           if (!de(e)) return;
-          e.preventDefault(), t.move(j);
+          e.preventDefault(), t.move(U);
         }
       }
-    }), M = Ae(
-      () => ({ id: f, baseElement: K }),
-      [f, K]
+    }), M = ke(
+      () => ({ id: f, baseElement: z }),
+      [f, z]
     );
     return i = ye(
       i,
-      (e) => /* @__PURE__ */ Le.jsx(He.Provider, { value: M, children: e }),
+      (e) => /* @__PURE__ */ Te.jsx(He.Provider, { value: M, children: e }),
       [M]
     ), i = S(P({
       id: f,
@@ -268,7 +267,7 @@ var Ze = G(
       onFocus: le,
       onBlurCapture: ce,
       onKeyDown: me
-    }), i = ke(i), i = ne(S(P({
+    }), i = ze(i), i = ne(S(P({
       store: t
     }, i), {
       getItem: ae,
@@ -278,24 +277,24 @@ var Ze = G(
       "aria-posinset": se
     }));
   }
-), vt = Re(
+), mt = Oe(
   Z(function(n) {
     const o = Ze(n);
     return ee(Ge, o);
   })
 );
 export {
-  lt as C,
-  at as a,
-  ut as b,
-  dt as c,
-  vt as d,
+  at as C,
+  ut as a,
+  st as b,
+  ft as c,
+  mt as d,
   ne as e,
-  ft as f,
-  Ve as g,
+  ct as f,
+  je as g,
   Be as h,
   re as i,
-  ct as j,
-  mt as s,
+  lt as j,
+  dt as s,
   Ze as u
 };

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

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

package/dist/PasswordInput.mjs

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

package/dist/Picker.mjs

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