welcome-ui 8.1.3 → 8.2.0-alpha.1

package/dist/RadioTab.mjs

@@ -1,12 +1,12 @@
 "use client";
-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-QOMV1l7e.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-CfVLcVQp.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: s }) => 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: s })};
+    ${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: s, label: l, onChange: m, value: n }, p) => /* @__PURE__ */ d.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__ */ d.createElement(
-      y,
-      {
-        checked: o,
-        "data-testid": t ? `${t}-input` : void 0,
-        disabled: r,
-        id: s,
-        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-jn06-eLy.mjs → SYRFVSLH-B6m278Vb.mjs}

@@ -1,16 +1,17 @@
 "use client";
-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 { 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";
-var _ = "button", b = x(
+import { j as r } from "./jsx-runtime-B7I4PJ0H.mjs";
+var _ = "button", b = f(
   function(i) {
     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(
+    }), m = v(
       () => /* @__PURE__ */ r.jsxs(
         "svg",
         {
@@ -34,15 +35,15 @@ var _ = "button", b = x(
     );
     return s = h(k({
       "data-dialog-dismiss": "",
-      children: c
+      children: m
     }, s), {
       onClick: u
-    }), s = m(s), s;
+    }), s = c(s), s;
   }
-), w = p(function(i) {
+), E = p(function(i) {
   const o = b(i);
-  return f(_, o);
+  return x(_, o);
 });
 export {
-  w as D
+  E as D
 };

package/dist/Search.mjs

@@ -1,30 +1,31 @@
 "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-D0ns_SQs.mjs";
-import { c as ue } from "./create-event-rXDe5aCQ.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 { j as e } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { D as T } from "./downshift.esm-B7Jil1wW.mjs";
+import ct, { useState as pt, useCallback as ut, useMemo as ft, Fragment as ht } from "react";
+import { ClearButton as mt } from "./ClearButton.mjs";
+import { IconWrapper as xt } from "./Field.mjs";
+import { shouldForwardProp as O, forwardRef as gt } from "./System.mjs";
+import { c as jt } from "./create-event-rXDe5aCQ.mjs";
+import { d as wt, F as $t } from "./field-styles-CfVLcVQp.mjs";
+import { t as bt } from "./throttle-BDBzFeFj.mjs";
+import s, { css as F, th as o } from "@xstyled/styled-components";
+import { StyledIcon as Ft } from "./Icon.mjs";
 import { o as V } from "./overflow-ellipsis-DGV5Kgt-.mjs";
-import { shouldForwardProp as j, forwardRef as we } from "./System.mjs";
-import { StyledIcon as ye } from "./Icon.mjs";
-import { ClearButton as $e } from "./ClearButton.mjs";
-import { IconWrapper as be } from "./Field.mjs";
-const A = a.divBox.withConfig({ shouldForwardProp: j })`
+const A = s.divBox.withConfig({ shouldForwardProp: O })`
   position: relative;
-`, Fe = a.div`
+`, It = s.div`
   position: relative;
-`, Ie = a.inputBox.withConfig({ shouldForwardProp: j })(
-  ({ iconPlacement: i, size: n, transparent: s, variant: g }) => F`
+`, St = s.inputBox.withConfig({ shouldForwardProp: O })(
+  ({ iconPlacement: i, size: n, transparent: l, variant: x }) => F`
     position: relative;
-    ${he({ iconPlacement: i, size: n, variant: g, transparent: s, isClearable: !0 })};
+    ${wt({ iconPlacement: i, isClearable: !0, size: n, transparent: l, variant: x })};
     ${V};
 
     br {
       display: none;
     }
   `
-), Se = a.ul`
+), yt = s.ul`
   ${o("defaultFields.select.default")};
   ${o("cards.default")};
   position: absolute;
@@ -38,13 +39,13 @@ const A = a.divBox.withConfig({ shouldForwardProp: j })`
   transition: medium;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
-`, H = a.li(
-  ({ isExisting: i, isHighlighted: n, isSelected: s }) => F`
+`, W = s.li(
+  ({ isExisting: i, isHighlighted: n, isSelected: l }) => F`
     color: beige-70;
     ${n && o("defaultFields.select.highlighted")};
-    ${s && o("defaultFields.select.selected")};
+    ${l && o("defaultFields.select.selected")};
     ${i && o("defaultFields.select.existing")};
-    ${s && n && o("defaultFields.select.selectedAndHighlighted")};
+    ${l && n && o("defaultFields.select.selectedAndHighlighted")};
     ${V};
     padding: sm;
     list-style: none;
@@ -52,14 +53,14 @@ const A = a.divBox.withConfig({ shouldForwardProp: j })`
     font-size: sm;
     transition: background ${o.transition("medium")};
   `
-), ke = a.div`
+), Ct = s.div`
   position: absolute;
   padding: 0;
   top: 0;
   bottom: 0;
   right: 0;
   display: flex;
-`, xe = a.buttonBox(
+`, vt = s.buttonBox(
   ({ isOpen: i, size: n }) => F`
     position: relative;
     height: 100%;
@@ -74,7 +75,7 @@ const A = a.divBox.withConfig({ shouldForwardProp: j })`
     align-items: center;
     justify-content: center;
 
-    ${ye} {
+    ${Ft} {
       transform: ${i ? "rotate3d(0, 0, 1, 180deg)" : "rotate3d(0)"};
       transition: medium;
     }
@@ -83,141 +84,152 @@ const A = a.divBox.withConfig({ shouldForwardProp: j })`
       width: auto;
     }
   `
-), O = "", Ce = W.default || W, ve = we(
+), H = "", Rt = T.default || T, kt = gt(
   ({
     autoComplete: i = "off",
     autoFocus: n,
-    dataTestId: s,
-    disabled: g,
+    dataTestId: l,
+    disabled: x,
     groupsEnabled: G,
-    icon: p,
+    icon: u,
     id: L,
-    itemToString: l,
-    minChars: E = 3,
+    itemToString: r,
+    minChars: g = 3,
     name: I,
     onBlur: Y,
     onChange: S,
     onClick: Z,
-    onFocus: k,
+    onFocus: y,
     placeholder: q = "Search…",
     renderGroupHeader: J,
-    renderItem: x,
-    search: C,
-    size: w = "md",
-    throttle: v = 500,
-    value: f = O,
+    renderItem: C,
+    search: v,
+    size: j = "md",
+    throttle: R = 500,
+    value: f = H,
     variant: K,
-    ...y
+    ...w
   }, Q) => {
-    const U = f ? l(f) : O, [R, d] = de([]), D = me(
-      async (e) => {
-        if (E === 0 || (e == null ? void 0 : e.length) >= E) {
-          const m = await C(e);
-          d(m || []);
+    const U = f ? r(f) : H, [k, c] = pt([]), D = ut(
+      async (t) => {
+        if (g === 0 || (t == null ? void 0 : t.length) >= g) {
+          const p = await v(t);
+          c(p || []);
         } else
-          d([]);
+          c([]);
       },
-      [E, C]
-    ), _ = pe(
-      () => Ee(D, v, !1),
-      [D, v]
-    ), $ = (e) => {
-      const m = ue({ name: I, value: e });
-      S && S(e, m);
-    }, z = (e) => {
-      e ? $(e) : ($(), d([]));
+      [g, v]
+    ), E = ft(
+      () => bt(D, R, !1),
+      [D, R]
+    ), $ = (t) => {
+      const p = jt({ name: I, value: t });
+      S && S(t, p);
+    }, _ = (t) => {
+      t ? $(t) : ($(), c([]));
     }, X = () => {
-      f || z(), d([]);
-    }, ee = (e) => l(e) || "";
-    return /* @__PURE__ */ t.createElement(
-      Ce,
+      f || _(), c([]);
+    }, tt = (t) => r(t) || "";
+    return /* @__PURE__ */ e.jsx(
+      Rt,
       {
         initialInputValue: U,
-        itemToString: ee,
-        onInputValueChange: _,
+        itemToString: tt,
+        onInputValueChange: E,
         onOuterClick: X,
-        onSelect: z,
+        onSelect: _,
         selectedItem: f,
-        ...y
-      },
-      ({
-        clearSelection: e,
-        getInputProps: m,
-        getItemProps: B,
-        getMenuProps: te,
-        getRootProps: ne,
-        highlightedIndex: M,
-        inputValue: oe,
-        isOpen: P,
-        selectedItem: u,
-        toggleMenu: ie
-      }) => {
-        const ae = () => {
-          d([]), $(), e();
-        }, se = P && R.length > 0, le = /* @__PURE__ */ t.createElement(xe, { as: "div", size: w }, /* @__PURE__ */ t.createElement($e, { onClick: ae })), re = m({
-          autoComplete: i,
-          autoFocus: n,
-          "data-testid": s,
-          disabled: g,
-          iconPlacement: !!p && "left",
-          id: L,
-          name: I,
-          onBlur: Y,
-          onClick: Z,
-          onFocus: (r) => {
-            k && k(r), _(""), ie();
-          },
-          placeholder: q,
-          ref: Q,
-          size: w,
-          tabIndex: 0,
-          variant: P ? "focused" : K,
-          ...y
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        }), N = ge[w];
-        return /* @__PURE__ */ t.createElement(A, { ...ne(y) }, /* @__PURE__ */ t.createElement(Fe, null, /* @__PURE__ */ t.createElement(Ie, { ...re }), p && /* @__PURE__ */ t.createElement(be, { iconPlacement: "left", size: N }, t.cloneElement(p, { ...p.props, size: N })), /* @__PURE__ */ t.createElement(ke, null, oe && le)), se && /* @__PURE__ */ t.createElement(Se, { ...te() }, R.reduce(
-          (r, c, h) => (G ? r.itemsToRender.push(
-            // eslint-disable-next-line react/no-array-index-key
-            /* @__PURE__ */ t.createElement(fe, { key: h }, J(c), c.options && c.options.map((b, ce) => {
-              const T = r.itemIndex++;
-              return /* @__PURE__ */ t.createElement(
-                H,
-                {
-                  key: ce,
-                  ...B({
-                    index: T,
-                    isSelected: u && l(u) === l(b),
-                    item: b
-                  }),
-                  isHighlighted: M === T
-                },
-                x(b)
-              );
-            }))
-          ) : r.itemsToRender.push(
-            /* @__PURE__ */ t.createElement(
-              H,
-              {
-                key: h,
-                ...B({
-                  index: h,
-                  isSelected: u && l(u) === l(c),
-                  item: c
-                }),
-                isHighlighted: M === h
-              },
-              x(c)
-            )
-          ), r),
-          { itemsToRender: [], itemIndex: 0 }
-        ).itemsToRender));
+        ...w,
+        children: ({
+          clearSelection: t,
+          getInputProps: p,
+          getItemProps: z,
+          getMenuProps: et,
+          getRootProps: nt,
+          highlightedIndex: B,
+          inputValue: ot,
+          isOpen: M,
+          selectedItem: h,
+          toggleMenu: it
+        }) => {
+          const st = () => {
+            c([]), $(), t();
+          }, lt = M && k.length > 0, rt = /* @__PURE__ */ e.jsx(vt, { as: "div", size: j, children: /* @__PURE__ */ e.jsx(mt, { onClick: st }) }), at = p({
+            autoComplete: i,
+            autoFocus: n,
+            "data-testid": l,
+            disabled: x,
+            iconPlacement: !!u && "left",
+            id: L,
+            name: I,
+            onBlur: Y,
+            onClick: Z,
+            onFocus: (a) => {
+              y && y(a), E(""), it();
+            },
+            placeholder: q,
+            ref: Q,
+            size: j,
+            tabIndex: 0,
+            variant: M ? "focused" : K,
+            ...w
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          }), P = $t[j];
+          return /* @__PURE__ */ e.jsxs(A, { ...nt(w), children: [
+            /* @__PURE__ */ e.jsxs(It, { children: [
+              /* @__PURE__ */ e.jsx(St, { ...at }),
+              u ? /* @__PURE__ */ e.jsx(xt, { iconPlacement: "left", size: P, children: ct.cloneElement(u, { ...u.props, size: P }) }) : null,
+              /* @__PURE__ */ e.jsx(Ct, { children: ot ? rt : null })
+            ] }),
+            lt ? /* @__PURE__ */ e.jsx(yt, { ...et(), children: k.reduce(
+              (a, d, m) => (G ? a.itemsToRender.push(
+                /* @__PURE__ */ e.jsxs(ht, { children: [
+                  J(d),
+                  d.options ? d.options.map(
+                    (b, dt) => {
+                      const N = a.itemIndex++;
+                      return /* @__PURE__ */ e.jsx(
+                        W,
+                        {
+                          ...z({
+                            index: N,
+                            isSelected: h && r(h) === r(b),
+                            item: b
+                          }),
+                          isHighlighted: B === N,
+                          children: C(b)
+                        },
+                        dt
+                      );
+                    }
+                  ) : null
+                ] }, m)
+              ) : a.itemsToRender.push(
+                /* @__PURE__ */ e.jsx(
+                  W,
+                  {
+                    ...z({
+                      index: m,
+                      isSelected: h && r(h) === r(d),
+                      item: d
+                    }),
+                    isHighlighted: B === m,
+                    children: C(d)
+                  },
+                  m
+                )
+              ), a),
+              { itemIndex: 0, itemsToRender: [] }
+            ).itemsToRender }) : null
+          ] });
+        }
       }
     );
   }
 );
-ve.displayName = "Search";
-const Ve = A;
+kt.displayName = "Search";
+const At = A;
 export {
-  ve as Search,
-  Ve as StyledSearch
+  kt as Search,
+  At as StyledSearch
 };