welcome-ui 8.2.1 → 8.4.0

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

@@ -1,7 +1,7 @@
 "use client";
-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";
+import { u } from "./P4IRICAX-Dg8AjwYu.mjs";
+import { a as c } from "./VGCJ63VH-C4H4_vtu.mjs";
+import { f as l, c as p, h as D, _ as m, i as g, g as a, s as v } from "./LVA2YJMS-B8X1PCyC.mjs";
 var f = "button", d = p(
   function(r) {
     var s = r, { store: o } = s, e = m(s, ["store"]);

package/dist/Accordion.mjs

@@ -1,12 +1,12 @@
 "use client";
-import { j as o } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { j as o } from "./jsx-runtime-Bqq1Hxg9.mjs";
 import { cloneElement as m } from "react";
 import "./Icon.mjs";
-import { R as p } from "./index-CYmF7qCH.mjs";
+import { R as p } from "./index-DtWZjMb5.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";
+import { D as f } from "./P4IRICAX-Dg8AjwYu.mjs";
+import { d as g, e as h } from "./VGCJ63VH-C4H4_vtu.mjs";
 const x = t.divBox`
   ${i("accordions.wrapper")};
   transition: medium;

package/dist/Alert.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { j as s } from "./jsx-runtime-B7I4PJ0H.mjs";
-import R, { Children as j, cloneElement as m } from "react";
+import { j as s } from "./jsx-runtime-Bqq1Hxg9.mjs";
+import V, { 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";
@@ -18,23 +18,23 @@ const x = c.divBox`
 `, A = c(q)`
   position: absolute;
   align-self: flex-start;
-`, F = c.divBox(({ icon: n, isFullWidth: o, size: e, variant: l }) => f`
+`, F = c.divBox(({ icon: o, isFullWidth: e, size: n, variant: i }) => f`
     position: relative;
     display: flex;
     align-items: flex-start;
     width: 100%;
-    max-width: ${o ? "100%" : "max-content"};
+    max-width: ${e ? "100%" : "max-content"};
     ${r("alerts.default")};
-    ${r(`alerts.${l}`)};
-    ${r(`alerts.sizes.${e}`)};
+    ${r(`alerts.${i}`)};
+    ${r(`alerts.sizes.${n}`)};
 
-    ${n !== null && e === "sm" && f`
+    ${o !== null && n === "sm" && f`
       ${x} {
         margin-left: calc(${r("icons.sm")} + ${r("space.md")});
       }
     `}
 
-    ${n !== null && e === "md" && f`
+    ${o !== null && n === "md" && f`
       ${x} {
         margin-left: calc(${r("icons.md")} + ${r("space.lg")});
         gap: ${r("space.lg")};
@@ -45,73 +45,79 @@ const x = c.divBox`
         margin-top: -3;
       }
     `}
-  `), G = c(O)(({ variant: n }) => f`
+  `), G = c(O)(({ hasCloseButton: o, variant: e }) => f`
     font-weight: medium;
     ${r("alerts.title.default")};
-    ${r(`alerts.title.sizes.${n}`)};
+    ${r(`alerts.title.sizes.${e}`)};
+    margin-right: ${o ? "xl" : void 0};
     ${D};
-  `), b = ({ children: n, dataTestId: o, variant: e }) => /* @__PURE__ */ s.jsx(G, { "data-testid": o, variant: e, children: n }), H = d(
+  `), b = ({
+  children: o,
+  dataTestId: e,
+  hasCloseButton: n,
+  variant: i
+}) => /* @__PURE__ */ s.jsx(G, { "data-testid": e, hasCloseButton: n, variant: i, children: o }), H = d(
   ({
-    children: n,
-    cta: o,
-    dataTestId: e,
-    handleClose: l,
+    children: o,
+    cta: e,
+    dataTestId: n,
+    handleClose: i,
     icon: p,
-    isFullWidth: h,
-    size: i = "sm",
-    variant: a = "default",
+    isFullWidth: S,
+    size: a = "sm",
+    variant: l = "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) => {
+    const k = n ? `${n}-close-button` : void 0, E = l === "beige" ? "default" : l, u = l === "ai", R = j.toArray(o).map((t) => t.type === b ? m(t, { hasCloseButton: !!i, variant: a }) : t), $ = (t) => {
       var y;
       if (t) {
         if (t.type === v)
           return m(t, {
             ai: u,
-            size: i,
+            size: a,
             variant: u ? "primary" : void 0
           });
-        if (t.type === S)
+        if (t.type === h)
           return m(t, {
             ai: u,
-            size: i
+            size: a
           });
         if ((y = t.props) != null && y.children)
           return m(t, {
             ...t.props,
             children: j.map(
               t.props.children,
-              (V) => $(V)
+              (T) => $(T)
             )
           });
       }
       return t;
-    }, g = R.isValidElement(o) ? $(o) : o;
+    }, g = V.isValidElement(e) ? $(e) : e;
     return /* @__PURE__ */ s.jsxs(
       F,
       {
-        "data-testid": e,
+        "data-testid": n,
         icon: p,
-        isFullWidth: h,
+        isFullWidth: S,
         ref: I,
-        size: i,
-        variant: a,
+        size: a,
+        variant: l,
         ...C,
         children: [
-          !!l && /* @__PURE__ */ s.jsx(
+          !!i && /* @__PURE__ */ s.jsx(
             _,
             {
               dataTestId: k,
-              onClick: l,
+              onClick: i,
               position: "absolute",
               right: "sm",
               size: "xs",
               top: "sm"
             }
           ),
-          p !== null && /* @__PURE__ */ s.jsx(A, { icon: p, size: i, variant: E }),
+          p !== null && /* @__PURE__ */ s.jsx(A, { icon: p, size: a, variant: E }),
           /* @__PURE__ */ s.jsxs(x, { children: [
-            /* @__PURE__ */ s.jsx(B, { flex: 1, children: T }),
+            /* @__PURE__ */ s.jsx(B, { flex: 1, children: R }),
             !!g && /* @__PURE__ */ s.jsx(B, { alignItems: "center", display: "flex", gap: "sm", children: g })
           ] })
         ]
@@ -119,12 +125,12 @@ const x = c.divBox`
     );
   }
 ), v = d(
-  ({ variant: n = "secondary", ...o }, e) => /* @__PURE__ */ s.jsx(w, { flexShrink: 0, ref: e, w: "fit-content", ...o, variant: n })
-), S = d(
-  ({ variant: n = "tertiary", ...o }, e) => /* @__PURE__ */ s.jsx(w, { flexShrink: 0, ref: e, w: "fit-content", ...o, variant: n })
+  ({ variant: o = "secondary", ...e }, n) => /* @__PURE__ */ s.jsx(w, { flexShrink: 0, ref: n, w: "fit-content", ...e, variant: o })
+), h = d(
+  ({ variant: o = "tertiary", ...e }, n) => /* @__PURE__ */ s.jsx(w, { flexShrink: 0, ref: n, w: "fit-content", ...e, variant: o })
 ), X = Object.assign(H, {
   Button: v,
-  SecondaryButton: S,
+  SecondaryButton: h,
   Title: b
 });
 export {

package/dist/AspectRatio.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as i } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { j as i } from "./jsx-runtime-Bqq1Hxg9.mjs";
 import { forwardRef as s } from "./System.mjs";
 import r, { css as n } from "@xstyled/styled-components";
 const p = r.divBox(

package/dist/Avatar.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as s } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { j as s } from "./jsx-runtime-Bqq1Hxg9.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";