welcome-ui 0.0.0-dev.1761663962311 → 0.0.0-dev.1762111960442

package/dist/{NMGNQVTG-a9HpYqEe.js → NMGNQVTG-DJrSmLLO.js}

@@ -1,7 +1,7 @@
 "use client";
-import { c as P } from "./T22PY7TE-BxbmImwX.js";
-import { u as _ } from "./XCKGTAUF-DkxWCbaW.js";
-import { f as b, c as k, _ as x, i as S, l as O, L as R, u as N, d as w, p as y, a as i, b as B } from "./OE2EFRVA-C3721cM3.js";
+import { c as P } from "./T22PY7TE-CG3ZPQ0h.js";
+import { u as _ } from "./XCKGTAUF-CahZE721.js";
+import { f as b, c as k, _ as x, i as S, l as N, N as O, u as R, d as w, p as y, a as i, b as B } from "./OE2EFRVA-DkdhQLJL.js";
 import { useRef as M, useState as T, useEffect as V } from "react";
 var h = "button", j = Symbol("disclosure"), H = k(
   function(n) {
@@ -16,7 +16,7 @@ var h = "button", j = Symbol("disclosure"), H = k(
       let t = r === u.current;
       r != null && r.isConnected || (e == null || e.setDisclosureElement(u.current), t = !0), v(a && t);
     }, [r, e, a]);
-    const l = s.onClick, D = O(p), [E, g] = R(s, j, !0), C = N((t) => {
+    const l = s.onClick, D = N(p), [E, g] = O(s, j, !0), C = R((t) => {
       l == null || l(t), !t.defaultPrevented && (E || D(t) && (e == null || e.setDisclosureElement(t.currentTarget), e == null || e.toggle()));
     }), c = e.useState("contentElement");
     return s = w(i(i({
@@ -27,11 +27,11 @@ var h = "button", j = Symbol("disclosure"), H = k(
       onClick: C
     }), s = _(s), s;
   }
-), F = b(function(n) {
+), G = b(function(n) {
   const o = H(n);
   return B(h, o);
 });
 export {
-  F as D,
+  G as D,
   H as u
 };

package/dist/{OE2EFRVA-C3721cM3.js → OE2EFRVA-DkdhQLJL.js}

@@ -788,7 +788,7 @@ ye(function(e) {
   return Ee(Se, r);
 });
 export {
-  gr as $,
+  K as $,
   Qt as A,
   nr as B,
   ae as C,
@@ -800,34 +800,34 @@ export {
   $ as I,
   We as J,
   mr as K,
-  hr as L,
-  M,
-  ve as N,
-  ue as O,
-  Xe as P,
-  Ge as Q,
-  ze as R,
-  qe as S,
-  je as T,
-  He as U,
-  br as V,
-  Ke as W,
-  dr as X,
-  ur as Y,
-  K as Z,
+  M as L,
+  Ze as M,
+  hr as N,
+  ve as O,
+  ue as P,
+  Xe as Q,
+  Ge as R,
+  ze as S,
+  qe as T,
+  je as U,
+  He as V,
+  br as W,
+  Ke as X,
+  dr as Y,
+  ur as Z,
   ht as _,
   l as a,
-  te as a0,
-  pe as a1,
-  Fr as a2,
-  _r as a3,
-  Sr as a4,
-  Or as a5,
-  he as a6,
-  g as a7,
-  ie as a8,
-  Ar as a9,
-  Ze as aa,
+  gr as a0,
+  te as a1,
+  pe as a2,
+  Fr as a3,
+  _r as a4,
+  Sr as a5,
+  Or as a6,
+  he as a7,
+  g as a8,
+  ie as a9,
+  Ar as aa,
   Ct as ab,
   sr as ac,
   Y as ad,

package/dist/{OLVWQA7U-CQsIDzlF.js → OLVWQA7U-DujoXmxA.js}

@@ -1,10 +1,10 @@
 "use client";
-import { c as te, g as v, s as re, i as w, a as z, d as oe, e as se, C as ne } from "./SBSPVDDI-CW8jwL0u.js";
-import { c as ie, _ as L, i as ae, ak as ue, al as ce, M as B, am as C, o as le, af as fe, u as I, j as P, l as de, h as U, x as pe, d as me, p as ve, a as R, W as ge, an as ye, f as Ce, b as Pe, e as Ee } from "./OE2EFRVA-C3721cM3.js";
-import { f as Ie, r as Se } from "./B7UTNDHN-C-gORHYH.js";
+import { c as te, g as v, s as re, i as w, a as L, d as oe, e as se, C as ne } from "./SBSPVDDI-96-TLBrF.js";
+import { c as ie, _ as z, i as ae, ak as ue, al as ce, L as M, am as C, o as le, af as fe, u as I, j as P, l as de, h as U, x as pe, d as me, p as ve, a as R, X as ge, an as ye, f as Ce, b as Pe, e as Ee } from "./OE2EFRVA-DkdhQLJL.js";
+import { f as Ie, r as Se } from "./B7UTNDHN-DrVrdxiS.js";
 import { useRef as H, useEffect as V, useState as Fe, useCallback as xe, createContext as b } from "react";
 import { jsx as we } from "react/jsx-runtime";
-import { P as be, a as Ke } from "./Y67KZUMI-CtXJ_hZt.js";
+import { P as be, b as Ke } from "./Y67KZUMI-B7MDEVik.js";
 var ke = "div";
 function Ae(r) {
   return r.some((i) => !!i.rowId);
@@ -22,7 +22,7 @@ function O(r, i, l) {
     if (i == null || i(e), e.defaultPrevented || e.isPropagationStopped() || !P(e) || he(e) || _e(e)) return;
     const f = r.getState(), p = (s = v(r, f.activeId)) == null ? void 0 : s.element;
     if (!p) return;
-    const n = e, { view: K } = n, x = L(n, ["view"]), c = l == null ? void 0 : l.current;
+    const n = e, { view: K } = n, x = z(n, ["view"]), c = l == null ? void 0 : l.current;
     p !== c && p.focus(), ye(p, e.type, x) || e.preventDefault(), e.currentTarget.contains(p) && e.stopPropagation();
   });
 }
@@ -40,14 +40,14 @@ function De(r) {
     i && f && (l(!1), f.focus({ preventScroll: !0 }));
   }, [s, i]), e;
 }
-var Me = ie(
+var Be = ie(
   function(i) {
     var l = i, {
       store: e,
       composite: s = !0,
       focusOnMove: f = s,
       moveOnKeyPress: p = !0
-    } = l, n = L(l, [
+    } = l, n = z(l, [
       "store",
       "composite",
       "focusOnMove",
@@ -58,7 +58,7 @@ var Me = ie(
       e,
       process.env.NODE_ENV !== "production" && "Composite must receive a `store` prop or be wrapped in a CompositeProvider component."
     );
-    const x = H(null), c = H(null), N = De(e), S = e.useState("moves"), [, W] = ue(
+    const x = H(null), c = H(null), N = De(e), S = e.useState("moves"), [, q] = ue(
       s ? e.setBaseElement : null
     );
     V(() => {
@@ -66,7 +66,7 @@ var Me = ie(
       if (!e || !S || !s || !f) return;
       const { activeId: o } = e.getState(), a = (t = v(e, o)) == null ? void 0 : t.element;
       a && ce(a);
-    }, [e, S, s, f]), B(() => {
+    }, [e, S, s, f]), M(() => {
       if (!e || !S || !s) return;
       const { baseElement: t, activeId: o } = e.getState();
       if (!(o === null) || !t) return;
@@ -74,7 +74,7 @@ var Me = ie(
       c.current = null, u && C(u, { relatedTarget: t }), le(t) || t.focus();
     }, [e, S, s]);
     const k = e.useState("activeId"), A = e.useState("virtualFocus");
-    B(() => {
+    M(() => {
       var t;
       if (!e || !s || !A) return;
       const o = c.current;
@@ -82,25 +82,25 @@ var Me = ie(
       const u = ((t = v(e, k)) == null ? void 0 : t.element) || fe(o);
       u !== o && C(o, { relatedTarget: u });
     }, [e, k, A, s]);
-    const q = O(
+    const G = O(
       e,
       n.onKeyDownCapture,
       c
-    ), G = O(
+    ), W = O(
       e,
       n.onKeyUpCapture,
       c
-    ), _ = n.onFocusCapture, J = I((t) => {
+    ), _ = n.onFocusCapture, X = I((t) => {
       if (_ == null || _(t), t.defaultPrevented || !e) return;
       const { virtualFocus: o } = e.getState();
       if (!o) return;
       const a = t.relatedTarget, u = re(t.currentTarget);
       P(t) && u && (t.stopPropagation(), c.current = a);
-    }), h = n.onFocus, Q = I((t) => {
+    }), h = n.onFocus, J = I((t) => {
       if (h == null || h(t), t.defaultPrevented || !s || !e) return;
       const { relatedTarget: o } = t, { virtualFocus: a } = e.getState();
       a ? P(t) && !w(e, o) && queueMicrotask(N) : P(t) && e.setActiveId(null);
-    }), T = n.onBlurCapture, X = I((t) => {
+    }), T = n.onBlurCapture, Q = I((t) => {
       var o;
       if (T == null || T(t), t.defaultPrevented || !e) return;
       const { virtualFocus: a, activeId: u } = e.getState();
@@ -114,7 +114,7 @@ var Me = ie(
       if ((o = g == null ? void 0 : g.element) != null && o.isConnected) return;
       const F = a !== "horizontal", d = a !== "vertical", y = Ae(u);
       if ((t.key === "ArrowLeft" || t.key === "ArrowRight" || t.key === "Home" || t.key === "End") && U(t.currentTarget)) return;
-      const M = {
+      const B = {
         ArrowUp: (y || F) && (() => {
           if (y) {
             const E = Te(u);
@@ -130,8 +130,8 @@ var Me = ie(
         PageUp: e.first,
         PageDown: e.last
       }[t.key];
-      if (M) {
-        const E = M();
+      if (B) {
+        const E = B();
         if (E !== void 0) {
           if (!Y(t)) return;
           t.preventDefault(), e.move(E);
@@ -140,7 +140,7 @@ var Me = ie(
     });
     n = pe(
       n,
-      (t) => /* @__PURE__ */ we(z, { value: e, children: t }),
+      (t) => /* @__PURE__ */ we(L, { value: e, children: t }),
       [e]
     );
     const $ = e.useState((t) => {
@@ -151,12 +151,12 @@ var Me = ie(
     n = me(R({
       "aria-activedescendant": $
     }, n), {
-      ref: ve(x, W, n.ref),
-      onKeyDownCapture: q,
-      onKeyUpCapture: G,
-      onFocusCapture: J,
-      onFocus: Q,
-      onBlurCapture: X,
+      ref: ve(x, q, n.ref),
+      onKeyDownCapture: G,
+      onKeyUpCapture: W,
+      onFocusCapture: X,
+      onFocus: J,
+      onBlurCapture: Q,
       onKeyDown: Z
     });
     const ee = e.useState(
@@ -166,22 +166,22 @@ var Me = ie(
   }
 );
 Ce(function(i) {
-  const l = Me(i);
+  const l = Be(i);
   return Pe(ke, l);
 });
 b(
   void 0
 );
 var j = Ee(
-  [Ke, z],
+  [Ke, L],
   [be, ne]
-), Ne = j.useContext, We = j.useProviderContext;
+), Ne = j.useContext, qe = j.useProviderContext;
 b(
   void 0
 );
 b(!1);
 export {
-  We as a,
+  qe as a,
   Ne as b,
-  Me as u
+  Be as u
 };

package/dist/Pagination.css

@@ -1 +1 @@
-@layer components{._list_1jk7d_2{list-style-type:none;padding:0;margin:0;display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}._item_1jk7d_11{color:var(--color, var(--color-neutral-90));background-color:var(--backgroundColor, var(--color-neutral-10));font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:var(--height-elements-md);width:var(--height-elements-md);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none}._item_1jk7d_11:not([disabled]):hover,._item_1jk7d_11:focus-visible{--backgroundColor: var(--color-neutral-30)}._item_1jk7d_11:focus-visible{--color: var(--color-neutral-90);outline:none!important}._disabled-arrow_1jk7d_32{cursor:not-allowed;--color: var(--color-beige-70);--backgroundColor: var(--color-beige-40)}._page_1jk7d_37[aria-current=true]{--backgroundColor: var(--color-neutral-90);--color: var(--color-neutral-10)}._page_1jk7d_37[aria-current=true]:hover,._page_1jk7d_37[aria-current=true]:focus-visible{--backgroundColor: var(--color-neutral-90)}._dots_1jk7d_44{display:flex;justify-content:center;align-items:center}}
+@layer components{._list_1sith_2{list-style-type:none;padding:0;margin:0;display:flex;gap:var(--components-dimensions-pagination-start-padding-inline-leading-lg);align-items:center;flex-wrap:wrap}._item_1sith_11{color:var(--color, var(--components-colors-pagination-color-icon-unchecked-pressed));background-color:var(--backgroundColor, var(--components-colors-pagination-color-background-unchecked-default));font-size:var(--components-dimensions-pagination-start-padding-inline-trailing-md);font-weight:var(--font-weight-semi-bold);height:var(--components-dimensions-pagination-size-max-height-md);width:var(--components-dimensions-pagination-size-max-height-md);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none}._item_1sith_11:not([disabled]):hover,._item_1sith_11:focus-visible{--backgroundColor: var(--color-background-neutral-subtlest)}._item_1sith_11:focus-visible{--color: var(--components-colors-pagination-color-icon-unchecked-pressed);outline:none!important}._disabled-arrow_1sith_32{cursor:not-allowed;--color: var(--color-icon-warm-tertiary);--backgroundColor: var(--color-background-warm-stronger)}._page_1sith_37[aria-current=true]{--backgroundColor: var(--components-colors-pagination-color-icon-unchecked-pressed);--color: var(--components-colors-pagination-color-background-unchecked-default)}._page_1sith_37[aria-current=true]:hover,._page_1sith_37[aria-current=true]:focus-visible{--backgroundColor: var(--components-colors-pagination-color-icon-unchecked-pressed)}._dots_1sith_44{display:flex;justify-content:center;align-items:center}}

package/dist/Pagination.js

@@ -1,61 +1,59 @@
 "use client";
-import { jsx as n, jsxs as M } from "react/jsx-runtime";
-import { useMemo as y, forwardRef as z, useRef as h, useCallback as N } from "react";
-import "./Icon-BisRi8B3.js";
-import { L as B } from "./index-CWVOLBDY.js";
-import { R as D } from "./index-Dcq5gh3E.js";
-import { c as G } from "./index-PAaZGbyz.js";
-const L = "_list_1jk7d_2", p = "_item_1jk7d_11", q = "_page_1jk7d_37", F = "_dots_1jk7d_44", J = {
-  list: L,
-  item: p,
-  "disabled-arrow": "_disabled-arrow_1jk7d_32",
-  page: q,
-  dots: F
-}, c = 5, K = 3;
-function O({ page: i, pageCount: t, rangeDisplay: d }) {
-  return y(() => {
-    if (t <= d || t <= c + 1)
-      return _(t, (s) => s + 1);
-    const r = Q(i, t), a = r === "before" ? _(c, (s) => s + 1) : [1], o = r === "center" ? _(K, (s) => s + i - 1) : [], l = r === "after" ? _(c, (s) => s + t - c + 1) : [t];
-    return S([a, o, l], "-");
-  }, [i, t, d]);
+import { jsx as n, jsxs as y } from "react/jsx-runtime";
+import { useMemo as z, forwardRef as B, useRef as _, useCallback as N } from "react";
+import { Icon as x } from "./Icon.js";
+import { c as D } from "./index-CdiHdiVB.js";
+const G = "_list_1sith_2", q = "_item_1sith_11", F = "_page_1sith_37", J = "_dots_1sith_44", K = {
+  list: G,
+  item: q,
+  "disabled-arrow": "_disabled-arrow_1sith_32",
+  page: F,
+  dots: J
+}, c = 5, L = 3;
+function O({ page: i, pageCount: t, rangeDisplay: a }) {
+  return z(() => {
+    if (t <= a || t <= c + 1)
+      return h(t, (s) => s + 1);
+    const r = Q(i, t), d = r === "before" ? h(c, (s) => s + 1) : [1], l = r === "center" ? h(L, (s) => s + i - 1) : [], o = r === "after" ? h(c, (s) => s + t - c + 1) : [t];
+    return S([d, l, o], "-");
+  }, [i, t, a]);
 }
-function _(i, t) {
-  return Array.from({ length: i }, (d, r) => t(r));
+function h(i, t) {
+  return Array.from({ length: i }, (a, r) => t(r));
 }
 function Q(i, t) {
   return i < c ? "before" : i >= c && i <= t - c + 1 ? "center" : i > t - c + 1 ? "after" : "center";
 }
 function S(i, t) {
-  return i.reduce((d, r, a) => {
-    const o = [];
-    return o.push(...d), o.push(...r), r.length && a < i.length - 1 && o.push(t), o;
+  return i.reduce((a, r, d) => {
+    const l = [];
+    return l.push(...a), l.push(...r), r.length && d < i.length - 1 && l.push(t), l;
   }, []);
 }
-const f = G(J), H = z(
+const f = D(K), Y = B(
   ({
     "aria-label": i,
     buttonNextProps: t,
-    buttonPrevProps: d,
+    buttonPrevProps: a,
     dataTestId: r,
-    getHref: a,
-    listProps: o,
-    onChange: l,
+    getHref: d,
+    listProps: l,
+    onChange: o,
     page: s,
     pageCount: m,
-    rangeDisplay: x = 5,
-    ...v
-  }, k) => {
-    const R = O({ page: s, pageCount: m, rangeDisplay: x }), j = h(null), w = h(null), u = s === 1, b = s === m, P = N(() => {
+    rangeDisplay: v = 5,
+    ...w
+  }, P) => {
+    const R = O({ page: s, pageCount: m, rangeDisplay: v }), $ = _(null), k = _(null), u = s === 1, b = s === m, A = N(() => {
       if (u) return;
       const e = Math.max(s - 1, 1);
-      l(e);
-    }, [u, s, l]), $ = N(() => {
+      o(e);
+    }, [u, s, o]), E = N(() => {
       if (b) return;
       const e = Math.min(s + 1, m);
-      l(e);
-    }, [b, s, m, l]);
-    return /* @__PURE__ */ n("nav", { "aria-label": i ?? "Pagination", "data-testid": r, ref: k, ...v, children: /* @__PURE__ */ M("ol", { className: f("list"), ...o, children: [
+      o(e);
+    }, [b, s, m, o]);
+    return /* @__PURE__ */ n("nav", { "aria-label": i ?? "Pagination", "data-testid": r, ref: P, ...w, children: /* @__PURE__ */ y("ol", { className: f("list"), ...l, children: [
       /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
         "button",
         {
@@ -63,23 +61,23 @@ const f = G(J), H = z(
           className: f("item", u && "disabled-arrow"),
           "data-testid": r ? `${r}-arrow-prev` : void 0,
           disabled: u,
-          onClick: P,
-          ref: j,
+          onClick: A,
+          ref: $,
           type: "button",
-          ...d,
-          children: /* @__PURE__ */ n(B, { size: "sm" })
+          ...a,
+          children: /* @__PURE__ */ n(x, { name: "angle-left-b", size: "sm" })
         }
       ) }),
       R.map(
-        (e, A) => e === "-" ? /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n("span", { className: f("dots"), children: "..." }) }, `${A}-`) : /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+        (e, j) => e === "-" ? /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n("span", { className: f("dots"), children: "..." }) }, `${j}-`) : /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
           "a",
           {
             "aria-current": e === s,
             className: f("item", "page"),
             "data-testid": r ? `${r}-${e}` : void 0,
-            href: a == null ? void 0 : a(e),
-            onClick: (E) => {
-              l && (E.preventDefault(), l(e));
+            href: d == null ? void 0 : d(e),
+            onClick: (M) => {
+              o && (M.preventDefault(), o(e));
             },
             children: e
           }
@@ -92,16 +90,16 @@ const f = G(J), H = z(
           className: f("item", b && "disabled-arrow"),
           "data-testid": r ? `${r}-arrow-next` : void 0,
           disabled: b,
-          onClick: $,
-          ref: w,
+          onClick: E,
+          ref: k,
           type: "button",
           ...t,
-          children: /* @__PURE__ */ n(D, { size: "sm" })
+          children: /* @__PURE__ */ n(x, { name: "angle-right-b", size: "sm" })
         }
       ) })
     ] }) });
   }
 );
 export {
-  H as Pagination
+  Y as Pagination
 };

package/dist/PasswordInput.js

@@ -1,47 +1,36 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as p, useState as c } from "react";
-import { InputText as m } from "./InputText.js";
-import { Button as l } from "./Button.js";
-import "./Icon-BisRi8B3.js";
-import { S as w, H as u } from "./index-5rXezknO.js";
-const x = ({ isHidden: s, onClick: t, ...a }) => /* @__PURE__ */ o(
-  l,
+import { forwardRef as c, useState as m } from "react";
+import { InputText as l } from "./InputText.js";
+import { Button as w } from "./Button.js";
+import { Icon as n } from "./Icon.js";
+const u = ({ isHidden: e, onClick: t, ...a }) => /* @__PURE__ */ o(
+  w,
   {
     "aria-controls": "password",
-    "aria-expanded": !s,
+    "aria-expanded": !e,
     onClick: t,
-    shape: "circle",
-    size: "xs",
-    variant: "ghost",
+    size: "sm",
+    variant: "tertiary",
     ...a,
-    children: s ? /* @__PURE__ */ o(w, {}) : /* @__PURE__ */ o(u, {})
+    children: e ? /* @__PURE__ */ o(n, { name: "eye" }) : /* @__PURE__ */ o(n, { name: "eye-slash" })
   }
-), H = p(
-  ({ toggleAriaLabel: s, ...t }, a) => {
-    const [r, n] = c("password"), e = r === "password", i = () => {
-      n(e ? "text" : "password");
-    }, d = t["data-testid"] ? `${t["data-testid"]}-action` : void 0;
-    return /* @__PURE__ */ o(
-      m,
+), I = c(
+  ({ toggleAriaLabel: e, ...t }, a) => {
+    const [r, d] = m("password"), s = r === "password", i = () => {
+      d(s ? "text" : "password");
+    }, p = t["data-testid"] ? `${t["data-testid"]}-action` : void 0;
+    return /* @__PURE__ */ o(l, { ...t, ref: a, type: r, children: /* @__PURE__ */ o(
+      u,
       {
-        ...t,
-        icon: /* @__PURE__ */ o(
-          x,
-          {
-            "aria-label": s ?? (e ? "Show password" : "Hide password"),
-            "data-testid": d,
-            isHidden: e,
-            onClick: i
-          }
-        ),
-        iconPlacement: "right",
-        ref: a,
-        type: r
+        "aria-label": e ?? (s ? "Show password" : "Hide password"),
+        "data-testid": p,
+        isHidden: s,
+        onClick: i
       }
-    );
+    ) });
   }
 );
 export {
-  H as PasswordInput
+  I as PasswordInput
 };

package/dist/Popover.css

@@ -1 +1 @@
-@layer components{._root_1ldto_2{font-size:var(--font-size-sm);background-color:var(--color-neutral-90);color:var(--color-neutral-10);max-width:43.75rem;z-index:1;outline:none;transition:opacity var(--duration-fast) ease-in-out}[data-enter] ._root_1ldto_2{opacity:1}._title_1ldto_15{font-size:var(--font-size-md);margin:0;border-bottom:var(--border-width-sm) solid var(--color-neutral-70);color:var(--color-neutral-10);padding:var(--spacing-md) var(--spacing-md) var(--spacing-xs)}._with-close-button_1ldto_24 ._title_1ldto_15{padding-right:var(--spacing-3xl)}._content-wrapper_1ldto_27{position:relative}._content_1ldto_27{display:block;padding:var(--spacing-md)}._close-button_1ldto_34{flex:0 0 auto;position:absolute;top:var(--border-width-sm);right:var(--border-width-sm);margin-left:var(--spacing-md)}._arrow_1ldto_41{color:var(--color-neutral-90)}._arrow-item_1ldto_44{transform:var(--transform);width:var(--height-30);height:var(--height-30)}._arrow-item_1ldto_44._placement-top_1ldto_49{--transform: rotateZ(180deg)}._arrow-item_1ldto_44._placement-right_1ldto_52{--transform: rotateZ(-90deg)}._arrow-item_1ldto_44._placement-left_1ldto_55{--transform: rotateZ(90deg)}._arrow-item_1ldto_44._placement-bottom_1ldto_58{--transform: rotateZ(360deg)}}
+@layer components{._root_kqbt9_2{font-size:var(--font-size-14);background-color:var(--color-background-neutral-primary-fixed);color:var(--color-background-neutral-inverse-fixed);max-width:43.75rem;z-index:1;outline:none;transition:opacity var(--duration-fast) ease-in-out}[data-enter] ._root_kqbt9_2{opacity:1}._title_kqbt9_15{font-size:var(--border-radius-xl);margin:0;border-bottom:var(--border-width-xs) solid var(--color-background-neutral-tertiary);color:var(--color-background-neutral-inverse-fixed);padding:var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-sm)}._with-close-button_kqbt9_24 ._title_kqbt9_15{padding-right:var(--size-icon-2xl)}._content-wrapper_kqbt9_27{position:relative}._content_kqbt9_27{display:block;padding:var(--border-radius-lg)}._close-button_kqbt9_34{flex:0 0 auto;position:absolute;top:var(--border-width-xs);right:var(--border-width-xs);margin-left:var(--border-radius-lg)}._arrow_kqbt9_41{color:var(--color-background-neutral-primary-fixed)}._arrow-item_kqbt9_44{transform:var(--transform);width:var(--height-32);height:var(--height-32)}._arrow-item_kqbt9_44._placement-top_kqbt9_49{--transform: rotateZ(180deg)}._arrow-item_kqbt9_44._placement-right_kqbt9_52{--transform: rotateZ(-90deg)}._arrow-item_kqbt9_44._placement-left_kqbt9_55{--transform: rotateZ(90deg)}._arrow-item_kqbt9_44._placement-bottom_kqbt9_58{--transform: rotateZ(360deg)}}