welcome-ui 8.0.0-alpha.0 → 8.0.2

package/dist/Picker.mjs

@@ -2,11 +2,11 @@
 import e from "react";
 import u, { system as R } from "@xstyled/styled-components";
 import { shouldForwardProp as $, forwardRef as k } from "./System.mjs";
-import { R as y } from "./NLEBE274-C94QU78N.mjs";
+import { R as y } from "./NLEBE274-QOMV1l7e.mjs";
 import { Label as E } from "./Label.mjs";
 import { FieldGroup as b } from "./FieldGroup.mjs";
 import { Box as w } from "./Box.mjs";
-import { u as x, R as P } from "./radio-group-CGC6DTFJ.mjs";
+import { u as x, R as P } from "./radio-group-RFyDp0KD.mjs";
 const h = u(y).withConfig({ shouldForwardProp: $ })`
   position: absolute;
   top: 0;

package/dist/Popover.mjs

@@ -1,8 +1,8 @@
 "use client";
 import r from "react";
 import a, { th as l, css as p, system as m } from "@xstyled/styled-components";
-import { P as h, a as v } from "./QYJ6MIDR-BLLqyXdd.mjs";
-import { P, H as $, a as C, u as w, b as E } from "./BYC7LY2E-CVjUW1dr.mjs";
+import { P as h, a as v } from "./QYJ6MIDR-Bb0O5xUM.mjs";
+import { P, H as $, a as C, u as w, b as E } from "./BYC7LY2E-B1IDizRs.mjs";
 import { forwardRef as i } from "./System.mjs";
 import "./Icon.mjs";
 import { C as H } from "./index-C7zM96J_.mjs";

package/dist/QYJ6MIDR-Bb0O5xUM.mjs

@@ -0,0 +1,97 @@
+"use client";
+import { u as E, b as C, P as N } from "./MTZPJQMC-CMjAwC0N.mjs";
+import { c as d, _ as m, d as P, e as x, g as i, f, h, i as w, t as l, z as V, F as j, G as z, b as R, E as O } from "./LVA2YJMS-DDEmK0pp.mjs";
+import { useMemo as T, useState as W } from "react";
+import { u as M } from "./AXB53BZF-BOEe01VW.mjs";
+var H = "div", _ = d(
+  function(t) {
+    var r = t, { store: e } = r, o = m(r, ["store"]);
+    const s = E();
+    return e = e || s, o = P(i({}, o), {
+      ref: x(e == null ? void 0 : e.setAnchorElement, o.ref)
+    }), o;
+  }
+);
+f(function(t) {
+  const r = _(t);
+  return h(H, r);
+});
+var g = "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z", L = "div", v = 30, a = v / 2, B = {
+  top: `rotate(180 ${a} ${a})`,
+  right: `rotate(-90 ${a} ${a})`,
+  bottom: `rotate(0 ${a} ${a})`,
+  left: `rotate(90 ${a} ${a})`
+};
+function F(c) {
+  const [t, r] = W(), e = c.useState("contentElement");
+  return j(() => {
+    if (!e) return;
+    const s = z(e).getComputedStyle(e);
+    r(s);
+  }, [e]), t;
+}
+var G = d(
+  function(t) {
+    var r = t, { store: e, size: o = v } = r, s = m(r, ["store", "size"]);
+    const p = C();
+    e = e || p, w(
+      e,
+      process.env.NODE_ENV !== "production" && "PopoverArrow must be wrapped in a Popover component."
+    );
+    const u = e.useState(
+      (k) => k.currentPlacement.split("-")[0]
+    ), n = F(e), y = (n == null ? void 0 : n.getPropertyValue("background-color")) || "none", A = (n == null ? void 0 : n.getPropertyValue(`border-${u}-color`)) || "none", S = (n == null ? void 0 : n.getPropertyValue(`border-${u}-width`)) || "0px", $ = Number.parseInt(S) * 2 * (v / o), b = B[u], D = T(
+      () => /* @__PURE__ */ l.jsx("svg", { display: "block", viewBox: "0 0 30 30", children: /* @__PURE__ */ l.jsxs("g", { transform: b, children: [
+        /* @__PURE__ */ l.jsx("path", { fill: "none", d: g }),
+        /* @__PURE__ */ l.jsx("path", { stroke: "none", d: g })
+      ] }) }),
+      [b]
+    );
+    return s = P(i({
+      children: D,
+      "aria-hidden": !0
+    }, s), {
+      ref: x(e.setArrowElement, s.ref),
+      style: i({
+        // server side rendering
+        position: "absolute",
+        fontSize: o,
+        width: "1em",
+        height: "1em",
+        pointerEvents: "none",
+        fill: y,
+        stroke: A,
+        strokeWidth: $
+      }, s.style)
+    }), V(s);
+  }
+), X = f(function(t) {
+  const r = G(t);
+  return h(L, r);
+}), I = "button", U = d(function(t) {
+  var r = t, { store: e } = r, o = m(r, ["store"]);
+  const s = E();
+  e = e || s, w(
+    e,
+    process.env.NODE_ENV !== "production" && "PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component."
+  );
+  const p = o.onClick, u = R((n) => {
+    e == null || e.setAnchorElement(n.currentTarget), p == null || p(n);
+  });
+  return o = O(
+    o,
+    (n) => /* @__PURE__ */ l.jsx(N, { value: e, children: n }),
+    [e]
+  ), o = P(i({}, o), {
+    onClick: u
+  }), o = _(i({ store: e }, o)), o = M(i({ store: e }, o)), o;
+}), Y = f(function(t) {
+  const r = U(t);
+  return h(I, r);
+});
+export {
+  X as P,
+  Y as a,
+  U as b,
+  G as u
+};

package/dist/Radio.mjs

@@ -1,13 +1,13 @@
 "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 o, { th as i, system as g, css as x } from "@xstyled/styled-components";
+import { d as $ } from "./field-styles-CfVLcVQp.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 { R as E } from "./NLEBE274-QOMV1l7e.mjs";
 import { Hint as R } from "./Hint.mjs";
-const C = o(E).withConfig({ shouldForwardProp: k })(
-  ({ order: e = "-1", size: r, variant: a }) => g`
+const v = o(E).withConfig({ shouldForwardProp: k })(
+  ({ order: e = "-1", size: r, variant: a }) => x`
     ${$({ size: r, variant: a })};
     ${i("radios.default")}
     position: relative;
@@ -16,7 +16,7 @@ const C = o(E).withConfig({ shouldForwardProp: k })(
     cursor: pointer;
     border-radius: 50%;
     transition: medium;
-    ${x};
+    ${g};
 
     &::after {
       content: '';
@@ -46,11 +46,11 @@ const C = o(E).withConfig({ shouldForwardProp: k })(
       }
     }
   `
-), L = o(y)`
+), C = o(y)`
   max-width: 100%;
   /** we need to reset margin-bottom from Label component */
   margin-bottom: 0 !important;
-`, v = o.divBox`
+`, L = o.divBox`
   flex-shrink: 0;
   position: relative;
   align-items: center;
@@ -71,33 +71,33 @@ const C = o(E).withConfig({ shouldForwardProp: k })(
     dataTestId: e,
     disabled: r,
     disabledIcon: a,
-    flexDirection: f,
-    hint: l,
+    flexDirection: p,
+    hint: n,
     label: d,
-    maxWidth: p,
+    maxWidth: f,
     onChange: s,
     onClick: c,
     variant: m,
     ...u
   }, b) => {
-    const h = (n) => {
-      n.stopPropagation(), c && c(n), s && s(n);
+    const h = (l) => {
+      l.stopPropagation(), c && c(l), s && s(l);
     };
     return /* @__PURE__ */ t.createElement(
-      L,
+      C,
       {
         alignItems: "flex-start",
         checkableField: !0,
         disabled: r,
         disabledIcon: a,
         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,
+      /* @__PURE__ */ t.createElement(F, { flexDirection: p }, /* @__PURE__ */ t.createElement(L, null, /* @__PURE__ */ t.createElement(
+        v,
         {
           "data-testid": e,
           disabled: r,
@@ -106,7 +106,7 @@ const C = o(E).withConfig({ shouldForwardProp: k })(
           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)))
+      )), /* @__PURE__ */ t.createElement(B, null, /* @__PURE__ */ t.createElement("div", { "data-testid": e ? `${e}-label` : void 0 }, d), n && /* @__PURE__ */ t.createElement(R, { "data-testid": e ? `${e}-hint` : void 0, mt: "0" }, n)))
     );
   }
 );

package/dist/RadioGroup.mjs

@@ -1,12 +1,12 @@
 "use client";
 import t from "react";
-import x, { css as b } from "@xstyled/styled-components";
+import b, { css as n } 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 { u as E, R as V } from "./radio-group-RFyDp0KD.mjs";
+const h = b.divBox(
+  ({ flexDirection: a }) => n`
     display: flex;
     flex-direction: ${a};
     flex-wrap: wrap;
@@ -17,17 +17,17 @@ const h = x.divBox(
     dataTestId: a,
     flexDirection: i,
     id: m,
-    label: s,
-    maxWidth: o,
+    label: o,
+    maxWidth: s,
     name: u,
     onChange: r,
-    options: f = [],
-    renderOption: c = G,
+    options: c = [],
+    renderOption: f = G,
     required: p,
     value: v,
     ...d
   }, R) => {
-    const l = E({ defaultValue: v }), n = l.useState("value"), $ = (e) => {
+    const l = E({ defaultValue: v }), $ = l.useState("value"), x = (e) => {
       d.disabled || (l.setValue(e), r == null || r(e));
     };
     return /* @__PURE__ */ t.createElement(
@@ -35,24 +35,24 @@ const h = x.divBox(
       {
         as: V,
         dataTestId: a,
-        label: s,
+        label: o,
         mb: 0,
         ref: R,
         required: p,
         store: l
       },
-      /* @__PURE__ */ t.createElement(h, { flexDirection: i }, f.map((e) => /* @__PURE__ */ t.createElement(
-        c,
+      /* @__PURE__ */ t.createElement(h, { flexDirection: i }, c.map((e) => /* @__PURE__ */ t.createElement(
+        f,
         {
-          checked: e.value === n,
+          checked: e.value === $,
           dataTestId: a ? `${a}-${e.value}` : void 0,
           hint: e.hint,
           id: `${m || u}.${e.value}`,
           key: e.value,
           label: e.label,
-          maxWidth: o,
+          maxWidth: s,
           name: u,
-          onChange: () => $(e.value),
+          onChange: () => x(e.value),
           value: e.value,
           ...d
         }

package/dist/RadioTab.mjs

@@ -1,10 +1,10 @@
 "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 d from "react";
+import a, { th as i, css as e } from "@xstyled/styled-components";
+import { d as f } from "./field-styles-CfVLcVQp.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 { R as c } from "./NLEBE274-QOMV1l7e.mjs";
 import { Button as g } from "./Button.mjs";
 const y = a(c).withConfig({ shouldForwardProp: b })`
   position: absolute;
@@ -37,7 +37,7 @@ const y = a(c).withConfig({ shouldForwardProp: b })`
   }
 `;
 a.labelBox(
-  ({ checked: o, flexDirection: t, size: r, variant: d }) => e`
+  ({ checked: o, flexDirection: t, size: r, variant: s }) => e`
     ${i("radioTabs.default")};
     flex: 1;
     display: flex;
@@ -52,7 +52,7 @@ a.labelBox(
     cursor: pointer;
     transition: medium;
 
-    ${f({ size: r, variant: d })};
+    ${f({ size: r, variant: s })};
     ${o && e`
       ${i("radioTabs.checked")};
       z-index: 2;
@@ -72,7 +72,7 @@ a.div`
   max-width: 100%;
 `;
 const x = h(
-  ({ checked: o, dataTestId: t, disabled: r, id: d, label: l, onChange: m, value: n }, p) => /* @__PURE__ */ s.createElement(
+  ({ checked: o, dataTestId: t, disabled: r, id: s, label: l, onChange: m, value: n }, p) => /* @__PURE__ */ d.createElement(
     g,
     {
       as: "label",
@@ -83,13 +83,13 @@ const x = h(
       ref: p,
       variant: o ? "primary" : "ghost"
     },
-    /* @__PURE__ */ s.createElement(
+    /* @__PURE__ */ d.createElement(
       y,
       {
         checked: o,
         "data-testid": t ? `${t}-input` : void 0,
         disabled: r,
-        id: d,
+        id: s,
         onChange: m,
         value: n
       }

package/dist/{SYRFVSLH-cVmYtx36.mjs → SYRFVSLH-jn06-eLy.mjs}

@@ -1,16 +1,16 @@
 "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 m } from "./X5NMLKT6-CvSCix-_.mjs";
+import { b as d } from "./VGCJ63VH-BMzoZtCu.mjs";
+import { f as p, c as x, h as f, _ as D, b as g, t as r, d as h, g as k } from "./LVA2YJMS-DDEmK0pp.mjs";
+import { useMemo as v } from "react";
+var _ = "button", b = x(
   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());
+    }), c = v(
       () => /* @__PURE__ */ r.jsxs(
         "svg",
         {
@@ -32,16 +32,16 @@ var b = "button", v = p(
       ),
       []
     );
-    return s = D(g({
+    return s = h(k({
       "data-dialog-dismiss": "",
-      children: d
+      children: c
     }, s), {
       onClick: u
-    }), s = c(s), s;
+    }), s = m(s), s;
   }
-), w = h(function(i) {
-  const e = v(i);
-  return k(b, e);
+), w = p(function(i) {
+  const o = b(i);
+  return f(_, o);
 });
 export {
   w as D

package/dist/Search.mjs

@@ -1,8 +1,8 @@
 "use client";
 import t, { useState as de, useCallback as me, useMemo as pe, Fragment as fe } from "react";
-import { D as W } from "./downshift.esm-CEHW4VDy.mjs";
+import { D as W } from "./downshift.esm-D0ns_SQs.mjs";
 import { c as ue } from "./create-event-rXDe5aCQ.mjs";
-import { d as he, F as ge } from "./field-styles-DLIhqG_8.mjs";
+import { d as he, F as ge } from "./field-styles-CfVLcVQp.mjs";
 import { t as Ee } from "./throttle-BDBzFeFj.mjs";
 import a, { css as F, th as o } from "@xstyled/styled-components";
 import { o as V } from "./overflow-ellipsis-DGV5Kgt-.mjs";