welcome-ui 9.0.10 → 10.0.0-alpha.10

package/dist/Popover.js

@@ -1,35 +1,37 @@
 "use client";
-import { jsx as r, jsxs as _ } from "react/jsx-runtime";
+import './Popover.css';
+import { jsx as r, jsxs as w } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { c as l } from "./index-PAaZGbyz.js";
-import { Button as w } from "./Button.js";
-import "./Icon-BisRi8B3.js";
-import { C as f } from "./index-BJLXLdM3.js";
-import { u as P } from "./RTNCFSKZ-P4icqVD0.js";
-import { P as g, f as C, g as b, h as x, i as H, j as N } from "./GVVKDT6A-BnYN-H7C.js";
+import { c as a } from "./index-PAaZGbyz.js";
+import { Button as N } from "./Button.js";
+import { Icon as k } from "./Icon.js";
+import { b as q } from "./RTNCFSKZ-BywELldk.js";
+import { P as C, b as H } from "./4I4MLMKD-BO6Lcy7s.js";
 import { f as p } from "./forwardRefWithAs-8eP3ZN15.js";
-import { P as $ } from "./4I4MLMKD-DgPx2VDC.js";
-const j = "_root_1ldto_2", S = "_title_1ldto_15", T = "_content_1ldto_27", B = "_arrow_1ldto_41", a = {
+import { e as x, f as y, g as T, h as $, P as S } from "./GVVKDT6A-CF9ejW_c.js";
+const j = "_root_kqbt9_2", B = "_title_kqbt9_15", L = "_content_kqbt9_27", R = "_arrow_kqbt9_41", l = {
   root: j,
-  title: S,
-  "with-close-button": "_with-close-button_1ldto_24",
-  "content-wrapper": "_content-wrapper_1ldto_27",
-  content: T,
-  "close-button": "_close-button_1ldto_34",
-  arrow: B,
-  "arrow-item": "_arrow-item_1ldto_44",
-  "placement-top": "_placement-top_1ldto_49",
-  "placement-right": "_placement-right_1ldto_52",
-  "placement-left": "_placement-left_1ldto_55",
-  "placement-bottom": "_placement-bottom_1ldto_58"
-}, L = l(a), d = i(
-  ({ className: t, ...e }, o) => /* @__PURE__ */ r("div", { className: L("content", t), ref: o, ...e })
-), m = l(a), R = ({ store: t }) => {
-  const e = P(t, "currentPlacement"), [o] = e.split("-");
-  return /* @__PURE__ */ r(g, { className: m("arrow"), store: t, children: /* @__PURE__ */ _(
+  title: B,
+  "with-close-button": "_with-close-button_kqbt9_24",
+  "content-wrapper": "_content-wrapper_kqbt9_27",
+  content: L,
+  "close-button": "_close-button_kqbt9_34",
+  arrow: R,
+  "arrow-item": "_arrow-item_kqbt9_44",
+  "placement-top": "_placement-top_kqbt9_49",
+  "placement-right": "_placement-right_kqbt9_52",
+  "placement-left": "_placement-left_kqbt9_55",
+  "placement-bottom": "_placement-bottom_kqbt9_58"
+}, z = a(l), m = i(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r("div", { className: z("content", t), ref: o, ...e })
+);
+m.displayName = "Popover.Content";
+const u = a(l), b = ({ store: t }) => {
+  const e = q(t, "currentPlacement"), [o] = e.split("-");
+  return /* @__PURE__ */ r(C, { className: u("arrow"), store: t, children: /* @__PURE__ */ w(
     "svg",
     {
-      className: m("arrow-item", o && `placement-${o}`),
+      className: u("arrow-item", o && `placement-${o}`),
       xmlns: "http://www.w3.org/2000/svg",
       children: [
         /* @__PURE__ */ r("path", { d: "M7 30L15 22L23 30H7Z", fill: "currentColor", fillRule: "nonzero", id: "stroke" }),
@@ -37,30 +39,26 @@ const j = "_root_1ldto_2", S = "_title_1ldto_15", T = "_content_1ldto_27", B = "
       ]
     }
   ) });
-}, u = l(a), v = ({ children: t, className: e, onClose: o, store: n }) => {
+};
+b.displayName = "Popover.Arrow";
+const d = a(l), v = ({ children: t, className: e, onClose: o, store: n }) => {
   const s = () => {
     o && o(), n == null || n.hide();
   }, { withCloseButton: c } = n;
-  return /* @__PURE__ */ _("div", { className: u("content-wrapper", e), children: [
-    /* @__PURE__ */ r(R, { store: n }),
+  return /* @__PURE__ */ w("div", { className: d("content-wrapper", e), children: [
+    /* @__PURE__ */ r(b, { store: n }),
     t,
-    c ? /* @__PURE__ */ r(
-      w,
-      {
-        className: u("close-button"),
-        onClick: s,
-        shape: "square",
-        size: "xs",
-        variant: "secondary",
-        children: /* @__PURE__ */ r(f, {})
-      }
-    ) : null
+    c ? /* @__PURE__ */ r(N, { className: d("close-button"), onClick: s, size: "sm", variant: "secondary", children: /* @__PURE__ */ r(k, { name: "times" }) }) : null
   ] });
-}, z = l(a), h = i(
-  ({ className: t, ...e }, o) => /* @__PURE__ */ r("h6", { className: z("title", t), ref: o, ...e })
-), k = p(
+};
+v.displayName = "Popover.ContentWrapper";
+const A = a(l), _ = i(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r("h6", { className: A("title", t), ref: o, ...e })
+);
+_.displayName = "Popover.Title";
+const P = p(
   ({ as: t, className: e, store: o, ...n }, s) => /* @__PURE__ */ r(
-    $,
+    H,
     {
       className: e,
       ref: s,
@@ -69,9 +67,11 @@ const j = "_root_1ldto_2", S = "_title_1ldto_15", T = "_content_1ldto_27", B = "
       ...n
     }
   )
-), y = p(
+);
+P.displayName = "Popover.Trigger";
+const f = p(
   ({ as: t, className: e, store: o, ...n }, s) => /* @__PURE__ */ r(
-    C,
+    x,
     {
       className: e,
       ref: s,
@@ -80,13 +80,15 @@ const j = "_root_1ldto_2", S = "_title_1ldto_15", T = "_content_1ldto_27", B = "
       ...n
     }
   )
-), A = l(a), M = p(
+);
+f.displayName = "Popover.HoverTrigger";
+const W = a(l), h = p(
   ({ children: t, onClose: e, store: o, ...n }, s) => {
     const { withCloseButton: c } = o;
     return /* @__PURE__ */ r(
-      b,
+      y,
       {
-        className: A("root", c && "with-close-button"),
+        className: W("root", c && "with-close-button"),
         store: o,
         ...n,
         ref: s,
@@ -94,37 +96,39 @@ const j = "_root_1ldto_2", S = "_title_1ldto_15", T = "_content_1ldto_27", B = "
       }
     );
   }
-), U = Object.assign(M, {
-  Content: d,
-  Title: h,
-  Trigger: y
-}), V = ({
+);
+h.displayName = "PopoverHover";
+const Q = Object.assign(h, {
+  Content: m,
+  Title: _,
+  Trigger: f
+}), U = ({
   withCloseButton: t = !1,
   ...e
 } = {}) => ({
-  ...x({
+  ...T({
     ...e
   }),
   withCloseButton: t
-}), X = ({
+}), V = ({
   hideTimeout: t = 300,
   showTimeout: e = 500,
   withCloseButton: o = !1,
   ...n
 } = {}) => ({
-  ...H({
+  ...$({
     hideTimeout: t,
     showTimeout: e,
     ...n
   }),
   withCloseButton: o
-}), O = l(a), W = i(
+}), M = a(l), g = i(
   ({ children: t, onClose: e, store: o, ...n }, s) => {
     const { withCloseButton: c } = o;
     return /* @__PURE__ */ r(
-      N,
+      S,
       {
-        className: O("root", c && "with-close-button"),
+        className: M("root", c && "with-close-button"),
         ref: s,
         store: o,
         ...n,
@@ -132,14 +136,16 @@ const j = "_root_1ldto_2", S = "_title_1ldto_15", T = "_content_1ldto_27", B = "
       }
     );
   }
-), Y = Object.assign(W, {
-  Content: d,
-  Title: h,
-  Trigger: k
+);
+g.displayName = "Popover";
+const X = Object.assign(g, {
+  Content: m,
+  Title: _,
+  Trigger: P
 });
 export {
-  Y as Popover,
-  U as PopoverHover,
-  V as usePopover,
-  X as usePopoverHover
+  X as Popover,
+  Q as PopoverHover,
+  U as usePopover,
+  V as usePopoverHover
 };

package/dist/{RTNCFSKZ-P4icqVD0.js → RTNCFSKZ-BywELldk.js}

@@ -1,9 +1,9 @@
 "use client";
-import { i as ot, t as C, P as st, Q as at, R as ut, S as F, J as it, G as ct, I as ft, T as lt, U as dt, M as N, d as St, a as P, u as pt, V as vt } from "./OE2EFRVA-C3721cM3.js";
+import { i as ot, x as C, S as st, T as at, U as ut, V as F, N as it, A as ct, B as ft, W as lt, X as dt, m as G, d as St, a as P, u as pt, Y as vt } from "./OE2EFRVA-Dg1R6gaC.js";
 import * as I from "react";
-import X from "react";
+import Q from "react";
 import { g as _t } from "./index-PAaZGbyz.js";
-function T(t, n) {
+function A(t, n) {
   const e = t.__unstableInternals;
   return ot(e, "Invalid store"), e[n];
 }
@@ -33,24 +33,24 @@ function W(t, ...n) {
             });
         })
       )
-    ), A = [];
+    ), T = [];
     for (const L of v)
-      A.push(L());
-    const B = n.map(Z);
-    return o = F(...w, ...A, ...B), b;
+      T.push(L());
+    const q = n.map(Z);
+    return o = F(...w, ...T, ...q), b;
   }, E = (s, r, b = m) => (b.add(r), d.set(r, s), () => {
     var w;
     (w = i.get(r)) == null || w(), i.delete(r), d.delete(r), b.delete(r);
-  }), R = (s, r) => E(s, r), M = (s, r) => (i.set(r, r(e, e)), E(s, r)), q = (s, r) => (i.set(r, r(e, l)), E(s, r, _)), S = (s) => W(at(e, s), y), f = (s) => W(st(e, s), y), O = () => e, p = (s, r, b = !1) => {
+  }), R = (s, r) => E(s, r), B = (s, r) => (i.set(r, r(e, e)), E(s, r)), N = (s, r) => (i.set(r, r(e, l)), E(s, r, _)), S = (s) => W(at(e, s), y), f = (s) => W(st(e, s), y), O = () => e, p = (s, r, b = !1) => {
     var w;
     if (!C(e, s)) return;
-    const A = it(r, e[s]);
-    if (A === e[s]) return;
+    const T = it(r, e[s]);
+    if (T === e[s]) return;
     if (!b)
       for (const h of n)
-        (w = h == null ? void 0 : h.setState) == null || w.call(h, s, A);
-    const B = e;
-    e = ct(ft({}, e), { [s]: A });
+        (w = h == null ? void 0 : h.setState) == null || w.call(h, s, T);
+    const q = e;
+    e = ct(ft({}, e), { [s]: T });
     const L = Symbol();
     a = L, c.add(s);
     const V = (h, D, U) => {
@@ -59,7 +59,7 @@ function W(t, ...n) {
       (!$ || $.some(rt)) && ((H = i.get(h)) == null || H(), i.set(h, h(e, D)));
     };
     for (const h of m)
-      V(h, B);
+      V(h, q);
     queueMicrotask(() => {
       if (a !== L) return;
       const h = e;
@@ -74,8 +74,8 @@ function W(t, ...n) {
       setup: g,
       init: x,
       subscribe: R,
-      sync: M,
-      batch: q,
+      sync: B,
+      batch: N,
       pick: S,
       omit: f
     }
@@ -84,33 +84,33 @@ function W(t, ...n) {
 }
 function Rt(t, ...n) {
   if (t)
-    return T(t, "setup")(...n);
+    return A(t, "setup")(...n);
 }
 function Z(t, ...n) {
   if (t)
-    return T(t, "init")(...n);
+    return A(t, "init")(...n);
 }
 function k(t, ...n) {
   if (t)
-    return T(t, "subscribe")(...n);
+    return A(t, "subscribe")(...n);
 }
 function tt(t, ...n) {
   if (t)
-    return T(t, "sync")(...n);
+    return A(t, "sync")(...n);
 }
 function ht(t, ...n) {
   if (t)
-    return T(t, "batch")(...n);
+    return A(t, "batch")(...n);
 }
 function Vt(t, ...n) {
   if (t)
-    return T(t, "omit")(...n);
+    return A(t, "omit")(...n);
 }
-function Tt(t, ...n) {
+function At(t, ...n) {
   if (t)
-    return T(t, "pick")(...n);
+    return A(t, "pick")(...n);
 }
-function At(...t) {
+function Tt(...t) {
   var n;
   const e = {};
   for (const a of t) {
@@ -150,11 +150,11 @@ If there's a particular need for this, please submit a feature request at https:
 `
     );
 }
-var j = { exports: {} }, G = {}, Y;
+var j = { exports: {} }, K = {}, Y;
 function mt() {
-  if (Y) return G;
+  if (Y) return K;
   Y = 1;
-  var t = X;
+  var t = Q;
   function n(i, d) {
     return i === d && (i !== 0 || 1 / i === 1 / d) || i !== i && d !== d;
   }
@@ -183,13 +183,13 @@ function mt() {
     return d();
   }
   var _ = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? m : c;
-  return G.useSyncExternalStore = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : _, G;
+  return K.useSyncExternalStore = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : _, K;
 }
-var K = {}, J;
+var M = {}, X;
 function Et() {
-  return J || (J = 1, process.env.NODE_ENV !== "production" && function() {
+  return X || (X = 1, process.env.NODE_ENV !== "production" && function() {
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-    var t = X, n = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var t = Q, n = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function e(S) {
       {
         for (var f = arguments.length, O = new Array(f > 1 ? f - 1 : 0), p = 1; p < f; p++)
@@ -252,13 +252,13 @@ function Et() {
     function x(S, f, O) {
       return f();
     }
-    var E = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", R = !E, M = R ? x : d, q = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : M;
-    K.useSyncExternalStore = q, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-  }()), K;
+    var E = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", R = !E, B = R ? x : d, N = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : B;
+    M.useSyncExternalStore = N, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+  }()), M;
 }
-var Q;
+var J;
 function gt() {
-  return Q || (Q = 1, process.env.NODE_ENV === "production" ? j.exports = mt() : j.exports = Et()), j.exports;
+  return J || (J = 1, process.env.NODE_ENV === "production" ? j.exports = mt() : j.exports = Et()), j.exports;
 }
 var Ot = gt();
 const bt = /* @__PURE__ */ _t(Ot);
@@ -304,10 +304,10 @@ function It(t, n) {
 }
 function Ct(t, n, e, l) {
   const a = C(n, e) ? n[e] : void 0, o = l ? n[l] : void 0, u = vt({ value: a, setValue: o });
-  N(() => tt(t, [e], (c, v) => {
+  G(() => tt(t, [e], (c, v) => {
     const { value: m, setValue: _ } = u.current;
     _ && c[e] !== v[e] && c[e] !== m && _(c[e]);
-  }), [t, e]), N(() => {
+  }), [t, e]), G(() => {
     if (a !== void 0)
       return t.setState(e, a), ht(t, [e], () => {
         a !== void 0 && t.setState(e, a);
@@ -316,7 +316,7 @@ function Ct(t, n, e, l) {
 }
 function Ut(t, n) {
   const [e, l] = I.useState(() => t(n));
-  N(() => Z(e), [e]);
+  G(() => Z(e), [e]);
   const a = I.useCallback(
     (c) => yt(e, c),
     [e]
@@ -329,18 +329,18 @@ function Ut(t, n) {
   return [o, u];
 }
 export {
-  tt as a,
-  Ut as b,
+  Ct as a,
+  yt as b,
   W as c,
-  Ct as d,
+  tt as d,
   k as e,
   ht as f,
   It as g,
   Z as i,
-  At as m,
+  Tt as m,
   Vt as o,
-  Tt as p,
+  At as p,
   Rt as s,
   Dt as t,
-  yt as u
+  Ut as u
 };

package/dist/Radio.css

@@ -1 +1 @@
-@layer components{._root_1xy64_2{display:flex;align-items:flex-start;gap:var(--spacing-sm);flex-direction:row}._input-wrapper_1xy64_8{flex-shrink:0;position:relative;align-items:center;display:flex;align-self:flex-start}._input_1xy64_8{border-radius:var(--radius-circle);order:-1;position:relative;outline:none;padding:0;transition:var(--duration-medium) var(--timing-primary);border-style:solid;border-width:var(--border-width-sm);border-color:var(--borderColor, var(--color-neutral-30));color:var(--color-neutral-10);height:var(--height-16);width:var(--height-16);margin-top:var(--spacing-xs);cursor:var(--inputCursor, pointer)}._input_1xy64_8:hover{--borderColor: var(--color-neutral-40)}._input_1xy64_8._disabled_1xy64_34{background-color:var(--color-beige-40);--inputCursor: not-allowed}._input_1xy64_8._variant-danger_1xy64_38{--borderColor: var(--color-red-70)}._input_1xy64_8._variant-warning_1xy64_41{--borderColor: var(--color-orange-60)}._input_1xy64_8:after{content:"";position:absolute;width:var(--height-8);height:var(--height-8);border-radius:var(--radius-circle);top:var(--spacing-3);left:var(--spacing-3);transition:var(--duration-medium);background-color:var(--backgroundColor, var(--color-transparent))}._input_1xy64_8[aria-checked=true]:not([disabled]){--borderColor: var(--color-brand-40);color:var(--color-neutral-90)}._input_1xy64_8[aria-checked=true][disabled]:after{--backgroundColor: var(--color-brand-30)}._input_1xy64_8[aria-checked=true]:after{--backgroundColor: var(--color-brand-40)}._label-with-hint_1xy64_65{display:flex;flex-direction:column}._hint_1xy64_69{margin-top:0}}
+@layer components{._root_yfym3_2{display:flex;align-items:flex-start;flex-direction:row;gap:var(--components-dimensions-radio-indicator-size)}._input-wrapper_yfym3_8{display:flex;position:relative;align-items:center;align-self:flex-start;flex-shrink:0}._input_yfym3_8{position:relative;order:-1;padding:0;margin-top:var(--border-radius-sm);width:var(--components-dimensions-radio-size);height:var(--components-dimensions-radio-size);border-style:solid;border-radius:var(--components-dimensions-radio-indicator-border-radius);border-width:var(--borderWidth, var(--components-dimensions-radio-border-width-unchecked));border-color:var(--borderColor, var(--components-colors-radio-color-border-unchecked-default));color:var(--components-colors-radio-color-background-unchecked-default);cursor:var(--inputCursor, pointer);outline:none;box-shadow:var(--inputBoxShadow, var(--inset-5)) inset}._input_yfym3_8:focus-visible:not([disabled]){outline-style:solid;outline-width:var(--components-dimensions-radio-border-width-focused);outline-color:var(--components-colors-radio-color-border-focused);outline-offset:0px}._input_yfym3_8:hover{--borderColor: var(--components-colors-radio-color-border-unchecked-hover);--inputBoxShadow: var(--inset-10)}._input_yfym3_8:disabled{background-color:var(--components-colors-radio-color-background-unchecked-disabled);border-color:var(--components-colors-radio-color-border-unchecked-disabled);--inputCursor: not-allowed;--inputBoxShadow: none}._input_yfym3_8._variant-danger_yfym3_47{--borderColor: var(--color-background-danger-strongest)}._input_yfym3_8:after{content:"";position:absolute;width:var(--components-dimensions-radio-indicator-size);height:var(--components-dimensions-radio-indicator-size);border-radius:var(--components-dimensions-radio-indicator-border-radius);top:calc((var(--components-dimensions-radio-size) - var(--components-dimensions-radio-indicator-size)) / 2 - var(--components-dimensions-radio-border-width-checked));left:calc((var(--components-dimensions-radio-size) - var(--components-dimensions-radio-indicator-size)) / 2 - var(--components-dimensions-radio-border-width-checked));background-color:var(--backgroundColor, transparent)}._input_yfym3_8[aria-checked=true]{--backgroundColor: var(--components-colors-radio-indicator-color-background-default);--borderWidth: var(--components-dimensions-radio-border-width-checked)}._input_yfym3_8[aria-checked=true]:not([disabled]){--borderColor: var(--components-colors-radio-indicator-color-background-default);color:var(--color-background-neutral-primary-fixed)}._input_yfym3_8[aria-checked=true]:not([disabled]):hover{--backgroundColor: var(--components-colors-radio-indicator-color-background-hover);--borderColor: var(--components-colors-radio-indicator-color-background-hover)}._input_yfym3_8[aria-checked=true][disabled]{--backgroundColor: var(--components-colors-radio-indicator-color-background-disabled)}._label-with-hint_yfym3_77{display:flex;flex-direction:column}._hint_yfym3_81{margin-top:0}}

package/dist/Radio.js

@@ -1,63 +1,62 @@
 "use client";
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { R as f } from "./SQZLCNLX-cijaITUa.js";
+import './Radio.css';
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { R as y } from "./SQZLCNLX-Dg4KKdNJ.js";
 import { forwardRef as u } from "react";
-import { Hint as y } from "./Hint.js";
-import { Label as w } from "./Label.js";
-import { c as b } from "./index-PAaZGbyz.js";
-const v = "_root_1xy64_2", N = "_input_1xy64_8", R = "_disabled_1xy64_34", g = "_hint_1xy64_69", $ = {
-  root: v,
-  "input-wrapper": "_input-wrapper_1xy64_8",
-  input: N,
-  disabled: R,
-  "variant-danger": "_variant-danger_1xy64_38",
-  "variant-warning": "_variant-warning_1xy64_41",
-  "label-with-hint": "_label-with-hint_1xy64_65",
-  hint: g
-}, a = b($), j = u(
+import { Hint as w } from "./Hint.js";
+import { Label as N } from "./Label.js";
+import { c as v } from "./index-PAaZGbyz.js";
+const R = "_root_yfym3_2", b = "_input_yfym3_8", x = "_hint_yfym3_81", $ = {
+  root: R,
+  "input-wrapper": "_input-wrapper_yfym3_8",
+  input: b,
+  "variant-danger": "_variant-danger_yfym3_47",
+  "label-with-hint": "_label-with-hint_yfym3_77",
+  hint: x
+}, t = v($), g = u(
   ({
-    className: _,
+    className: e,
     dataTestId: i,
-    disabled: n,
-    hint: o,
-    label: s,
+    disabled: p,
+    hint: n,
+    label: a,
     onChange: l,
-    onClick: e,
+    onClick: s,
     value: c,
-    variant: p = "default",
-    ...m
-  }, h) => {
-    const x = (r) => {
-      r.stopPropagation(), e && e(r), l && l(r);
+    variant: d = "default",
+    ..._
+  }, f) => {
+    const h = (o) => {
+      o.stopPropagation(), s && s(o), l && l(o);
     };
-    return /* @__PURE__ */ d(w, { className: a("root", _), onClick: x, children: [
-      /* @__PURE__ */ t("div", { className: a("input-wrapper"), children: /* @__PURE__ */ t(
-        f,
+    return /* @__PURE__ */ m(N, { className: t("root", e), onClick: h, children: [
+      /* @__PURE__ */ r("div", { className: t("input-wrapper"), children: /* @__PURE__ */ r(
+        y,
         {
-          "aria-label": s,
-          className: a("input", `variant-${p}`, n && "disabled"),
+          "aria-label": a,
+          className: t("input", `variant-${d}`),
           "data-testid": i,
-          disabled: n,
-          ref: h,
+          disabled: p,
+          ref: f,
           value: c,
-          ...m
+          ..._
         }
       ) }),
-      /* @__PURE__ */ d("div", { className: a("label-with-hint"), children: [
-        /* @__PURE__ */ t("div", { "data-testid": i ? `${i}-label` : void 0, children: s }),
-        o ? /* @__PURE__ */ t(
-          y,
+      a ? /* @__PURE__ */ m("div", { className: t("label-with-hint"), children: [
+        /* @__PURE__ */ r("div", { "data-testid": i ? `${i}-label` : void 0, children: a }),
+        n ? /* @__PURE__ */ r(
+          w,
           {
-            className: a("hint"),
+            className: t("hint"),
             "data-testid": i ? `${i}-hint` : void 0,
-            children: o
+            children: n
           }
         ) : null
-      ] })
+      ] }) : null
     ] });
   }
 );
-j.displayName = "Radio";
+g.displayName = "Radio";
 export {
-  j as Radio
+  g as Radio
 };

package/dist/RadioGroup.css

@@ -1 +1 @@
-@layer components{._root_v6e2n_2{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}}
+@layer components{._root_17iu3_2{display:flex;flex-wrap:wrap;gap:var(--border-radius-lg)}}

package/dist/RadioGroup.js

@@ -1,56 +1,57 @@
 "use client";
+import './RadioGroup.css';
 import { jsx as n } from "react/jsx-runtime";
-import { c as G, u as P } from "./B7UTNDHN-C-gORHYH.js";
-import { c as $, b, d as x, u as L } from "./RTNCFSKZ-P4icqVD0.js";
-import { F as j, G as d, H as m, I as c } from "./OE2EFRVA-C3721cM3.js";
-import { FieldGroup as y } from "./FieldGroup.js";
-import { Radio as F } from "./Radio.js";
-import { c as N } from "./index-PAaZGbyz.js";
+import { c as G, u as P } from "./B7UTNDHN-BghjolIs.js";
+import { c as $, u as b, a as x, b as y } from "./RTNCFSKZ-BywELldk.js";
+import { M as L, A as d, z as p, B as i } from "./OE2EFRVA-Dg1R6gaC.js";
+import { FieldGroup as N } from "./FieldGroup.js";
+import { Radio as j } from "./Radio.js";
+import { c as k } from "./index-PAaZGbyz.js";
 import "react";
-function k(t = {}) {
-  var e = j(t, []), a;
-  const r = (a = e.store) == null ? void 0 : a.getState(), s = G(d(c({}, e), {
-    focusLoop: m(e.focusLoop, r == null ? void 0 : r.focusLoop, !0)
-  })), i = d(c({}, s.getState()), {
-    value: m(
+function z(t = {}) {
+  var e = L(t, []), a;
+  const r = (a = e.store) == null ? void 0 : a.getState(), s = G(d(i({}, e), {
+    focusLoop: p(e.focusLoop, r == null ? void 0 : r.focusLoop, !0)
+  })), c = d(i({}, s.getState()), {
+    value: p(
       e.value,
       r == null ? void 0 : r.value,
       e.defaultValue,
       null
     )
-  }), u = $(i, s, e.store);
-  return d(c(c({}, s), u), {
+  }), u = $(c, s, e.store);
+  return d(i(i({}, s), u), {
     setValue: (l) => u.setState("value", l)
   });
 }
-function H(t, e, a) {
+function A(t, e, a) {
   return t = P(t, e, a), x(t, a, "value", "setValue"), t;
 }
-function O(t = {}) {
-  const [e, a] = b(k, t);
-  return H(e, a, t);
+function B(t = {}) {
+  const [e, a] = b(z, t);
+  return A(e, a, t);
 }
-const g = "_root_v6e2n_2", q = {
-  root: g
-}, w = N(q), K = ({
+const F = "_root_17iu3_2", M = {
+  root: F
+}, O = k(M), g = ({
   className: t,
   dataTestId: e,
   disabled: a,
   hideLabel: r,
   id: s,
-  label: i,
+  label: c,
   name: u,
   onChange: l,
-  options: p = [],
-  renderOption: f = F,
+  options: v = [],
+  renderOption: f = j,
   required: S,
   value: _,
   ...V
 }) => {
-  const v = O({ defaultValue: _ }), R = L(v, "value"), h = (o) => {
-    a || (v.setValue(o), l == null || l(o));
+  const m = B({ defaultValue: _ }), R = y(m, "value"), h = (o) => {
+    a || (m.setValue(o), l == null || l(o));
   };
-  return /* @__PURE__ */ n(y, { "data-testid": e, hideLabel: r, label: i, required: S, children: /* @__PURE__ */ n("div", { className: w("root", t), children: p.map((o) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(N, { "data-testid": e, hideLabel: r, label: c, required: S, children: /* @__PURE__ */ n("div", { className: O("root", t), children: v.map((o) => /* @__PURE__ */ n(
     f,
     {
       checked: o.value === R,
@@ -67,6 +68,7 @@ const g = "_root_v6e2n_2", q = {
     o.value
   )) }) });
 };
+g.displayName = "RadioGroup";
 export {
-  K as RadioGroup
+  g as RadioGroup
 };

package/dist/RadioTab.css

@@ -1 +1 @@
-@layer components{._label_zrrw4_2{transition:var(--duration-medium);padding-top:0;padding-bottom:0}._label_zrrw4_2:not(._checked_zrrw4_7):not(:disabled):not([aria-disabled]){border-color:var(--color-neutral-30)}._label_zrrw4_2:not(._checked_zrrw4_7):not(:disabled):not([aria-disabled]):hover{background-color:var(--color-neutral-30)}._label_zrrw4_2:not(._checked_zrrw4_7):not(:disabled):not([aria-disabled]):focus,._label_zrrw4_2:not(._checked_zrrw4_7):not(:disabled):not([aria-disabled]):active{background-color:var(--color-neutral-50)}._input-wrapper_zrrw4_16{flex-shrink:0;position:relative}._input_zrrw4_16{position:absolute;top:0;left:0;opacity:0}._content_zrrw4_26{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}
+@layer components{._label_12uyi_2{transition:var(--duration-medium);padding-top:0;padding-bottom:0}._label_12uyi_2:not(._checked_12uyi_7):not(:disabled):not([aria-disabled]){border-color:var(--components-colors-radio-color-border-unchecked-default)}._label_12uyi_2:not(._checked_12uyi_7):not(:disabled):not([aria-disabled]):hover{background-color:var(--components-colors-radio-color-border-unchecked-default)}._label_12uyi_2:not(._checked_12uyi_7):not(:disabled):not([aria-disabled]):focus,._label_12uyi_2:not(._checked_12uyi_7):not(:disabled):not([aria-disabled]):active{background-color:var(--color-icon-neutral-subtlest)}._input-wrapper_12uyi_16{flex-shrink:0;position:relative}._input_12uyi_16{position:absolute;top:0;left:0;opacity:0}._content_12uyi_26{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}