welcome-ui 8.1.0-alpha.3 → 8.1.1

package/dist/Field.mjs

@@ -1,48 +1,47 @@
 "use client";
-import { j as n } from "./jsx-runtime-B7I4PJ0H.mjs";
-import F from "react";
-import { Hint as v } from "./Hint.mjs";
-import { StyledLabel as P, Label as H } from "./Label.mjs";
+import i from "react";
+import { u as P } from "./use-isomorphic-layout-effect-Izr-e2pi.mjs";
+import c, { th as n, css as s } from "@xstyled/styled-components";
+import { StyledLabel as H, Label as j } from "./Label.mjs";
 import { shouldForwardProp as z, forwardRef as C } from "./System.mjs";
 import { VariantIcon as D } from "./VariantIcon.mjs";
-import { u as V } from "./use-isomorphic-layout-effect-Izr-e2pi.mjs";
-import c, { th as i, css as s } from "@xstyled/styled-components";
-const Y = s`
-  ${i("defaultFields.checkablelabel.default")};
+import { Hint as F } from "./Hint.mjs";
+const V = s`
+  ${n("defaultFields.checkablelabel.default")};
   align-items: flex-start;
   overflow-wrap: break-word;
-`, _ = c.divBox.withConfig({ shouldForwardProp: z })(
-  ({ checked: t, isCheckable: o, isRadioGroup: l, withHintText: u }) => s`
-    ${o && s`
+`, Y = c.divBox.withConfig({ shouldForwardProp: z })(
+  ({ checked: t, isCheckable: e, isRadioGroup: a, withHintText: m }) => s`
+    ${e && s`
       input {
         margin-top: xs;
       }
     `}
-    ${P} {
-      ${o && Y};
-      ${o && u && i("defaultFields.checkablelabel.default")}
-      ${t && i("defaultFields.checkablelabel.checked")}
-      ${!o && s`
+    ${H} {
+      ${e && V};
+      ${e && m && n("defaultFields.checkablelabel.default")}
+      ${t && n("defaultFields.checkablelabel.checked")}
+      ${!e && s`
         margin-bottom: sm;
       `}
-      ${l && s`
+      ${a && s`
         margin-bottom: md;
       `}
     }
   `
-), M = c.div`
+), _ = c.div`
   display: flex;
   align-items: flex-start;
   gap: sm;
-`, O = c.divBox`
+`, M = c.divBox`
   display: flex;
   flex-direction: column;
-`, q = c.divBox(
-  ({ iconPlacement: t, size: o }) => s`
+`, O = c.divBox(
+  ({ iconPlacement: t, size: e }) => s`
     position: absolute;
     top: 0;
-    left: ${t === "left" ? i(`defaultFields.iconPlacement.${o}.left`) : "auto"};
-    right: ${t === "right" ? i(`defaultFields.iconPlacement.${o}.right`) : "auto"};
+    left: ${t === "left" ? n(`defaultFields.iconPlacement.${e}.left`) : "auto"};
+    right: ${t === "right" ? n(`defaultFields.iconPlacement.${e}.right`) : "auto"};
     bottom: 0;
     display: flex;
     justify-content: center;
@@ -57,14 +56,14 @@ const Y = s`
       pointer-events: auto;
     }
 
-    ${o === "xs" && s`
+    ${e === "xs" && s`
       button {
-        height: ${i("buttons.sizes.xxs.height")};
-        width: ${i("buttons.sizes.xxs.height")};
+        height: ${n("buttons.sizes.xxs.height")};
+        width: ${n("buttons.sizes.xxs.height")};
       }
     `}
   `
-), A = c.divBox(
+), q = c.divBox(
   ({ size: t }) => s`
     position: absolute;
     padding: 0;
@@ -77,111 +76,100 @@ const Y = s`
     color: neutral-90;
     ${t === "xs" && s`
       button {
-        height: ${i("buttons.sizes.xxs.height")};
-        width: ${i("buttons.sizes.xxs.height")};
+        height: ${n("buttons.sizes.xxs.height")};
+        width: ${n("buttons.sizes.xxs.height")};
       }
     `}
   `
-), J = {
+), A = {
   Checkbox: "checkbox",
-  InputText: "text",
   Radio: "radio",
+  InputText: "text",
   RadioTab: "radio",
   Select: "text",
   Toggle: "checkbox"
-}, K = (t) => J[t] || t, Q = ({
+}, J = (t) => A[t] || t, K = ({
   error: t,
-  success: o,
-  warning: l
+  success: e,
+  warning: a
 }) => {
   if (t) return "danger";
-  if (l) return "warning";
-  if (o) return "success";
-}, U = () => `wui-field-${Math.random().toString(36).slice(2)}`, X = ["disabled", "required", "variant"], Z = C(
+  if (a) return "warning";
+  if (e) return "success";
+}, Q = () => `wui-field-${Math.random().toString(36).slice(2)}`, U = ["disabled", "required", "variant"], X = C(
   ({
     children: t,
-    dataTestId: o,
-    disabled: l,
-    disabledIcon: u,
-    error: m,
+    dataTestId: e,
+    disabled: a,
+    disabledIcon: m,
+    error: u,
     flexDirection: w,
-    hint: k,
-    label: x,
-    required: f,
-    success: h,
-    transparent: j,
+    hint: v,
+    label: f,
+    required: h,
+    success: x,
+    transparent: k,
     warning: b,
-    ...R
-  }, G) => {
-    const d = K(t.props.type || t.type.displayName), I = d === "radio", g = d === "RadioGroup", T = d === "FieldGroup", B = d === "checkbox", E = t.type.displayName === "Toggle", e = I || B || E, L = w || (e ? "row" : "column"), S = T || g, r = Q({ error: m, success: h, warning: b }), a = r ? m || b || h : k, W = !!a, p = t.props.id || t.props.name || U(), $ = F.cloneElement(F.Children.only(t), {
-      disabled: l,
+    ...E
+  }, I) => {
+    const d = J(t.props.type || t.type.displayName), R = d === "radio", g = d === "RadioGroup", T = d === "FieldGroup", G = d === "checkbox", B = t.type.displayName === "Toggle", o = R || G || B, L = w || (o ? "row" : "column"), S = T || g, r = K({ error: u, warning: b, success: x }), l = r ? u || b || x : v, W = !!l, p = t.props.id || t.props.name || Q(), $ = i.cloneElement(i.Children.only(t), {
+      disabled: a,
       id: p,
-      required: f,
-      transparent: j,
+      required: h,
       variant: r,
+      transparent: k,
       ...S ? { flexDirection: L } : {}
     });
-    return V(() => {
+    return P(() => {
       Object.keys(t.props).forEach((y) => {
-        if (X.includes(y)) {
+        if (U.includes(y)) {
           const N = document.getElementById(p);
           console.warn(`You must pass the "${y}" prop to the <Field /> instead of`, N);
         }
       });
-    }, [t.props, t.type.displayName, p]), /* @__PURE__ */ n.jsxs(
-      _,
+    }, [t.props, t.type.displayName, p]), /* @__PURE__ */ i.createElement(
+      Y,
       {
-        ref: G,
-        ...R,
-        "data-testid": o,
-        isCheckable: e,
+        ref: I,
+        ...E,
+        "data-testid": e,
+        isCheckable: o,
         isRadioGroup: g,
-        withHintText: W,
-        children: [
-          /* @__PURE__ */ n.jsxs(M, { children: [
-            e ? $ : null,
-            /* @__PURE__ */ n.jsxs(O, { children: [
-              x ? /* @__PURE__ */ n.jsxs(
-                H,
-                {
-                  checkableField: e,
-                  dataTestId: o ? `${o}-label` : void 0,
-                  disabled: l,
-                  disabledIcon: u,
-                  htmlFor: p,
-                  required: f,
-                  variant: r,
-                  withDisabledIcon: !e,
-                  children: [
-                    e ? /* @__PURE__ */ n.jsx(D, { size: "sm", variant: r }) : null,
-                    x
-                  ]
-                }
-              ) : null,
-              e && a ? /* @__PURE__ */ n.jsx(
-                v,
-                {
-                  checkableField: !0,
-                  dataTestId: o ? `${o}-hint` : void 0,
-                  mt: "0",
-                  variant: r,
-                  children: a
-                }
-              ) : null
-            ] })
-          ] }),
-          !e && $,
-          !e && a ? /* @__PURE__ */ n.jsx(v, { dataTestId: o ? `${o}-hint` : void 0, variant: r, children: a }) : null
-        ]
-      }
+        withHintText: W
+      },
+      /* @__PURE__ */ i.createElement(_, null, o && $, /* @__PURE__ */ i.createElement(M, null, f && /* @__PURE__ */ i.createElement(
+        j,
+        {
+          checkableField: o,
+          disabled: a,
+          disabledIcon: m,
+          htmlFor: p,
+          required: h,
+          variant: r,
+          withDisabledIcon: !o
+        },
+        o && /* @__PURE__ */ i.createElement(D, { size: "sm", variant: r }),
+        f
+      ), o && l && /* @__PURE__ */ i.createElement(
+        F,
+        {
+          checkableField: !0,
+          dataTestId: e ? `${e}-hint` : void 0,
+          mt: "0",
+          variant: r
+        },
+        l
+      ))),
+      !o && $,
+      !o && l && /* @__PURE__ */ i.createElement(F, { dataTestId: e ? `${e}-hint` : void 0, variant: r }, l)
     );
   }
 );
-Z.displayName = "Field";
-const at = q, ct = A;
+X.displayName = "Field";
+const at = O, rt = q;
 export {
-  Z as Field,
-  ct as IconGroupWrapper,
+  X as Field,
+  rt as IconGroupWrapper,
   at as IconWrapper,
-  K as getBaseType
+  J as getBaseType
 };

package/dist/FieldGroup.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { j as t } from "./jsx-runtime-B7I4PJ0H.mjs";
-import { Label as l } from "./Label.mjs";
-import { shouldForwardProp as m, forwardRef as n } from "./System.mjs";
-import p, { th as a } from "@xstyled/styled-components";
-const o = p.fieldsetBox.withConfig({ shouldForwardProp: m })`
+import t from "react";
+import l, { th as a } from "@xstyled/styled-components";
+import { shouldForwardProp as n, forwardRef as p } from "./System.mjs";
+import { Label as s } from "./Label.mjs";
+const i = l.fieldsetBox.withConfig({ shouldForwardProp: n })`
   width: 100%;
   min-width: 0;
   min-height: 0;
@@ -14,15 +14,12 @@ const o = p.fieldsetBox.withConfig({ shouldForwardProp: m })`
   > * {
     margin-bottom: md;
   }
-`, f = n(
-  ({ children: d, dataTestId: e, label: i, required: r }, s) => /* @__PURE__ */ t.jsxs(o, { "data-testid": e, ref: s, children: [
-    i ? /* @__PURE__ */ t.jsx(l, { as: "legend", required: r, children: i }) : null,
-    d
-  ] })
+`, f = p(
+  ({ children: o, dataTestId: d, label: e, required: r }, m) => /* @__PURE__ */ t.createElement(i, { "data-testid": d, ref: m }, e && /* @__PURE__ */ t.createElement(s, { as: "legend", required: r }, e), o)
 );
 f.displayName = "FieldGroup";
-const x = o;
+const F = i;
 export {
   f as FieldGroup,
-  x as StyledFieldGroup
+  F as StyledFieldGroup
 };