welcome-ui 8.0.0 → 8.1.0-alpha.1

package/dist/Radio.mjs

@@ -1,22 +1,22 @@
 "use client";
-import t from "react";
-import o, { css as g, th as i, system as x } from "@xstyled/styled-components";
-import { d as $ } from "./field-styles-DLIhqG_8.mjs";
-import { shouldForwardProp as k, forwardRef as w } from "./System.mjs";
-import { Label as y } from "./Label.mjs";
-import { R as E } from "./NLEBE274-C94QU78N.mjs";
-import { Hint as R } from "./Hint.mjs";
-const C = o(E).withConfig({ shouldForwardProp: k })(
-  ({ order: e = "-1", size: r, variant: a }) => g`
-    ${$({ size: r, variant: a })};
-    ${i("radios.default")}
+import { j as t } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { Hint as b } from "./Hint.mjs";
+import { shouldForwardProp as $, forwardRef as g } from "./System.mjs";
+import o, { th as r, system as j, css as k } from "@xstyled/styled-components";
+import { Label as w } from "./Label.mjs";
+import { d as y } from "./field-styles-BVlRlvuu.mjs";
+import { R } from "./NLEBE274-oSxMftGy.mjs";
+const v = o(R).withConfig({ shouldForwardProp: $ })(
+  ({ order: i = "-1", size: e, variant: s }) => k`
+    ${y({ size: e, variant: s })};
+    ${r("radios.default")}
     position: relative;
     padding: 0;
-    order: ${e};
+    order: ${i};
     cursor: pointer;
     border-radius: 50%;
     transition: medium;
-    ${x};
+    ${j};
 
     &::after {
       content: '';
@@ -32,30 +32,30 @@ const C = o(E).withConfig({ shouldForwardProp: k })(
 
     &[aria-checked='true'] {
       &:not([disabled]) {
-        ${i("radios.checked")};
+        ${r("radios.checked")};
       }
 
       &[disabled] {
         &::after {
-          background-color: ${i("radios.checkedCenteredColor.disabled")};
+          background-color: ${r("radios.checkedCenteredColor.disabled")};
         }
       }
 
       &::after {
-        background-color: ${i("radios.checkedCenteredColor.default")};
+        background-color: ${r("radios.checkedCenteredColor.default")};
       }
     }
   `
-), L = o(y)`
+), L = o(w)`
   max-width: 100%;
   /** we need to reset margin-bottom from Label component */
   margin-bottom: 0 !important;
-`, v = o.divBox`
+`, F = o.divBox`
   flex-shrink: 0;
   position: relative;
   align-items: center;
   display: flex;
-`, F = o.divBox`
+`, B = o.divBox`
   display: flex;
   align-items: flex-start;
   gap: sm;
@@ -63,54 +63,60 @@ const C = o(E).withConfig({ shouldForwardProp: k })(
   input {
     margin-top: xs;
   }
-`, B = o.div`
+`, D = o.div`
   display: flex;
   flex-direction: column;
-`, D = w(
+`, H = g(
   ({
-    dataTestId: e,
-    disabled: r,
-    disabledIcon: a,
-    flexDirection: f,
-    hint: l,
-    label: d,
-    maxWidth: p,
-    onChange: s,
-    onClick: c,
+    dataTestId: i,
+    disabled: e,
+    disabledIcon: s,
+    flexDirection: p,
+    hint: n,
+    label: c,
+    maxWidth: f,
+    onChange: d,
+    onClick: a,
     variant: m,
     ...u
-  }, b) => {
-    const h = (n) => {
-      n.stopPropagation(), c && c(n), s && s(n);
+  }, x) => {
+    const h = (l) => {
+      l.stopPropagation(), a == null || a(l), d == null || d(l);
     };
-    return /* @__PURE__ */ t.createElement(
+    return /* @__PURE__ */ t.jsx(
       L,
       {
         alignItems: "flex-start",
         checkableField: !0,
-        disabled: r,
-        disabledIcon: a,
+        disabled: e,
+        disabledIcon: s,
         flexDirection: "column",
-        maxWidth: p,
+        maxWidth: f,
         onClick: h,
         variant: m,
-        withDisabledIcon: !1
-      },
-      /* @__PURE__ */ t.createElement(F, { flexDirection: f }, /* @__PURE__ */ t.createElement(v, null, /* @__PURE__ */ t.createElement(
-        C,
-        {
-          "data-testid": e,
-          disabled: r,
-          label: d,
-          ref: b,
-          variant: m,
-          ...u
-        }
-      )), /* @__PURE__ */ t.createElement(B, null, /* @__PURE__ */ t.createElement("div", { "data-testid": e ? `${e}-label` : void 0 }, d), l && /* @__PURE__ */ t.createElement(R, { "data-testid": e ? `${e}-hint` : void 0, mt: "0" }, l)))
+        withDisabledIcon: !1,
+        children: /* @__PURE__ */ t.jsxs(B, { flexDirection: p, children: [
+          /* @__PURE__ */ t.jsx(F, { children: /* @__PURE__ */ t.jsx(
+            v,
+            {
+              "data-testid": i,
+              disabled: e,
+              label: c,
+              ref: x,
+              variant: m,
+              ...u
+            }
+          ) }),
+          /* @__PURE__ */ t.jsxs(D, { children: [
+            /* @__PURE__ */ t.jsx("div", { "data-testid": i ? `${i}-label` : void 0, children: c }),
+            n && /* @__PURE__ */ t.jsx(b, { "data-testid": i ? `${i}-hint` : void 0, mt: "0", children: n })
+          ] })
+        ] })
+      }
     );
   }
 );
-D.displayName = "Radio";
+H.displayName = "Radio";
 export {
-  D as Radio
+  H as Radio
 };

package/dist/RadioGroup.mjs

@@ -1,62 +1,62 @@
 "use client";
-import t from "react";
-import x, { css as b } from "@xstyled/styled-components";
-import { FieldGroup as y } from "./FieldGroup.mjs";
-import { Radio as G } from "./Radio.mjs";
-import { forwardRef as w } from "./System.mjs";
-import { u as E, R as V } from "./radio-group-CGC6DTFJ.mjs";
-const h = x.divBox(
-  ({ flexDirection: a }) => b`
+import { j as s } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { FieldGroup as j } from "./FieldGroup.mjs";
+import { Radio as b } from "./Radio.mjs";
+import { forwardRef as h } from "./System.mjs";
+import n, { css as G } from "@xstyled/styled-components";
+import { u as w, R as y } from "./radio-group-C0fUHvam.mjs";
+const V = n.divBox(
+  ({ flexDirection: r }) => G`
     display: flex;
-    flex-direction: ${a};
+    flex-direction: ${r};
     flex-wrap: wrap;
     gap: md;
   `
-), k = w(
+), k = h(
   ({
-    dataTestId: a,
-    flexDirection: i,
-    id: m,
-    label: s,
-    maxWidth: o,
-    name: u,
-    onChange: r,
+    dataTestId: r,
+    flexDirection: d,
+    id: o,
+    label: t,
+    maxWidth: m,
+    name: i,
+    onChange: a,
     options: f = [],
-    renderOption: c = G,
+    renderOption: c = b,
     required: p,
     value: v,
-    ...d
-  }, R) => {
-    const l = E({ defaultValue: v }), n = l.useState("value"), $ = (e) => {
-      d.disabled || (l.setValue(e), r == null || r(e));
+    ...u
+  }, x) => {
+    const l = w({ defaultValue: v }), R = l.useState("value"), $ = (e) => {
+      u.disabled || (l.setValue(e), a == null || a(e));
     };
-    return /* @__PURE__ */ t.createElement(
-      y,
+    return /* @__PURE__ */ s.jsx(
+      j,
       {
-        as: V,
-        dataTestId: a,
-        label: s,
+        as: y,
+        dataTestId: r,
+        label: t,
         mb: 0,
-        ref: R,
+        ref: x,
         required: p,
-        store: l
-      },
-      /* @__PURE__ */ t.createElement(h, { flexDirection: i }, f.map((e) => /* @__PURE__ */ t.createElement(
-        c,
-        {
-          checked: e.value === n,
-          dataTestId: a ? `${a}-${e.value}` : void 0,
-          hint: e.hint,
-          id: `${m || u}.${e.value}`,
-          key: e.value,
-          label: e.label,
-          maxWidth: o,
-          name: u,
-          onChange: () => $(e.value),
-          value: e.value,
-          ...d
-        }
-      )))
+        store: l,
+        children: /* @__PURE__ */ s.jsx(V, { flexDirection: d, children: f.map((e) => /* @__PURE__ */ s.jsx(
+          c,
+          {
+            checked: e.value === R,
+            dataTestId: r ? `${r}-${e.value}` : void 0,
+            hint: e.hint,
+            id: `${o || i}.${e.value}`,
+            label: e.label,
+            maxWidth: m,
+            name: i,
+            onChange: () => $(e.value),
+            value: e.value,
+            ...u
+          },
+          e.value
+        )) })
+      }
     );
   }
 );

package/dist/RadioTab.mjs

@@ -1,12 +1,12 @@
 "use client";
-import s from "react";
-import a, { css as e, th as i } from "@xstyled/styled-components";
-import { d as f } from "./field-styles-DLIhqG_8.mjs";
-import { o as u } from "./overflow-ellipsis-DGV5Kgt-.mjs";
-import { shouldForwardProp as b, forwardRef as h } from "./System.mjs";
-import { R as c } from "./NLEBE274-C94QU78N.mjs";
-import { Button as g } from "./Button.mjs";
-const y = a(c).withConfig({ shouldForwardProp: b })`
+import { j as d } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { Button as f } from "./Button.mjs";
+import { shouldForwardProp as u, forwardRef as b } from "./System.mjs";
+import s, { th as i, css as e } from "@xstyled/styled-components";
+import { d as h } from "./field-styles-BVlRlvuu.mjs";
+import { o as g } from "./overflow-ellipsis-DGV5Kgt-.mjs";
+import { R as c } from "./NLEBE274-oSxMftGy.mjs";
+const y = s(c).withConfig({ shouldForwardProp: u })`
   position: absolute;
   top: 0;
   left: 0;
@@ -23,7 +23,7 @@ const y = a(c).withConfig({ shouldForwardProp: b })`
     border-top-right-radius: 0;
     border-top-left-radius: 0;
   }
-`, w = e`
+`, x = e`
   margin-left: -${i.borderWidth("sm")};
 
   &:first-of-type {
@@ -36,8 +36,8 @@ const y = a(c).withConfig({ shouldForwardProp: b })`
     border-bottom-left-radius: 0;
   }
 `;
-a.labelBox(
-  ({ checked: o, flexDirection: t, size: r, variant: d }) => e`
+s.labelBox(
+  ({ checked: o, flexDirection: t, size: r, variant: a }) => e`
     ${i("radioTabs.default")};
     flex: 1;
     display: flex;
@@ -52,28 +52,28 @@ a.labelBox(
     cursor: pointer;
     transition: medium;
 
-    ${f({ size: r, variant: d })};
+    ${h({ size: r, variant: a })};
     ${o && e`
       ${i("radioTabs.checked")};
       z-index: 2;
     `};
     ${t === "column" && $};
-    ${t === "row" && w};
+    ${t === "row" && x};
     padding-top: 0;
     padding-bottom: 0;
   `
 );
-a.div`
+s.div`
   flex-shrink: 0;
   position: relative;
 `;
-a.div`
-  ${u};
+s.div`
+  ${g};
   max-width: 100%;
 `;
-const x = h(
-  ({ checked: o, dataTestId: t, disabled: r, id: d, label: l, onChange: m, value: n }, p) => /* @__PURE__ */ s.createElement(
-    g,
+const w = b(
+  ({ checked: o, dataTestId: t, disabled: r, id: a, label: l, onChange: m, value: n }, p) => /* @__PURE__ */ d.jsxs(
+    f,
     {
       as: "label",
       borderColor: !o && "neutral-30",
@@ -81,23 +81,25 @@ const x = h(
       dataTestId: t,
       disabled: r,
       ref: p,
-      variant: o ? "primary" : "ghost"
-    },
-    /* @__PURE__ */ s.createElement(
-      y,
-      {
-        checked: o,
-        "data-testid": t ? `${t}-input` : void 0,
-        disabled: r,
-        id: d,
-        onChange: m,
-        value: n
-      }
-    ),
-    l
+      variant: o ? "primary" : "ghost",
+      children: [
+        /* @__PURE__ */ d.jsx(
+          y,
+          {
+            checked: o,
+            "data-testid": t ? `${t}-input` : void 0,
+            disabled: r,
+            id: a,
+            onChange: m,
+            value: n
+          }
+        ),
+        l
+      ]
+    }
   )
 );
-x.displayName = "RadioTab";
+w.displayName = "RadioTab";
 export {
-  x as RadioTab
+  w as RadioTab
 };

package/dist/{SYRFVSLH-cVmYtx36.mjs → SYRFVSLH-B6m278Vb.mjs}

@@ -1,16 +1,17 @@
 "use client";
-import { u as c } from "./X5NMLKT6-uFSu0Lii.mjs";
-import { b as m } from "./VGCJ63VH-B39w1tBw.mjs";
-import { c as p, _ as f, b as x, t as r, d as D, g, f as h, h as k } from "./LVA2YJMS-qFC9J-lt.mjs";
-import { useMemo as _ } from "react";
-var b = "button", v = p(
+import { u as c } from "./X5NMLKT6-BJw3xE-K.mjs";
+import { b as d } from "./VGCJ63VH-C0UPBY-5.mjs";
+import { f as p, c as f, h as x, _ as D, b as g, d as h, g as k } from "./LVA2YJMS-C-kJ1lkr.mjs";
+import { useMemo as v } from "react";
+import { j as r } from "./jsx-runtime-B7I4PJ0H.mjs";
+var _ = "button", b = f(
   function(i) {
-    var e = i, { store: o } = e, s = f(e, ["store"]);
-    const l = m();
-    o = o || l;
-    const t = s.onClick, u = x((n) => {
-      t == null || t(n), !n.defaultPrevented && (o == null || o.hide());
-    }), d = _(
+    var o = i, { store: e } = o, s = D(o, ["store"]);
+    const l = d();
+    e = e || l;
+    const t = s.onClick, u = g((a) => {
+      t == null || t(a), !a.defaultPrevented && (e == null || e.hide());
+    }), m = v(
       () => /* @__PURE__ */ r.jsxs(
         "svg",
         {
@@ -32,17 +33,17 @@ var b = "button", v = p(
       ),
       []
     );
-    return s = D(g({
+    return s = h(k({
       "data-dialog-dismiss": "",
-      children: d
+      children: m
     }, s), {
       onClick: u
     }), s = c(s), s;
   }
-), w = h(function(i) {
-  const e = v(i);
-  return k(b, e);
+), E = p(function(i) {
+  const o = b(i);
+  return x(_, o);
 });
 export {
-  w as D
+  E as D
 };