welcome-ui 1.0.0-beta.3 → 1.0.0-beta.5

package/dist/Accordion.mjs

@@ -1,509 +1,22 @@
 "use client";
-import * as K from "react";
-import L, { createContext as pe, useRef as me, useState as Se, useEffect as we, useMemo as Pe, cloneElement as Ae } from "react";
-import { R as Re } from "./index-Bwrtxit1.mjs";
-import { forwardRef as Le } from "./System.mjs";
-import q, { th as I, system as Ve } from "@xstyled/styled-components";
-import { i as Z, h as B, g as Te, c as ue, p as $e, o as je, a as Ie, _ as ve, b as Ee, n as Ne, d as Me, u as j, e as G, f as $, j as _e, k as Ue, l as H, m as Be, q as ge, r as he, s as ee, t as te, v as qe, w as He, x as ye, y as Ke, z as De, A as We, C as Ge, D as Fe, E as Oe } from "./X5NMLKT6-BC1Q56kB.mjs";
-import { r as ze } from "./index-WmqrMIzg.mjs";
-function Ye(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-function N(e, n) {
-  const t = e.__unstableInternals;
-  return Z(t, "Invalid store"), t[n];
-}
-function F(e, ...n) {
-  let t = e, r = t, a = Symbol(), s = Ne;
-  const o = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), E = /* @__PURE__ */ new Set(), _ = /* @__PURE__ */ new Set(), g = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), m = (l) => (E.add(l), () => E.delete(l)), y = () => {
-    const l = o.size, c = Symbol();
-    o.add(c);
-    const x = () => {
-      o.delete(c), !o.size && s();
-    };
-    if (l) return x;
-    const w = Te(t).map(
-      (P) => ue(
-        ...n.map((R) => {
-          var h;
-          const T = (h = R == null ? void 0 : R.getState) == null ? void 0 : h.call(R);
-          if (T && B(T, P))
-            return z(R, [P], (U) => {
-              v(
-                P,
-                U[P],
-                // @ts-expect-error - Not public API. This is just to prevent
-                // infinite loops.
-                !0
-              );
-            });
-        })
-      )
-    ), V = [];
-    for (const P of E)
-      V.push(P());
-    const M = n.map(be);
-    return s = ue(...w, ...V, ...M), x;
-  }, S = (l, c, x = _) => (x.add(c), p.set(c, l), () => {
-    var w;
-    (w = u.get(c)) == null || w(), u.delete(c), p.delete(c), x.delete(c);
-  }), O = (l, c) => S(l, c), A = (l, c) => (u.set(c, c(t, t)), S(l, c)), b = (l, c) => (u.set(c, c(t, r)), S(l, c, g)), d = (l) => F($e(t, l), C), f = (l) => F(je(t, l), C), D = () => t, v = (l, c, x = !1) => {
-    var w;
-    if (!B(t, l)) return;
-    const V = Ie(c, t[l]);
-    if (V === t[l]) return;
-    if (!x)
-      for (const h of n)
-        (w = h == null ? void 0 : h.setState) == null || w.call(h, l, V);
-    const M = t;
-    t = ve(Ee({}, t), { [l]: V });
-    const P = Symbol();
-    a = P, i.add(l);
-    const R = (h, T, U) => {
-      var se;
-      const ae = p.get(h), Ce = (ie) => U ? U.has(ie) : ie === l;
-      (!ae || ae.some(Ce)) && ((se = u.get(h)) == null || se(), u.set(h, h(t, T)));
-    };
-    for (const h of _)
-      R(h, M);
-    queueMicrotask(() => {
-      if (a !== P) return;
-      const h = t;
-      for (const T of g)
-        R(T, r, i);
-      r = h, i.clear();
-    });
-  }, C = {
-    getState: D,
-    setState: v,
-    __unstableInternals: {
-      setup: m,
-      init: y,
-      subscribe: O,
-      sync: A,
-      batch: b,
-      pick: d,
-      omit: f
-    }
-  };
-  return C;
-}
-function Y(e, ...n) {
-  if (e)
-    return N(e, "setup")(...n);
-}
-function be(e, ...n) {
-  if (e)
-    return N(e, "init")(...n);
-}
-function xe(e, ...n) {
-  if (e)
-    return N(e, "subscribe")(...n);
-}
-function z(e, ...n) {
-  if (e)
-    return N(e, "sync")(...n);
-}
-function ke(e, ...n) {
-  if (e)
-    return N(e, "batch")(...n);
-}
-function Je(e, ...n) {
-  if (e)
-    return N(e, "omit")(...n);
-}
-function Qe(...e) {
-  const n = e.reduce((r, a) => {
-    var s;
-    const o = (s = a == null ? void 0 : a.getState) == null ? void 0 : s.call(a);
-    return o ? Object.assign(r, o) : r;
-  }, {}), t = F(n, ...e);
-  return Object.assign({}, ...e, t);
-}
-function Xe(e, n) {
-  if (process.env.NODE_ENV === "production" || !n) return;
-  const t = Object.entries(e).filter(([s, o]) => s.startsWith("default") && o !== void 0).map(([s]) => {
-    var o;
-    const i = s.replace("default", "");
-    return `${((o = i[0]) == null ? void 0 : o.toLowerCase()) || ""}${i.slice(1)}`;
-  });
-  if (!t.length) return;
-  const r = n.getState();
-  if (t.filter(
-    (s) => B(r, s)
-  ).length)
-    throw new Error(
-      `Passing a store prop in conjunction with a default state is not supported.
-
-const store = useSelectStore();
-<SelectProvider store={store} defaultValue="Apple" />
-                ^             ^
-
-Instead, pass the default state to the topmost store:
-
-const store = useSelectStore({ defaultValue: "Apple" });
-<SelectProvider store={store} />
-
-See https://github.com/ariakit/ariakit/pull/2745 for more details.
-
-If there's a particular need for this, please submit a feature request at https://github.com/ariakit/ariakit
-`
-    );
-}
-var X = { exports: {} }, k = {}, ce;
-function Ze() {
-  if (ce) return k;
-  ce = 1;
-  var e = L;
-  function n(u, p) {
-    return u === p && (u !== 0 || 1 / u === 1 / p) || u !== u && p !== p;
-  }
-  var t = typeof Object.is == "function" ? Object.is : n, r = e.useState, a = e.useEffect, s = e.useLayoutEffect, o = e.useDebugValue;
-  function i(u, p) {
-    var m = p(), y = r({ inst: { value: m, getSnapshot: p } }), S = y[0].inst, O = y[1];
-    return s(function() {
-      S.value = m, S.getSnapshot = p, E(S) && O({ inst: S });
-    }, [u, m, p]), a(function() {
-      return E(S) && O({ inst: S }), u(function() {
-        E(S) && O({ inst: S });
-      });
-    }, [u]), o(m), m;
-  }
-  function E(u) {
-    var p = u.getSnapshot;
-    u = u.value;
-    try {
-      var m = p();
-      return !t(u, m);
-    } catch {
-      return !0;
-    }
-  }
-  function _(u, p) {
-    return p();
-  }
-  var g = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? _ : i;
-  return k.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : g, k;
-}
-var J = {}, le;
-function et() {
-  return le || (le = 1, process.env.NODE_ENV !== "production" && function() {
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-    var e = L, n = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function t(d) {
-      {
-        for (var f = arguments.length, D = new Array(f > 1 ? f - 1 : 0), v = 1; v < f; v++)
-          D[v - 1] = arguments[v];
-        r("error", d, D);
-      }
-    }
-    function r(d, f, D) {
-      {
-        var v = n.ReactDebugCurrentFrame, C = v.getStackAddendum();
-        C !== "" && (f += "%s", D = D.concat([C]));
-        var l = D.map(function(c) {
-          return String(c);
-        });
-        l.unshift("Warning: " + f), Function.prototype.apply.call(console[d], console, l);
-      }
-    }
-    function a(d, f) {
-      return d === f && (d !== 0 || 1 / d === 1 / f) || d !== d && f !== f;
-    }
-    var s = typeof Object.is == "function" ? Object.is : a, o = e.useState, i = e.useEffect, E = e.useLayoutEffect, _ = e.useDebugValue, g = !1, u = !1;
-    function p(d, f, D) {
-      g || e.startTransition !== void 0 && (g = !0, t("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
-      var v = f();
-      if (!u) {
-        var C = f();
-        s(v, C) || (t("The result of getSnapshot should be cached to avoid an infinite loop"), u = !0);
-      }
-      var l = o({
-        inst: {
-          value: v,
-          getSnapshot: f
-        }
-      }), c = l[0].inst, x = l[1];
-      return E(function() {
-        c.value = v, c.getSnapshot = f, m(c) && x({
-          inst: c
-        });
-      }, [d, v, f]), i(function() {
-        m(c) && x({
-          inst: c
-        });
-        var w = function() {
-          m(c) && x({
-            inst: c
-          });
-        };
-        return d(w);
-      }, [d]), _(v), v;
-    }
-    function m(d) {
-      var f = d.getSnapshot, D = d.value;
-      try {
-        var v = f();
-        return !s(D, v);
-      } catch {
-        return !0;
-      }
-    }
-    function y(d, f, D) {
-      return f();
-    }
-    var S = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", O = !S, A = O ? y : p, b = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : A;
-    J.useSyncExternalStore = b, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-  }()), J;
-}
-process.env.NODE_ENV === "production" ? X.exports = Ze() : X.exports = et();
-var tt = X.exports;
-const nt = /* @__PURE__ */ Ye(tt);
-var { useSyncExternalStore: rt } = nt, ot = () => () => {
-};
-function ne(e, n = Me) {
-  const t = K.useCallback(
-    (a) => e ? xe(e, null, a) : ot(),
-    [e]
-  ), r = () => {
-    const a = typeof n == "string" ? n : null, s = typeof n == "function" ? n : null, o = e == null ? void 0 : e.getState();
-    if (s) return s(o);
-    if (o && a && B(o, a))
-      return o[a];
-  };
-  return rt(t, r, r);
-}
-function Q(e, n, t, r) {
-  const a = B(n, t) ? n[t] : void 0, s = r ? n[r] : void 0, o = Ue({ value: a, setValue: s });
-  j(() => z(e, [t], (i, E) => {
-    const { value: _, setValue: g } = o.current;
-    g && i[t] !== E[t] && i[t] !== _ && g(i[t]);
-  }), [e, t]), j(() => {
-    if (a !== void 0)
-      return e.setState(t, a), ke(e, [t], () => {
-        a !== void 0 && e.setState(t, a);
-      });
-  });
-}
-function st(e, n) {
-  const [t, r] = K.useState(() => e(n));
-  j(() => be(t), [t]);
-  const a = K.useCallback(
-    (i) => ne(t, i),
-    [t]
-  ), s = K.useMemo(
-    () => G($({}, t), { useState: a }),
-    [t, a]
-  ), o = _e(() => {
-    r((i) => e($($({}, n), i.getState())));
-  });
-  return [s, o];
-}
-function at(e = {}) {
-  const n = Qe(
-    e.store,
-    Je(e.disclosure, ["contentElement", "disclosureElement"])
-  );
-  Xe(e, n);
-  const t = n == null ? void 0 : n.getState(), r = H(
-    e.open,
-    t == null ? void 0 : t.open,
-    e.defaultOpen,
-    !1
-  ), a = H(e.animated, t == null ? void 0 : t.animated, !1), s = {
-    open: r,
-    animated: a,
-    animating: !!a && r,
-    mounted: r,
-    contentElement: H(t == null ? void 0 : t.contentElement, null),
-    disclosureElement: H(t == null ? void 0 : t.disclosureElement, null)
-  }, o = F(s, n);
-  return Y(
-    o,
-    () => z(o, ["animated", "animating"], (i) => {
-      i.animated || o.setState("animating", !1);
-    })
-  ), Y(
-    o,
-    () => xe(o, ["open"], () => {
-      o.getState().animated && o.setState("animating", !0);
-    })
-  ), Y(
-    o,
-    () => z(o, ["open", "animating"], (i) => {
-      o.setState("mounted", i.open || i.animating);
-    })
-  ), ve(Ee({}, o), {
-    disclosure: e.disclosure,
-    setOpen: (i) => o.setState("open", i),
-    show: () => o.setState("open", !0),
-    hide: () => o.setState("open", !1),
-    toggle: () => o.setState("open", (i) => !i),
-    stopAnimation: () => o.setState("animating", !1),
-    setContentElement: (i) => o.setState("contentElement", i),
-    setDisclosureElement: (i) => o.setState("disclosureElement", i)
-  });
-}
-function it(e, n, t) {
-  return Be(n, [t.store, t.disclosure]), Q(e, t, "open", "setOpen"), Q(e, t, "mounted", "setMounted"), Q(e, t, "animated"), Object.assign(e, { disclosure: t.disclosure });
-}
-function ut(e = {}) {
-  const [n, t] = st(at, e);
-  return it(n, t, e);
-}
-var re = ge(), oe = re.useProviderContext, ct = re.ContextProvider, lt = re.ScopedContextProvider, dt = ge(
-  [ct],
-  [lt]
-), ft = dt.ScopedContextProvider;
-pe(void 0);
-pe(void 0);
-var pt = "button", mt = Symbol("disclosure"), St = he(
-  function(n) {
-    var t = n, { store: r, toggleOnClick: a = !0 } = t, s = te(t, ["store", "toggleOnClick"]);
-    const o = oe();
-    r = r || o, Z(
-      r,
-      process.env.NODE_ENV !== "production" && "Disclosure must receive a `store` prop or be wrapped in a DisclosureProvider component."
-    );
-    const i = me(null), [E, _] = Se(!1), g = r.useState("disclosureElement"), u = r.useState("open");
-    we(() => {
-      let b = g === i.current;
-      g != null && g.isConnected || (r == null || r.setDisclosureElement(i.current), b = !0), _(u && b);
-    }, [g, r, u]);
-    const p = s.onClick, m = qe(a), [y, S] = He(s, mt, !0), O = _e((b) => {
-      p == null || p(b), !b.defaultPrevented && (y || m(b) && (r == null || r.setDisclosureElement(b.currentTarget), r == null || r.toggle()));
-    }), A = r.useState("contentElement");
-    return s = G($($({
-      "aria-expanded": E,
-      "aria-controls": A == null ? void 0 : A.id
-    }, S), s), {
-      ref: ye(i, s.ref),
-      onClick: O
-    }), s = Ke(s), s;
-  }
-), vt = ee(function(n) {
-  const t = St(n);
-  return De(pt, t);
-}), Et = "div";
-function de(e, n) {
-  const t = setTimeout(n, e);
-  return () => clearTimeout(t);
-}
-function _t(e) {
-  let n = requestAnimationFrame(() => {
-    n = requestAnimationFrame(e);
-  });
-  return () => cancelAnimationFrame(n);
-}
-function fe(...e) {
-  return e.join(", ").split(", ").reduce((n, t) => {
-    const r = t.endsWith("ms") ? 1 : 1e3, a = Number.parseFloat(t || "0s") * r;
-    return a > n ? a : n;
-  }, 0);
-}
-function gt(e, n, t) {
-  return !t && n !== !1 && (!e || !!n);
-}
-var ht = he(function(n) {
-  var t = n, { store: r, alwaysVisible: a } = t, s = te(t, ["store", "alwaysVisible"]);
-  const o = oe();
-  r = r || o, Z(
-    r,
-    process.env.NODE_ENV !== "production" && "DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component."
-  );
-  const i = me(null), E = We(s.id), [_, g] = Se(null), u = r.useState("open"), p = r.useState("mounted"), m = r.useState("animated"), y = r.useState("contentElement"), S = ne(r.disclosure, "contentElement");
-  j(() => {
-    i.current && (r == null || r.setContentElement(i.current));
-  }, [r]), j(() => {
-    let d;
-    return r == null || r.setState("animated", (f) => (d = f, !0)), () => {
-      d !== void 0 && (r == null || r.setState("animated", d));
-    };
-  }, [r]), j(() => {
-    if (m) {
-      if (!(y != null && y.isConnected)) {
-        g(null);
-        return;
-      }
-      return _t(() => {
-        g(u ? "enter" : p ? "leave" : null);
-      });
-    }
-  }, [m, y, u, p]), j(() => {
-    if (!r || !m || !_ || !y) return;
-    const d = () => r == null ? void 0 : r.setState("animating", !1), f = () => ze.flushSync(d);
-    if (_ === "leave" && u || _ === "enter" && !u) return;
-    if (typeof m == "number")
-      return de(m, f);
-    const {
-      transitionDuration: D,
-      animationDuration: v,
-      transitionDelay: C,
-      animationDelay: l
-    } = getComputedStyle(y), {
-      transitionDuration: c = "0",
-      animationDuration: x = "0",
-      transitionDelay: w = "0",
-      animationDelay: V = "0"
-    } = S ? getComputedStyle(S) : {}, M = fe(
-      C,
-      l,
-      w,
-      V
-    ), P = fe(
-      D,
-      v,
-      c,
-      x
-    ), R = M + P;
-    if (!R) {
-      _ === "enter" && r.setState("animated", !1), d();
-      return;
-    }
-    const h = 1e3 / 60, T = Math.max(R - h, 0);
-    return de(T, f);
-  }, [r, m, y, S, u, _]), s = Ge(
-    s,
-    (d) => /* @__PURE__ */ Oe.jsx(ft, { value: r, children: d }),
-    [r]
-  );
-  const O = gt(p, s.hidden, a), A = s.style, b = Pe(() => O ? G($({}, A), { display: "none" }) : A, [O, A]);
-  return s = G($({
-    id: E,
-    "data-open": u || void 0,
-    "data-enter": _ === "enter" || void 0,
-    "data-leave": _ === "leave" || void 0,
-    hidden: O
-  }, s), {
-    ref: ye(E ? r.setContentElement : null, i, s.ref),
-    style: b
-  }), Fe(s);
-}), yt = ee(function(n) {
-  const t = ht(n);
-  return De(Et, t);
-}), Dt = ee(function(n) {
-  var t = n, {
-    unmountOnHide: r
-  } = t, a = te(t, [
-    "unmountOnHide"
-  ]);
-  const s = oe(), o = a.store || s;
-  return ne(
-    o,
-    (E) => !r || (E == null ? void 0 : E.mounted)
-  ) === !1 ? null : /* @__PURE__ */ Oe.jsx(yt, $({}, a));
-});
-const Ot = q.div`
-  ${I("accordions.wrapper")};
-  ${Ve};
+import t, { cloneElement as m } from "react";
+import "./Icon.mjs";
+import { R as u } from "./index-BRDOakbf.mjs";
+import { forwardRef as p } from "./System.mjs";
+import r, { th as o, system as f } from "@xstyled/styled-components";
+import { D as g } from "./P4IRICAX-DF0_vmod.mjs";
+import { d as h, e as $ } from "./VGCJ63VH-fv0YLRh8.mjs";
+const w = r.div`
+  ${o("accordions.wrapper")};
+  ${f};
   transition: medium;
 
   &:hover {
     border-color: neutral-50;
   }
-`, W = q.divBox`
+`, n = r.divBox`
   flex-shrink: 0;
-  ${I("accordions.icon")};
+  ${o("accordions.icon")};
   transform: rotate3d(0);
   transition: medium;
   width: 24;
@@ -515,10 +28,10 @@ const Ot = q.div`
   & *:first-child {
     margin: auto;
   }
-`, bt = q(vt)`
-  ${I("accordions.title")};
+`, x = r(g)`
+  ${o("accordions.title")};
   width: 100%;
-  padding: ${I("accordions.padding")};
+  padding: ${o("accordions.padding")};
   background-color: transparent;
   border: 0;
   display: flex;
@@ -527,7 +40,7 @@ const Ot = q.div`
   gap: xxl;
 
   &[aria-expanded='true'] {
-    ${W} {
+    ${n} {
       transform: rotate3d(0, 0, 1, 90deg);
     }
   }
@@ -535,18 +48,18 @@ const Ot = q.div`
   &:focus,
   &:hover {
     cursor: pointer;
-    ${W} {
+    ${n} {
       background-color: neutral-30;
     }
   }
 
   &:focus {
     outline: 0;
-    ${W} {
+    ${n} {
       color: inherit;
     }
   }
-`, xt = q(Dt)`
+`, E = r(h)`
   display: grid;
   grid-template-rows: 0fr;
   transition-property: grid-template-rows;
@@ -562,18 +75,18 @@ const Ot = q.div`
   &[data-enter] {
     grid-template-rows: 1fr;
   }
-`, Ct = q.div`
-  ${I("accordions.content")};
-  padding: ${I("accordions.padding")};
+`, v = r.div`
+  ${o("accordions.content")};
+  padding: ${o("accordions.padding")};
   padding-top: 0;
   color: neutral-70;
-`, Tt = Le(
-  ({ children: e, dataTestId: n, icon: t = /* @__PURE__ */ L.createElement(Re, null), store: r, title: a, ...s }, o) => /* @__PURE__ */ L.createElement(Ot, { "data-testid": n, ref: o, ...s }, /* @__PURE__ */ L.createElement(bt, { "data-testid": n ? `${n}-title` : void 0, store: r }, a, /* @__PURE__ */ L.createElement(W, null, Ae(t, { size: "sm" }))), /* @__PURE__ */ L.createElement(xt, { "data-testid": n ? `${n}-content` : void 0, store: r }, /* @__PURE__ */ L.createElement("div", null, /* @__PURE__ */ L.createElement(Ct, null, e))))
+`, A = p(
+  ({ children: i, dataTestId: e, icon: c = /* @__PURE__ */ t.createElement(u, null), store: a, title: d, ...s }, l) => /* @__PURE__ */ t.createElement(w, { "data-testid": e, ref: l, ...s }, /* @__PURE__ */ t.createElement(x, { "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))))
 );
-function $t(e) {
-  return ut({ animated: !0, ...e });
+function j(i) {
+  return $({ animated: !0, ...i });
 }
 export {
-  Tt as Accordion,
-  $t as useAccordion
+  A as Accordion,
+  j as useAccordion
 };

package/dist/Alert.js

@@ -1 +1,37 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const e=require("./index-BNA_A0oa.js");require("./System.js");require("./Box.js");exports.Alert=e.Alert;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),v=require("./CloseButton.js"),x=require("./Button.js"),f=require("./System.js"),u=require("./Box.js"),t=require("@xstyled/styled-components"),I=require("./Text.js"),T=require("./index-CiYwvMF0.js"),m=t.divBox`
+  flex: 1;
+`,y=t(T.VariantIcon)`
+  position: absolute;
+  align-self: flex-start;
+`,R=t.divBox(({icon:r,isFullWidth:o,size:s,variant:a})=>t.css`
+    position: relative;
+    display: flex;
+    align-items: flex-start;
+    width: 100%;
+    max-width: ${o?"100%":"max-content"};
+    ${t.th("alerts.default")};
+    ${t.th(`alerts.${a}`)};
+    ${t.th(`alerts.sizes.${s}`)};
+    ${t.system};
+
+    ${r!==null&&s==="sm"&&t.css`
+      ${m} {
+        margin-left: calc(${t.th("icons.sm")} + ${t.th("space.md")});
+      }
+    `}
+
+    ${r!==null&&s==="md"&&t.css`
+      ${m} {
+        margin-left: calc(${t.th("icons.md")} + ${t.th("space.lg")});
+      }
+
+      ${y} {
+        margin-top: -3;
+      }
+    `}
+  `),V=t(I.Text)(({variant:r})=>t.css`
+    font-weight: medium;
+    ${t.th("alerts.title.default")};
+    ${t.th(`alerts.title.sizes.${r}`)};
+    ${t.system};
+  `),g=({children:r,dataTestId:o,variant:s})=>e.createElement(V,{"data-testid":o,variant:s},r),j=f.forwardRef(({children:r,cta:o,dataTestId:s,handleClose:a,icon:c,isFullWidth:w,size:l="sm",variant:i="default",...b},h)=>{const q=s?`${s}-close-button`:void 0,A=i==="beige"?"default":i,C=e.Children.toArray(r).map(n=>n.type===g?e.cloneElement(n,{variant:l}):n),p=n=>{var $;if(n){if(n.type===B)return e.cloneElement(n,{size:l});if(n.type===E)return e.cloneElement(n,{size:l});if(($=n.props)!=null&&$.children)return e.cloneElement(n,{...n.props,children:e.Children.map(n.props.children,S=>p(S))})}return n},d=e.isValidElement(o)?p(o):o;return e.createElement(R,{"data-testid":s,icon:c,isFullWidth:w,ref:h,size:l,variant:i,...b},!!a&&e.createElement(v.CloseButton,{dataTestId:q,onClick:a,position:"absolute",right:"sm",size:"xs",top:"sm"}),c!==null&&e.createElement(y,{icon:c,size:l,variant:A}),e.createElement(m,null,e.createElement(u.Box,{alignItems:"flex-start",display:"flex",flexDirection:"column",gap:"md",justifyContent:"space-between"},e.createElement(u.Box,{flex:1},C),!!d&&e.createElement(u.Box,{alignItems:"center",display:"flex",gap:"sm"},d))))}),B=f.forwardRef((r,o)=>e.createElement(x.Button,{flexShrink:0,ref:o,w:"fit-content",...r,variant:"secondary"})),E=f.forwardRef((r,o)=>e.createElement(x.Button,{flexShrink:0,ref:o,w:"fit-content",...r,variant:"tertiary"})),k=Object.assign(j,{Title:g,Button:B,SecondaryButton:E});exports.Alert=k;