welcome-ui 8.1.3 → 8.2.0-alpha.1

package/dist/{AXB53BZF-BOEe01VW.mjs → AXB53BZF-XKOjjeWO.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { u } from "./P4IRICAX-DezbJY4s.mjs";
-import { a as c } from "./VGCJ63VH-BMzoZtCu.mjs";
-import { f as l, c as p, h as D, _ as m, i as g, g as a, s as v } from "./LVA2YJMS-DDEmK0pp.mjs";
+import { u } from "./P4IRICAX-CWSZLTGz.mjs";
+import { a as c } from "./VGCJ63VH-C0UPBY-5.mjs";
+import { f as l, c as p, h as D, _ as m, i as g, g as a, s as v } from "./LVA2YJMS-C-kJ1lkr.mjs";
 var f = "button", d = p(
   function(r) {
     var s = r, { store: o } = s, e = m(s, ["store"]);

package/dist/Accordion.mjs

@@ -1,21 +1,22 @@
 "use client";
-import o, { cloneElement as m } from "react";
-import e, { th as r } from "@xstyled/styled-components";
-import { D as u } from "./P4IRICAX-DezbJY4s.mjs";
-import { d as p, e as f } from "./VGCJ63VH-BMzoZtCu.mjs";
+import { j as o } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { cloneElement as m } from "react";
 import "./Icon.mjs";
-import { R as g } from "./index-CmsWSKKs.mjs";
-import { forwardRef as h } from "./System.mjs";
-const $ = e.divBox`
-  ${r("accordions.wrapper")};
+import { R as p } from "./index-CYmF7qCH.mjs";
+import { forwardRef as u } from "./System.mjs";
+import t, { th as i } from "@xstyled/styled-components";
+import { D as f } from "./P4IRICAX-CWSZLTGz.mjs";
+import { d as g, e as h } from "./VGCJ63VH-C0UPBY-5.mjs";
+const x = t.divBox`
+  ${i("accordions.wrapper")};
   transition: medium;
 
   &:hover {
     border-color: neutral-50;
   }
-`, n = e.divBox`
+`, n = t.divBox`
   flex-shrink: 0;
-  ${r("accordions.icon")};
+  ${i("accordions.icon")};
   transform: rotate3d(0);
   transition: medium;
   width: 32;
@@ -27,10 +28,10 @@ const $ = e.divBox`
   & *:first-child {
     margin: auto;
   }
-`, v = e(u)`
-  ${r("accordions.title")};
+`, $ = t(f)`
+  ${i("accordions.title")};
   width: 100%;
-  padding: ${r("accordions.padding")};
+  padding: ${i("accordions.padding")};
   background-color: transparent;
   border: 0;
   display: flex;
@@ -58,7 +59,7 @@ const $ = e.divBox`
       color: inherit;
     }
   }
-`, w = e(p)`
+`, j = t(g)`
   display: grid;
   grid-template-rows: 0fr;
   transition-property: grid-template-rows;
@@ -74,18 +75,24 @@ const $ = e.divBox`
   &[data-enter] {
     grid-template-rows: 1fr;
   }
-`, E = e.div`
-  ${r("accordions.content")};
-  padding: ${r("accordions.padding")};
+`, v = t.div`
+  ${i("accordions.content")};
+  padding: ${i("accordions.padding")};
   padding-top: 0;
   color: neutral-70;
-`, A = h(
-  ({ children: i, dataTestId: t, icon: c = /* @__PURE__ */ o.createElement(g, null), store: a, title: d, ...s }, l) => /* @__PURE__ */ o.createElement($, { "data-testid": t, ref: l, ...s }, /* @__PURE__ */ o.createElement(v, { "data-testid": t ? `${t}-title` : void 0, store: a }, d, /* @__PURE__ */ o.createElement(n, null, m(c, { size: "sm" }))), /* @__PURE__ */ o.createElement(w, { "data-testid": t ? `${t}-content` : void 0, store: a }, /* @__PURE__ */ o.createElement("div", null, /* @__PURE__ */ o.createElement(E, null, i))))
+`, B = u(
+  ({ children: e, dataTestId: r, icon: d = /* @__PURE__ */ o.jsx(p, {}), store: s, title: c, ...a }, l) => /* @__PURE__ */ o.jsxs(x, { "data-testid": r, ref: l, ...a, children: [
+    /* @__PURE__ */ o.jsxs($, { "data-testid": r ? `${r}-title` : void 0, store: s, children: [
+      c,
+      /* @__PURE__ */ o.jsx(n, { children: m(d, { size: "sm" }) })
+    ] }),
+    /* @__PURE__ */ o.jsx(j, { "data-testid": r ? `${r}-content` : void 0, store: s, children: /* @__PURE__ */ o.jsx("div", { children: /* @__PURE__ */ o.jsx(v, { children: e }) }) })
+  ] })
 );
-function B(i) {
-  return f({ animated: !0, ...i });
+function E(e) {
+  return h({ animated: !0, ...e });
 }
 export {
-  A as Accordion,
-  B as useAccordion
+  B as Accordion,
+  E as useAccordion
 };

package/dist/Alert.mjs

@@ -1,126 +1,132 @@
 "use client";
-import s, { Children as B, cloneElement as m } from "react";
-import f, { th as o, css as c, system as _ } from "@xstyled/styled-components";
-import { Text as D } from "./Text.mjs";
-import { VariantIcon as O } from "./VariantIcon.mjs";
-import { CloseButton as h } from "./CloseButton.mjs";
+import { j as s } from "./jsx-runtime-B7I4PJ0H.mjs";
+import R, { Children as j, cloneElement as m } from "react";
+import { Box as B } from "./Box.mjs";
 import { Button as w } from "./Button.mjs";
+import { CloseButton as _ } from "./CloseButton.mjs";
 import { forwardRef as d } from "./System.mjs";
-import { Box as E } from "./Box.mjs";
-const $ = f.divBox`
+import c, { th as r, css as f, system as D } from "@xstyled/styled-components";
+import { Text as O } from "./Text.mjs";
+import { VariantIcon as q } from "./VariantIcon.mjs";
+const x = c.divBox`
   display: flex;
   gap: md;
   flex-direction: column;
   justify-content: space-between;
   align-items: flex-start;
   flex: 1;
-`, A = f(O)`
+`, A = c(q)`
   position: absolute;
   align-self: flex-start;
-`, q = f.divBox(({ icon: n, isFullWidth: r, size: e, variant: l }) => c`
+`, F = c.divBox(({ icon: n, isFullWidth: o, size: e, variant: l }) => f`
     position: relative;
     display: flex;
     align-items: flex-start;
     width: 100%;
-    max-width: ${r ? "100%" : "max-content"};
-    ${o("alerts.default")};
-    ${o(`alerts.${l}`)};
-    ${o(`alerts.sizes.${e}`)};
+    max-width: ${o ? "100%" : "max-content"};
+    ${r("alerts.default")};
+    ${r(`alerts.${l}`)};
+    ${r(`alerts.sizes.${e}`)};
 
-    ${n !== null && e === "sm" && c`
-      ${$} {
-        margin-left: calc(${o("icons.sm")} + ${o("space.md")});
+    ${n !== null && e === "sm" && f`
+      ${x} {
+        margin-left: calc(${r("icons.sm")} + ${r("space.md")});
       }
     `}
 
-    ${n !== null && e === "md" && c`
-      ${$} {
-        margin-left: calc(${o("icons.md")} + ${o("space.lg")});
-        gap: ${o("space.lg")};
-        font-size: ${o("fontSizes.md")};
+    ${n !== null && e === "md" && f`
+      ${x} {
+        margin-left: calc(${r("icons.md")} + ${r("space.lg")});
+        gap: ${r("space.lg")};
+        font-size: ${r("fontSizes.md")};
       }
 
       ${A} {
         margin-top: -3;
       }
     `}
-  `), F = f(D)(({ variant: n }) => c`
+  `), G = c(O)(({ variant: n }) => f`
     font-weight: medium;
-    ${o("alerts.title.default")};
-    ${o(`alerts.title.sizes.${n}`)};
-    ${_};
-  `), b = ({ children: n, dataTestId: r, variant: e }) => /* @__PURE__ */ s.createElement(F, { "data-testid": r, variant: e }, n), G = d(
+    ${r("alerts.title.default")};
+    ${r(`alerts.title.sizes.${n}`)};
+    ${D};
+  `), b = ({ children: n, dataTestId: o, variant: e }) => /* @__PURE__ */ s.jsx(G, { "data-testid": o, variant: e, children: n }), H = d(
   ({
     children: n,
-    cta: r,
+    cta: o,
     dataTestId: e,
     handleClose: l,
     icon: p,
-    isFullWidth: C,
-    size: a = "sm",
-    variant: i = "default",
-    ...I
-  }, k) => {
-    const T = e ? `${e}-close-button` : void 0, V = i === "beige" ? "default" : i, u = i === "ai", j = B.toArray(n).map((t) => t.type === b ? m(t, { variant: a }) : t), x = (t) => {
+    isFullWidth: h,
+    size: i = "sm",
+    variant: a = "default",
+    ...C
+  }, I) => {
+    const k = e ? `${e}-close-button` : void 0, E = a === "beige" ? "default" : a, u = a === "ai", T = j.toArray(n).map((t) => t.type === b ? m(t, { variant: i }) : t), $ = (t) => {
       var y;
       if (t) {
         if (t.type === v)
           return m(t, {
-            size: a,
             ai: u,
+            size: i,
             variant: u ? "primary" : void 0
           });
         if (t.type === S)
           return m(t, {
-            size: a,
-            ai: u
+            ai: u,
+            size: i
           });
         if ((y = t.props) != null && y.children)
           return m(t, {
             ...t.props,
-            children: B.map(
+            children: j.map(
               t.props.children,
-              (R) => x(R)
+              (V) => $(V)
             )
           });
       }
       return t;
-    }, g = s.isValidElement(r) ? x(r) : r;
-    return /* @__PURE__ */ s.createElement(
-      q,
+    }, g = R.isValidElement(o) ? $(o) : o;
+    return /* @__PURE__ */ s.jsxs(
+      F,
       {
         "data-testid": e,
         icon: p,
-        isFullWidth: C,
-        ref: k,
-        size: a,
-        variant: i,
-        ...I
-      },
-      !!l && /* @__PURE__ */ s.createElement(
-        h,
-        {
-          dataTestId: T,
-          onClick: l,
-          position: "absolute",
-          right: "sm",
-          size: "xs",
-          top: "sm"
-        }
-      ),
-      p !== null && /* @__PURE__ */ s.createElement(A, { icon: p, size: a, variant: V }),
-      /* @__PURE__ */ s.createElement($, null, /* @__PURE__ */ s.createElement(E, { flex: 1 }, j), !!g && /* @__PURE__ */ s.createElement(E, { alignItems: "center", display: "flex", gap: "sm" }, g))
+        isFullWidth: h,
+        ref: I,
+        size: i,
+        variant: a,
+        ...C,
+        children: [
+          !!l && /* @__PURE__ */ s.jsx(
+            _,
+            {
+              dataTestId: k,
+              onClick: l,
+              position: "absolute",
+              right: "sm",
+              size: "xs",
+              top: "sm"
+            }
+          ),
+          p !== null && /* @__PURE__ */ s.jsx(A, { icon: p, size: i, variant: E }),
+          /* @__PURE__ */ s.jsxs(x, { children: [
+            /* @__PURE__ */ s.jsx(B, { flex: 1, children: T }),
+            !!g && /* @__PURE__ */ s.jsx(B, { alignItems: "center", display: "flex", gap: "sm", children: g })
+          ] })
+        ]
+      }
     );
   }
 ), v = d(
-  ({ variant: n = "secondary", ...r }, e) => /* @__PURE__ */ s.createElement(w, { flexShrink: 0, ref: e, w: "fit-content", ...r, variant: n })
+  ({ variant: n = "secondary", ...o }, e) => /* @__PURE__ */ s.jsx(w, { flexShrink: 0, ref: e, w: "fit-content", ...o, variant: n })
 ), S = d(
-  ({ variant: n = "tertiary", ...r }, e) => /* @__PURE__ */ s.createElement(w, { flexShrink: 0, ref: e, w: "fit-content", ...r, variant: n })
-), U = Object.assign(G, {
-  Title: b,
+  ({ variant: n = "tertiary", ...o }, e) => /* @__PURE__ */ s.jsx(w, { flexShrink: 0, ref: e, w: "fit-content", ...o, variant: n })
+), X = Object.assign(H, {
   Button: v,
-  SecondaryButton: S
+  SecondaryButton: S,
+  Title: b
 });
 export {
-  U as Alert
+  X as Alert
 };

package/dist/AspectRatio.mjs

@@ -1,9 +1,9 @@
 "use client";
-import i from "react";
-import r, { css as s } from "@xstyled/styled-components";
-import { forwardRef as c } from "./System.mjs";
-const n = r.divBox(
-  ({ ratio: t }) => s`
+import { j as i } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { forwardRef as s } from "./System.mjs";
+import r, { css as n } from "@xstyled/styled-components";
+const p = r.divBox(
+  ({ ratio: t }) => n`
     position: relative;
 
     & > * {
@@ -32,10 +32,10 @@ const n = r.divBox(
       padding-bottom: ${1 / t * 100}%;
     }
   `
-), a = c(
-  ({ ratio: t = 4 / 3, ...e }, o) => /* @__PURE__ */ i.createElement(n, { ratio: t, ref: o, ...e })
+), c = s(
+  ({ ratio: t = 4 / 3, ...o }, e) => /* @__PURE__ */ i.jsx(p, { ratio: t, ref: e, ...o })
 );
-a.displayName = "AspectRatio";
+c.displayName = "AspectRatio";
 export {
-  a as AspectRatio
+  c as AspectRatio
 };

package/dist/Avatar.mjs

@@ -1,51 +1,55 @@
 "use client";
-import a, { memo as x } from "react";
-import m, { th as v, useTheme as y } from "@xstyled/styled-components";
-import { Shape as C } from "./Shape.mjs";
-import { Text as $ } from "./Text.mjs";
-import { forwardRef as b } from "./System.mjs";
-import { Box as A } from "./Box.mjs";
-function z(o, t = "") {
-  const e = Object.keys(o).filter((r) => r.startsWith("secondary-")), s = t.length % e.length;
-  return e[s];
+import { j as s } from "./jsx-runtime-B7I4PJ0H.mjs";
+import m, { th as g, useTheme as j } from "@xstyled/styled-components";
+import { memo as v } from "react";
+import { Box as y } from "./Box.mjs";
+import { forwardRef as C } from "./System.mjs";
+import { Shape as $ } from "./Shape.mjs";
+import { Text as b } from "./Text.mjs";
+const A = m($)`
+  flex-shrink: 0;
+`, z = m(b)`
+  ${g("avatars.text")};
+`;
+function S(e, t = "") {
+  const r = Object.keys(e).filter((o) => o.startsWith("secondary-")), a = t.length % r.length;
+  return r[a];
 }
-function E(o = "") {
-  const [t, e] = o.split(" ");
-  return t && e ? `${t.charAt(0).toUpperCase()}${e.charAt(0).toUpperCase()}` : t.substring(0, 2).toUpperCase();
+function T(e = "") {
+  const [t, r] = e.split(" ");
+  return t && r ? `${t.charAt(0).toUpperCase()}${r.charAt(0).toUpperCase()}` : t.substring(0, 2).toUpperCase();
 }
-const S = m(C)`
-  flex-shrink: 0;
-`, T = m($)`
-  ${v("avatars.text")};
-`, k = x(
-  b(
+const k = v(
+  C(
     ({
-      color: o,
+      color: e,
       fontSize: t,
-      getInitials: e = E,
-      h: s,
-      name: r,
-      shape: f = "circle",
-      size: p = "md",
-      src: n,
-      w: l,
-      ...u
-    }, h) => {
-      const i = y(), d = o || z(i.colors, r), c = i.avatars.sizes[p], g = t || `calc(${l ? i.toRem(l) : c} / 2.5)`;
-      return /* @__PURE__ */ a.createElement(
-        S,
+      getInitials: r = T,
+      h: a,
+      name: o,
+      shape: p = "circle",
+      size: f = "md",
+      src: i,
+      w: n,
+      ...h
+    }, x) => {
+      const l = j(), u = e || S(l.colors, o), c = l.avatars.sizes[f], d = t || `calc(${n ? l.toRem(n) : c} / 2.5)`;
+      return /* @__PURE__ */ s.jsxs(
+        A,
         {
-          "aria-label": r,
-          backgroundColor: d,
-          h: s || c,
-          ref: h,
+          "aria-label": o,
+          backgroundColor: u,
+          h: a || c,
+          ref: x,
           role: "img",
-          shape: f,
-          w: l || c,
-          ...u
-        },
-        n && /* @__PURE__ */ a.createElement("img", { alt: r, src: n }),
-        !n && /* @__PURE__ */ a.createElement(A, null, /* @__PURE__ */ a.createElement(T, { fontSize: g, m: 0 }, e(r)))
+          shape: p,
+          w: n || c,
+          ...h,
+          children: [
+            i ? /* @__PURE__ */ s.jsx("img", { alt: o, src: i }) : null,
+            !i && /* @__PURE__ */ s.jsx(y, { children: /* @__PURE__ */ s.jsx(z, { fontSize: d, m: 0, children: r(o) }) })
+          ]
+        }
       );
     }
   )