welcome-ui 8.1.0-alpha.3 → 8.1.1

package/dist/RadioTab.mjs

@@ -1,12 +1,12 @@
 "use client";
-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 })`
+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 })`
   position: absolute;
   top: 0;
   left: 0;
@@ -23,7 +23,7 @@ const y = s(c).withConfig({ shouldForwardProp: u })`
     border-top-right-radius: 0;
     border-top-left-radius: 0;
   }
-`, x = e`
+`, w = e`
   margin-left: -${i.borderWidth("sm")};
 
   &:first-of-type {
@@ -36,8 +36,8 @@ const y = s(c).withConfig({ shouldForwardProp: u })`
     border-bottom-left-radius: 0;
   }
 `;
-s.labelBox(
-  ({ checked: o, flexDirection: t, size: r, variant: a }) => e`
+a.labelBox(
+  ({ checked: o, flexDirection: t, size: r, variant: s }) => e`
     ${i("radioTabs.default")};
     flex: 1;
     display: flex;
@@ -52,28 +52,28 @@ s.labelBox(
     cursor: pointer;
     transition: medium;
 
-    ${h({ size: r, variant: a })};
+    ${f({ size: r, variant: s })};
     ${o && e`
       ${i("radioTabs.checked")};
       z-index: 2;
     `};
     ${t === "column" && $};
-    ${t === "row" && x};
+    ${t === "row" && w};
     padding-top: 0;
     padding-bottom: 0;
   `
 );
-s.div`
+a.div`
   flex-shrink: 0;
   position: relative;
 `;
-s.div`
-  ${g};
+a.div`
+  ${u};
   max-width: 100%;
 `;
-const w = b(
-  ({ checked: o, dataTestId: t, disabled: r, id: a, label: l, onChange: m, value: n }, p) => /* @__PURE__ */ d.jsxs(
-    f,
+const x = h(
+  ({ checked: o, dataTestId: t, disabled: r, id: s, label: l, onChange: m, value: n }, p) => /* @__PURE__ */ d.createElement(
+    g,
     {
       as: "label",
       borderColor: !o && "neutral-30",
@@ -81,25 +81,23 @@ const w = b(
       dataTestId: t,
       disabled: r,
       ref: p,
-      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
-      ]
-    }
+      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
   )
 );
-w.displayName = "RadioTab";
+x.displayName = "RadioTab";
 export {
-  w as RadioTab
+  x as RadioTab
 };

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

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

package/dist/Search.mjs

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