welcome-ui 10.0.0-alpha.1 → 10.0.0-alpha.11

package/dist/Popover.js

@@ -1,34 +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 a } from "./index-CdiHdiVB.js";
-import { Button as h } from "./Button.js";
-import { Icon as b } from "./Icon.js";
-import { u as d } from "./RTNCFSKZ-qpPg689E.js";
-import { P, f as g, g as k, h as q, i as x, j as C } from "./GVVKDT6A-bET6V7Py.js";
-import { f as m } from "./forwardRefWithAs-8eP3ZN15.js";
-import { P as H } from "./4I4MLMKD-BLxAidnq.js";
-const N = "_root_kqbt9_2", $ = "_title_kqbt9_15", j = "_content_kqbt9_27", S = "_arrow_kqbt9_41", l = {
-  root: N,
-  title: $,
+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 { 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: B,
   "with-close-button": "_with-close-button_kqbt9_24",
   "content-wrapper": "_content-wrapper_kqbt9_27",
-  content: j,
+  content: L,
   "close-button": "_close-button_kqbt9_34",
-  arrow: S,
+  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"
-}, T = a(l), v = i(
-  ({ className: o, ...e }, t) => /* @__PURE__ */ r("div", { className: T("content", o), ref: t, ...e })
-), p = a(l), B = ({ store: o }) => {
-  const e = d(o, "currentPlacement"), [t] = e.split("-");
-  return /* @__PURE__ */ r(P, { className: p("arrow"), store: o, children: /* @__PURE__ */ _(
+}, 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: p("arrow-item", t && `placement-${t}`),
+      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" }),
@@ -36,95 +39,109 @@ const N = "_root_kqbt9_2", $ = "_title_kqbt9_15", j = "_content_kqbt9_27", S = "
       ]
     }
   ) });
-}, u = a(l), w = ({ children: o, className: e, onClose: t, store: n }) => {
-  const c = () => {
-    t && t(), n == null || n.hide();
-  }, { withCloseButton: s } = n;
-  return /* @__PURE__ */ _("div", { className: u("content-wrapper", e), children: [
-    /* @__PURE__ */ r(B, { store: n }),
-    o,
-    s ? /* @__PURE__ */ r(h, { className: u("close-button"), onClick: c, size: "sm", variant: "secondary", children: /* @__PURE__ */ r(b, { name: "times" }) }) : null
+};
+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__ */ w("div", { className: d("content-wrapper", e), children: [
+    /* @__PURE__ */ r(b, { store: n }),
+    t,
+    c ? /* @__PURE__ */ r(N, { className: d("close-button"), onClick: s, size: "sm", variant: "secondary", children: /* @__PURE__ */ r(k, { name: "times" }) }) : null
   ] });
-}, L = a(l), f = i(
-  ({ className: o, ...e }, t) => /* @__PURE__ */ r("h6", { className: L("title", o), ref: t, ...e })
-), R = m(
-  ({ as: o, className: e, store: t, ...n }, c) => /* @__PURE__ */ r(
+};
+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: c,
-      render: o ? (s) => /* @__PURE__ */ r(o, { ...s }) : void 0,
-      store: t,
+      ref: s,
+      render: t ? (c) => /* @__PURE__ */ r(t, { ...c }) : void 0,
+      store: o,
       ...n
     }
   )
-), z = m(
-  ({ as: o, className: e, store: t, ...n }, c) => /* @__PURE__ */ r(
-    g,
+);
+P.displayName = "Popover.Trigger";
+const f = p(
+  ({ as: t, className: e, store: o, ...n }, s) => /* @__PURE__ */ r(
+    x,
     {
       className: e,
-      ref: c,
-      render: o ? (s) => /* @__PURE__ */ r(o, { ...s }) : void 0,
-      store: t,
+      ref: s,
+      render: t ? (c) => /* @__PURE__ */ r(t, { ...c }) : void 0,
+      store: o,
       ...n
     }
   )
-), y = a(l), A = m(
-  ({ children: o, onClose: e, store: t, ...n }, c) => {
-    const { withCloseButton: s } = t;
+);
+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(
-      k,
+      y,
       {
-        className: y("root", s && "with-close-button"),
-        store: t,
+        className: W("root", c && "with-close-button"),
+        store: o,
         ...n,
-        ref: c,
-        children: /* @__PURE__ */ r(w, { onClose: e, store: t, children: o })
+        ref: s,
+        children: /* @__PURE__ */ r(v, { onClose: e, store: o, children: t })
       }
     );
   }
-), Q = Object.assign(A, {
-  Content: v,
-  Title: f,
-  Trigger: z
+);
+h.displayName = "PopoverHover";
+const Q = Object.assign(h, {
+  Content: m,
+  Title: _,
+  Trigger: f
 }), U = ({
-  withCloseButton: o = !1,
+  withCloseButton: t = !1,
   ...e
 } = {}) => ({
-  ...q({
+  ...T({
     ...e
   }),
-  withCloseButton: o
+  withCloseButton: t
 }), V = ({
-  hideTimeout: o = 300,
+  hideTimeout: t = 300,
   showTimeout: e = 500,
-  withCloseButton: t = !1,
+  withCloseButton: o = !1,
   ...n
 } = {}) => ({
-  ...x({
-    hideTimeout: o,
+  ...$({
+    hideTimeout: t,
     showTimeout: e,
     ...n
   }),
-  withCloseButton: t
-}), M = a(l), O = i(
-  ({ children: o, onClose: e, store: t, ...n }, c) => {
-    const { withCloseButton: s } = t;
+  withCloseButton: o
+}), M = a(l), g = i(
+  ({ children: t, onClose: e, store: o, ...n }, s) => {
+    const { withCloseButton: c } = o;
     return /* @__PURE__ */ r(
-      C,
+      S,
       {
-        className: M("root", s && "with-close-button"),
-        ref: c,
-        store: t,
+        className: M("root", c && "with-close-button"),
+        ref: s,
+        store: o,
         ...n,
-        children: /* @__PURE__ */ r(w, { onClose: e, store: t, children: o })
+        children: /* @__PURE__ */ r(v, { onClose: e, store: o, children: t })
       }
     );
   }
-), X = Object.assign(O, {
-  Content: v,
-  Title: f,
-  Trigger: R
+);
+g.displayName = "Popover";
+const X = Object.assign(g, {
+  Content: m,
+  Title: _,
+  Trigger: P
 });
 export {
   X as Popover,

package/dist/{RTNCFSKZ-qpPg689E.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 { g as _t } from "./index-CdiHdiVB.js";
-function T(t, n) {
+import Q from "react";
+import { g as _t } from "./index-PAaZGbyz.js";
+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_b4f3u_2{display:flex;align-items:flex-start;gap:var(--components-dimensions-radio-indicator-size);flex-direction:row}._input-wrapper_b4f3u_8{flex-shrink:0;position:relative;align-items:center;display:flex;align-self:flex-start}._input_b4f3u_8{border-radius:var(--components-dimensions-radio-indicator-border-radius);order:-1;position:relative;outline:none;padding:0;transition:var(--duration-medium) var(--timing-primary);border-style:solid;border-width: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);height:var(--components-dimensions-radio-size);width:var(--components-dimensions-radio-size);margin-top:var(--border-radius-sm);cursor:var(--inputCursor, pointer)}._input_b4f3u_8:hover{--borderColor: var(--components-colors-radio-color-border-unchecked-hover)}._input_b4f3u_8._disabled_b4f3u_34{background-color:var(--components-colors-radio-indicator-color-background-disabled);--inputCursor: not-allowed}._input_b4f3u_8._variant-danger_b4f3u_38{--borderColor: var(--color-background-danger-strongest)}._input_b4f3u_8._variant-warning_b4f3u_41{--borderColor: var(--color-background-warning-stronger)}._input_b4f3u_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-unchecked));left:calc((var(--components-dimensions-radio-size) - var(--components-dimensions-radio-indicator-size)) / 2 - var(--components-dimensions-radio-border-width-unchecked));transition:var(--duration-medium);background-color:var(--backgroundColor, transparent)}._input_b4f3u_8[aria-checked=true]:not([disabled]){--borderColor: var(--components-colors-radio-indicator-color-background-default);color:var(--color-background-neutral-primary-fixed)}._input_b4f3u_8[aria-checked=true][disabled]:after{--backgroundColor: var(--components-colors-radio-indicator-color-background-hover)}._input_b4f3u_8[aria-checked=true]:after{--backgroundColor: var(--components-colors-radio-indicator-color-background-default)}._label-with-hint_b4f3u_67{display:flex;flex-direction:column}._hint_b4f3u_71{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 b } from "./SQZLCNLX-CHDXnZ16.js";
-import { forwardRef as h } from "react";
+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 w } from "./Hint.js";
-import { Label as v } from "./Label.js";
-import { c as N } from "./index-CdiHdiVB.js";
-const R = "_root_b4f3u_2", g = "_input_b4f3u_8", x = "_disabled_b4f3u_34", $ = "_hint_b4f3u_71", j = {
+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_b4f3u_8",
-  input: g,
-  disabled: x,
-  "variant-danger": "_variant-danger_b4f3u_38",
-  "variant-warning": "_variant-warning_b4f3u_41",
-  "label-with-hint": "_label-with-hint_b4f3u_67",
-  hint: $
-}, a = N(j), y = h(
+  "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",
-    ...f
-  }, m) => {
-    const u = (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(v, { className: a("root", _), onClick: u, children: [
-      /* @__PURE__ */ t("div", { className: a("input-wrapper"), children: /* @__PURE__ */ t(
-        b,
+    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: m,
+          disabled: p,
+          ref: f,
           value: c,
-          ...f
+          ..._
         }
       ) }),
-      /* @__PURE__ */ d("div", { className: a("label-with-hint"), children: [
-        /* @__PURE__ */ t("div", { "data-testid": i ? `${i}-label` : void 0, children: s }),
-        o ? /* @__PURE__ */ t(
+      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
     ] });
   }
 );
-y.displayName = "Radio";
+g.displayName = "Radio";
 export {
-  y as Radio
+  g as Radio
 };

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-BlIblHCu.js";
-import { c as $, b, d as x, u as L } from "./RTNCFSKZ-qpPg689E.js";
-import { F as j, G as d, H as v, 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-CdiHdiVB.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: v(e.focusLoop, r == null ? void 0 : r.focusLoop, !0)
-  })), i = d(c({}, s.getState()), {
-    value: v(
+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_17iu3_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 m = O({ defaultValue: _ }), R = L(m, "value"), h = (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_17iu3_2", q = {
     o.value
   )) }) });
 };
+g.displayName = "RadioGroup";
 export {
-  K as RadioGroup
+  g as RadioGroup
 };

package/dist/RadioTab.js

@@ -1,9 +1,10 @@
 "use client";
+import './RadioTab.css';
 import { jsxs as u, jsx as a } from "react/jsx-runtime";
-import { R as _ } from "./SQZLCNLX-CHDXnZ16.js";
+import { R as _ } from "./SQZLCNLX-Dg4KKdNJ.js";
 import { forwardRef as d } from "react";
 import { Button as y } from "./Button.js";
-import { c as f } from "./index-CdiHdiVB.js";
+import { c as f } from "./index-PAaZGbyz.js";
 const b = "_label_12uyi_2", N = "_checked_12uyi_7", h = "_input_12uyi_16", R = "_content_12uyi_26", v = {
   label: b,
   checked: N,