welcome-ui 8.0.0 → 8.0.3

package/dist/AXB53BZF-BOEe01VW.mjs

@@ -0,0 +1,25 @@
+"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";
+var f = "button", d = p(
+  function(r) {
+    var s = r, { store: o } = s, e = m(s, ["store"]);
+    const i = c();
+    o = o || i, g(
+      o,
+      process.env.NODE_ENV !== "production" && "DialogDisclosure must receive a `store` prop or be wrapped in a DialogProvider component."
+    );
+    const n = o.useState("contentElement");
+    return e = a({
+      "aria-haspopup": v(n, "dialog")
+    }, e), e = u(a({ store: o }, e)), e;
+  }
+), P = l(function(r) {
+  const s = d(r);
+  return D(f, s);
+});
+export {
+  P as D,
+  d as u
+};

package/dist/Accordion.mjs

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

package/dist/Alert.mjs

@@ -1,13 +1,13 @@
 "use client";
 import s, { Children as B, cloneElement as m } from "react";
-import f, { css as c, th as o, system as _ } from "@xstyled/styled-components";
+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 { Button as w } from "./Button.mjs";
-import { forwardRef as $ } from "./System.mjs";
+import { forwardRef as d } from "./System.mjs";
 import { Box as E } from "./Box.mjs";
-const d = f.divBox`
+const $ = f.divBox`
   display: flex;
   gap: md;
   flex-direction: column;
@@ -28,13 +28,13 @@ const d = f.divBox`
     ${o(`alerts.sizes.${e}`)};
 
     ${n !== null && e === "sm" && c`
-      ${d} {
+      ${$} {
         margin-left: calc(${o("icons.sm")} + ${o("space.md")});
       }
     `}
 
     ${n !== null && e === "md" && c`
-      ${d} {
+      ${$} {
         margin-left: calc(${o("icons.md")} + ${o("space.lg")});
         gap: ${o("space.lg")};
         font-size: ${o("fontSizes.md")};
@@ -49,28 +49,28 @@ const d = f.divBox`
     ${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 = $(
+  `), b = ({ children: n, dataTestId: r, variant: e }) => /* @__PURE__ */ s.createElement(F, { "data-testid": r, variant: e }, n), G = d(
   ({
     children: n,
     cta: r,
     dataTestId: e,
     handleClose: l,
     icon: p,
-    isFullWidth: I,
+    isFullWidth: C,
     size: a = "sm",
     variant: i = "default",
-    ...k
-  }, v) => {
+    ...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) => {
       var y;
       if (t) {
-        if (t.type === S)
+        if (t.type === v)
           return m(t, {
             size: a,
             ai: u,
             variant: u ? "primary" : void 0
           });
-        if (t.type === C)
+        if (t.type === S)
           return m(t, {
             size: a,
             ai: u
@@ -91,11 +91,11 @@ const d = f.divBox`
       {
         "data-testid": e,
         icon: p,
-        isFullWidth: I,
-        ref: v,
+        isFullWidth: C,
+        ref: k,
         size: a,
         variant: i,
-        ...k
+        ...I
       },
       !!l && /* @__PURE__ */ s.createElement(
         h,
@@ -109,17 +109,17 @@ const d = f.divBox`
         }
       ),
       p !== null && /* @__PURE__ */ s.createElement(A, { icon: p, size: a, variant: V }),
-      /* @__PURE__ */ s.createElement(d, null, /* @__PURE__ */ s.createElement(E, { flex: 1 }, j), !!g && /* @__PURE__ */ s.createElement(E, { alignItems: "center", display: "flex", gap: "sm" }, g))
+      /* @__PURE__ */ s.createElement($, null, /* @__PURE__ */ s.createElement(E, { flex: 1 }, j), !!g && /* @__PURE__ */ s.createElement(E, { alignItems: "center", display: "flex", gap: "sm" }, g))
     );
   }
-), S = $(
+), v = d(
   ({ variant: n = "secondary", ...r }, e) => /* @__PURE__ */ s.createElement(w, { flexShrink: 0, ref: e, w: "fit-content", ...r, variant: n })
-), C = $(
+), 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,
-  Button: S,
-  SecondaryButton: C
+  Button: v,
+  SecondaryButton: S
 });
 export {
   U as Alert