welcome-ui 0.0.0-dev.1764249770432 → 0.0.0-dev.1764262668434

package/dist/Popover.js

@@ -1,37 +1,35 @@
 "use client";
-import './Popover.css';
-import { jsx as r, jsxs as w } from "react/jsx-runtime";
+import { jsx as r, jsxs as _ } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-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 { 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 { f as p } from "./forwardRefWithAs-8eP3ZN15.js";
-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 = {
+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 = {
   root: j,
-  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(
+  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__ */ _(
     "svg",
     {
-      className: u("arrow-item", o && `placement-${o}`),
+      className: m("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" }),
@@ -39,26 +37,30 @@ const u = a(l), b = ({ store: t }) => {
       ]
     }
   ) });
-};
-b.displayName = "Popover.Arrow";
-const d = a(l), v = ({ children: t, className: e, onClose: o, store: n }) => {
+}, u = l(a), v = ({ children: t, className: e, onClose: o, store: n }) => {
   const s = () => {
     o && o(), n == null || n.hide();
   }, { withCloseButton: c } = n;
-  return /* @__PURE__ */ w("div", { className: d("content-wrapper", e), children: [
-    /* @__PURE__ */ r(b, { store: n }),
+  return /* @__PURE__ */ _("div", { className: u("content-wrapper", e), children: [
+    /* @__PURE__ */ r(R, { store: n }),
     t,
-    c ? /* @__PURE__ */ r(N, { className: d("close-button"), onClick: s, size: "sm", variant: "secondary", children: /* @__PURE__ */ r(k, { name: "times" }) }) : null
+    c ? /* @__PURE__ */ r(
+      w,
+      {
+        className: u("close-button"),
+        onClick: s,
+        shape: "square",
+        size: "xs",
+        variant: "secondary",
+        children: /* @__PURE__ */ r(f, {})
+      }
+    ) : null
   ] });
-};
-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(
+}, z = l(a), h = i(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r("h6", { className: z("title", t), ref: o, ...e })
+), k = p(
   ({ as: t, className: e, store: o, ...n }, s) => /* @__PURE__ */ r(
-    H,
+    $,
     {
       className: e,
       ref: s,
@@ -67,11 +69,9 @@ const P = p(
       ...n
     }
   )
-);
-P.displayName = "Popover.Trigger";
-const f = p(
+), y = p(
   ({ as: t, className: e, store: o, ...n }, s) => /* @__PURE__ */ r(
-    x,
+    C,
     {
       className: e,
       ref: s,
@@ -80,15 +80,13 @@ const f = p(
       ...n
     }
   )
-);
-f.displayName = "Popover.HoverTrigger";
-const W = a(l), h = p(
+), A = l(a), M = p(
   ({ children: t, onClose: e, store: o, ...n }, s) => {
     const { withCloseButton: c } = o;
     return /* @__PURE__ */ r(
-      y,
+      b,
       {
-        className: W("root", c && "with-close-button"),
+        className: A("root", c && "with-close-button"),
         store: o,
         ...n,
         ref: s,
@@ -96,39 +94,37 @@ const W = a(l), h = p(
       }
     );
   }
-);
-h.displayName = "PopoverHover";
-const Q = Object.assign(h, {
-  Content: m,
-  Title: _,
-  Trigger: f
-}), U = ({
+), U = Object.assign(M, {
+  Content: d,
+  Title: h,
+  Trigger: y
+}), V = ({
   withCloseButton: t = !1,
   ...e
 } = {}) => ({
-  ...T({
+  ...x({
     ...e
   }),
   withCloseButton: t
-}), V = ({
+}), X = ({
   hideTimeout: t = 300,
   showTimeout: e = 500,
   withCloseButton: o = !1,
   ...n
 } = {}) => ({
-  ...$({
+  ...H({
     hideTimeout: t,
     showTimeout: e,
     ...n
   }),
   withCloseButton: o
-}), M = a(l), g = i(
+}), O = l(a), W = i(
   ({ children: t, onClose: e, store: o, ...n }, s) => {
     const { withCloseButton: c } = o;
     return /* @__PURE__ */ r(
-      S,
+      N,
       {
-        className: M("root", c && "with-close-button"),
+        className: O("root", c && "with-close-button"),
         ref: s,
         store: o,
         ...n,
@@ -136,16 +132,14 @@ const Q = Object.assign(h, {
       }
     );
   }
-);
-g.displayName = "Popover";
-const X = Object.assign(g, {
-  Content: m,
-  Title: _,
-  Trigger: P
+), Y = Object.assign(W, {
+  Content: d,
+  Title: h,
+  Trigger: k
 });
 export {
-  X as Popover,
-  Q as PopoverHover,
-  U as usePopover,
-  V as usePopoverHover
+  Y as Popover,
+  U as PopoverHover,
+  V as usePopover,
+  X as usePopoverHover
 };

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

@@ -1,9 +1,9 @@
 "use client";
-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 { 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 * as I from "react";
-import Q from "react";
+import X from "react";
 import { g as _t } from "./index-PAaZGbyz.js";
-function A(t, n) {
+function T(t, n) {
   const e = t.__unstableInternals;
   return ot(e, "Invalid store"), e[n];
 }
@@ -33,24 +33,24 @@ function W(t, ...n) {
             });
         })
       )
-    ), T = [];
+    ), A = [];
     for (const L of v)
-      T.push(L());
-    const q = n.map(Z);
-    return o = F(...w, ...T, ...q), b;
+      A.push(L());
+    const B = n.map(Z);
+    return o = F(...w, ...A, ...B), 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), 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) => {
+  }), 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) => {
     var w;
     if (!C(e, s)) return;
-    const T = it(r, e[s]);
-    if (T === e[s]) return;
+    const A = it(r, e[s]);
+    if (A === e[s]) return;
     if (!b)
       for (const h of n)
-        (w = h == null ? void 0 : h.setState) == null || w.call(h, s, T);
-    const q = e;
-    e = ct(ft({}, e), { [s]: T });
+        (w = h == null ? void 0 : h.setState) == null || w.call(h, s, A);
+    const B = e;
+    e = ct(ft({}, e), { [s]: A });
     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, q);
+      V(h, B);
     queueMicrotask(() => {
       if (a !== L) return;
       const h = e;
@@ -74,8 +74,8 @@ function W(t, ...n) {
       setup: g,
       init: x,
       subscribe: R,
-      sync: B,
-      batch: N,
+      sync: M,
+      batch: q,
       pick: S,
       omit: f
     }
@@ -84,33 +84,33 @@ function W(t, ...n) {
 }
 function Rt(t, ...n) {
   if (t)
-    return A(t, "setup")(...n);
+    return T(t, "setup")(...n);
 }
 function Z(t, ...n) {
   if (t)
-    return A(t, "init")(...n);
+    return T(t, "init")(...n);
 }
 function k(t, ...n) {
   if (t)
-    return A(t, "subscribe")(...n);
+    return T(t, "subscribe")(...n);
 }
 function tt(t, ...n) {
   if (t)
-    return A(t, "sync")(...n);
+    return T(t, "sync")(...n);
 }
 function ht(t, ...n) {
   if (t)
-    return A(t, "batch")(...n);
+    return T(t, "batch")(...n);
 }
 function Vt(t, ...n) {
   if (t)
-    return A(t, "omit")(...n);
+    return T(t, "omit")(...n);
 }
-function At(t, ...n) {
+function Tt(t, ...n) {
   if (t)
-    return A(t, "pick")(...n);
+    return T(t, "pick")(...n);
 }
-function Tt(...t) {
+function At(...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: {} }, K = {}, Y;
+var j = { exports: {} }, G = {}, Y;
 function mt() {
-  if (Y) return K;
+  if (Y) return G;
   Y = 1;
-  var t = Q;
+  var t = X;
   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 K.useSyncExternalStore = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : _, K;
+  return G.useSyncExternalStore = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : _, G;
 }
-var M = {}, X;
+var K = {}, J;
 function Et() {
-  return X || (X = 1, process.env.NODE_ENV !== "production" && function() {
+  return J || (J = 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 = Q, n = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var t = X, 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, 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 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 J;
+var Q;
 function gt() {
-  return J || (J = 1, process.env.NODE_ENV === "production" ? j.exports = mt() : j.exports = Et()), j.exports;
+  return Q || (Q = 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 });
-  G(() => tt(t, [e], (c, v) => {
+  N(() => tt(t, [e], (c, v) => {
     const { value: m, setValue: _ } = u.current;
     _ && c[e] !== v[e] && c[e] !== m && _(c[e]);
-  }), [t, e]), G(() => {
+  }), [t, e]), N(() => {
     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));
-  G(() => Z(e), [e]);
+  N(() => Z(e), [e]);
   const a = I.useCallback(
     (c) => yt(e, c),
     [e]
@@ -329,18 +329,18 @@ function Ut(t, n) {
   return [o, u];
 }
 export {
-  Ct as a,
-  yt as b,
+  tt as a,
+  Ut as b,
   W as c,
-  tt as d,
+  Ct as d,
   k as e,
   ht as f,
   It as g,
   Z as i,
-  Tt as m,
+  At as m,
   Vt as o,
-  At as p,
+  Tt as p,
   Rt as s,
   Dt as t,
-  Ut as u
+  yt as u
 };

package/dist/Radio.css

@@ -1 +1 @@
-@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}}
+@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}}

package/dist/Radio.js

@@ -1,62 +1,63 @@
 "use client";
-import './Radio.css';
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { R as y } from "./SQZLCNLX-Dg4KKdNJ.js";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { R as f } from "./SQZLCNLX-cijaITUa.js";
 import { forwardRef as u } from "react";
-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(
+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(
   ({
-    className: e,
+    className: _,
     dataTestId: i,
-    disabled: p,
-    hint: n,
-    label: a,
+    disabled: n,
+    hint: o,
+    label: s,
     onChange: l,
-    onClick: s,
+    onClick: e,
     value: c,
-    variant: d = "default",
-    ..._
-  }, f) => {
-    const h = (o) => {
-      o.stopPropagation(), s && s(o), l && l(o);
+    variant: p = "default",
+    ...m
+  }, h) => {
+    const x = (r) => {
+      r.stopPropagation(), e && e(r), l && l(r);
     };
-    return /* @__PURE__ */ m(N, { className: t("root", e), onClick: h, children: [
-      /* @__PURE__ */ r("div", { className: t("input-wrapper"), children: /* @__PURE__ */ r(
-        y,
+    return /* @__PURE__ */ d(w, { className: a("root", _), onClick: x, children: [
+      /* @__PURE__ */ t("div", { className: a("input-wrapper"), children: /* @__PURE__ */ t(
+        f,
         {
-          "aria-label": a,
-          className: t("input", `variant-${d}`),
+          "aria-label": s,
+          className: a("input", `variant-${p}`, n && "disabled"),
           "data-testid": i,
-          disabled: p,
-          ref: f,
+          disabled: n,
+          ref: h,
           value: c,
-          ..._
+          ...m
         }
       ) }),
-      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,
+      /* @__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,
           {
-            className: t("hint"),
+            className: a("hint"),
             "data-testid": i ? `${i}-hint` : void 0,
-            children: n
+            children: o
           }
         ) : null
-      ] }) : null
+      ] })
     ] });
   }
 );
-g.displayName = "Radio";
+j.displayName = "Radio";
 export {
-  g as Radio
+  j as Radio
 };

package/dist/RadioGroup.css

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

package/dist/RadioGroup.js

@@ -1,57 +1,56 @@
 "use client";
-import './RadioGroup.css';
 import { jsx as n } from "react/jsx-runtime";
-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 { 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 "react";
-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(
+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(
       e.value,
       r == null ? void 0 : r.value,
       e.defaultValue,
       null
     )
-  }), u = $(c, s, e.store);
-  return d(i(i({}, s), u), {
+  }), u = $(i, s, e.store);
+  return d(c(c({}, s), u), {
     setValue: (l) => u.setState("value", l)
   });
 }
-function A(t, e, a) {
+function H(t, e, a) {
   return t = P(t, e, a), x(t, a, "value", "setValue"), t;
 }
-function B(t = {}) {
-  const [e, a] = b(z, t);
-  return A(e, a, t);
+function O(t = {}) {
+  const [e, a] = b(k, t);
+  return H(e, a, t);
 }
-const F = "_root_17iu3_2", M = {
-  root: F
-}, O = k(M), g = ({
+const g = "_root_v6e2n_2", q = {
+  root: g
+}, w = N(q), K = ({
   className: t,
   dataTestId: e,
   disabled: a,
   hideLabel: r,
   id: s,
-  label: c,
+  label: i,
   name: u,
   onChange: l,
-  options: v = [],
-  renderOption: f = j,
+  options: p = [],
+  renderOption: f = F,
   required: S,
   value: _,
   ...V
 }) => {
-  const m = B({ defaultValue: _ }), R = y(m, "value"), h = (o) => {
-    a || (m.setValue(o), l == null || l(o));
+  const v = O({ defaultValue: _ }), R = L(v, "value"), h = (o) => {
+    a || (v.setValue(o), l == null || l(o));
   };
-  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(
+  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(
     f,
     {
       checked: o.value === R,
@@ -68,7 +67,6 @@ const F = "_root_17iu3_2", M = {
     o.value
   )) }) });
 };
-g.displayName = "RadioGroup";
 export {
-  g as RadioGroup
+  K as RadioGroup
 };

package/dist/RadioTab.css

@@ -1 +1 @@
-@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%}}
+@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%}}