welcome-ui 10.0.8 → 10.1.2

package/dist/{2S4Q4M35-CzDcLRQb.js → 2S4Q4M35-BtTn_beR.js}

@@ -1,11 +1,11 @@
 "use client";
 import { createContext as yt, useRef as R, useContext as Pt, useState as q, useEffect as w, useCallback as at, useMemo as ge, isValidElement as ve } from "react";
-import { c as G, f as O, a as j, q as zt, k as N, Z as It, g as P, h as z, _ as Q, $ as ft, a0 as Ot, a1 as he, a2 as me, a3 as be, a4 as xt, Q as I, t as A, u as Ut, a5 as Ee, a6 as pe, Y as ye, J as Gt, a7 as Pe, a8 as xe, R as dt, a9 as De, aa as we, j as Se, ab as Jt, M as Fe, m as gt, ac as Ae, ad as Z, U as Te, X as Ce, ae as Le, af as Re } from "./US3TW2XI-C1E9L32T.js";
+import { c as J, f as O, a as j, q as zt, k as N, Z as It, g as P, h as z, _ as U, $ as ft, a0 as Ot, a1 as he, a2 as me, a3 as be, a4 as xt, Q as I, t as A, u as Gt, a5 as Ee, a6 as pe, Y as ye, J as Jt, a7 as Pe, a8 as xe, R as dt, a9 as De, aa as we, j as Se, ab as Kt, M as Fe, m as gt, ac as Ae, ad as Z, X as Te, V as Ce, ae as Le, af as Re } from "./US3TW2XI-DX1q1W_L.js";
 import { createPortal as kt, flushSync as Ne } from "react-dom";
 import { jsx as E, jsxs as it, Fragment as st } from "react/jsx-runtime";
-import { b as _, d as Me, u as He } from "./Q3KUZPD7-rHtne1MQ.js";
-import { u as Ve, d as Kt, e as $e, f as _e, b as Dt, i as Ie, g as Oe, h as ke, j as Be } from "./33YRLYNQ-DFqMVRhj.js";
-var Bt = yt(null), qe = "span", Qt = G(
+import { b as _, d as Me, u as Ve } from "./Q3KUZPD7-CfUCRwV-.js";
+import { u as He, d as Qt, e as $e, f as _e, b as Dt, i as Ie, g as Oe, h as ke, j as Be } from "./33YRLYNQ-D8tZ5okI.js";
+var Bt = yt(null), qe = "span", Ut = J(
   function(e) {
     return e = {
       ...e,
@@ -25,10 +25,10 @@ var Bt = yt(null), qe = "span", Qt = G(
   }
 );
 O(function(e) {
-  const n = Qt(e);
+  const n = Ut(e);
   return j(qe, n);
 });
-var We = "span", je = G(
+var We = "span", je = J(
   function(e) {
     return e = {
       "data-focus-trap": "",
@@ -42,7 +42,7 @@ var We = "span", je = G(
         left: 0,
         ...e.style
       }
-    }, e = Qt(e), e;
+    }, e = Ut(e), e;
   }
 ), ut = O(function(e) {
   const n = je(e);
@@ -54,7 +54,7 @@ function Xe(t) {
 function ze(t, e) {
   return e ? typeof e == "function" ? e(t) : e : P(t).createElement("div");
 }
-function Ue(t = "id") {
+function Ge(t = "id") {
   return `${t ? `${t}-` : ""}${Math.random().toString(36).slice(2, 8)}`;
 }
 function $(t) {
@@ -62,7 +62,7 @@ function $(t) {
     t == null || t.focus();
   });
 }
-var Zt = G(function({
+var Zt = J(function({
   preserveTabOrder: e,
   preserveTabOrderAnchor: n,
   portalElement: r,
@@ -70,9 +70,9 @@ var Zt = G(function({
   portal: o = !0,
   ...u
 }) {
-  const c = R(null), f = zt(c, u.ref), b = Pt(Bt), [l, T] = q(null), [p, V] = q(
+  const c = R(null), f = zt(c, u.ref), b = Pt(Bt), [l, T] = q(null), [p, H] = q(
     null
-  ), k = R(null), M = R(null), Y = R(null), H = R(null);
+  ), k = R(null), M = R(null), Y = R(null), V = R(null);
   return N(() => {
     const a = c.current;
     if (!a || !o) {
@@ -85,21 +85,21 @@ var Zt = G(function({
       return;
     }
     const m = v.isConnected;
-    if (m || (b || Xe(a)).appendChild(v), v.id || (v.id = a.id ? `portal/${a.id}` : Ue()), T(v), It(i, v), !m)
+    if (m || (b || Xe(a)).appendChild(v), v.id || (v.id = a.id ? `portal/${a.id}` : Ge()), T(v), It(i, v), !m)
       return () => {
         v.remove(), It(i, null);
       };
   }, [o, r, b, i]), N(() => {
     if (!o || !e || !n) return;
     const v = P(n).createElement("span");
-    return v.style.position = "fixed", n.insertAdjacentElement("afterend", v), V(v), () => {
-      v.remove(), V(null);
+    return v.style.position = "fixed", n.insertAdjacentElement("afterend", v), H(v), () => {
+      v.remove(), H(null);
     };
   }, [o, e, n]), w(() => {
     if (!l || !e) return;
     let a = 0;
     const v = (m) => {
-      if (!Q(m)) return;
+      if (!U(m)) return;
       const d = m.type === "focusin";
       if (cancelAnimationFrame(a), d)
         return he(l);
@@ -135,7 +135,7 @@ var Zt = G(function({
             "data-focus-trap": u.id,
             className: "__focus-trap-inner-before",
             onFocus: (m) => {
-              Q(m, l) ? $(ft()) : $(k.current);
+              U(m, l) ? $(ft()) : $(k.current);
             }
           }
         ),
@@ -147,7 +147,7 @@ var Zt = G(function({
             "data-focus-trap": u.id,
             className: "__focus-trap-inner-after",
             onFocus: (m) => {
-              Q(m, l) ? $(Ot()) : $(H.current);
+              U(m, l) ? $(Ot()) : $(V.current);
             }
           }
         )
@@ -160,7 +160,7 @@ var Zt = G(function({
             "data-focus-trap": u.id,
             className: "__focus-trap-outer-before",
             onFocus: (m) => {
-              !(m.relatedTarget === H.current) && Q(m, l) ? $(M.current) : $(Ot());
+              !(m.relatedTarget === V.current) && U(m, l) ? $(M.current) : $(Ot());
             }
           }
         ),
@@ -170,11 +170,11 @@ var Zt = G(function({
         e && l && /* @__PURE__ */ E(
           ut,
           {
-            ref: H,
+            ref: V,
             "data-focus-trap": u.id,
             className: "__focus-trap-outer-after",
             onFocus: (m) => {
-              if (Q(m, l))
+              if (U(m, l))
                 $(Y.current);
               else {
                 const d = ft();
@@ -210,14 +210,14 @@ O(function(e) {
   return j(Ye, n);
 });
 var qt = yt(0);
-function Ge({ level: t, children: e }) {
+function Je({ level: t, children: e }) {
   const n = Pt(qt), r = Math.max(
     Math.min(t || n + 1, 6),
     1
   );
   return /* @__PURE__ */ E(qt.Provider, { value: r, children: e });
 }
-var Je = "div", te = G(function({ autoFocusOnShow: e = !0, ...n }) {
+var Ke = "div", te = J(function({ autoFocusOnShow: e = !0, ...n }) {
   return n = z(
     n,
     (r) => /* @__PURE__ */ E(be.Provider, { value: e, children: r }),
@@ -226,9 +226,9 @@ var Je = "div", te = G(function({ autoFocusOnShow: e = !0, ...n }) {
 });
 O(function(e) {
   const n = te(e);
-  return j(Je, n);
+  return j(Ke, n);
 });
-function Ke(t, e) {
+function Qe(t, e) {
   const r = P(t).createElement("button");
   return r.type = "button", r.tabIndex = -1, r.textContent = "Dismiss popup", Object.assign(r.style, {
     border: "0px",
@@ -244,7 +244,7 @@ function Ke(t, e) {
     r.removeEventListener("click", e), r.remove();
   };
 }
-function Qe(t) {
+function Ue(t) {
   const e = R();
   return w(() => {
     if (!t) {
@@ -351,25 +351,25 @@ function ee(t, ...e) {
   const n = t.getAttribute("data-backdrop");
   return n == null ? !1 : n === "" || n === "true" || !e.length ? !0 : e.some((r) => n === r);
 }
-function U(t = "", e = !1) {
+function G(t = "", e = !1) {
   return `__ariakit-dialog-${e ? "ancestor" : "outside"}${t ? `-${t}` : ""}`;
 }
 function on(t, e = "") {
   return I(
-    W(t, U(), !0),
-    W(t, U(e), !0)
+    W(t, G(), !0),
+    W(t, G(e), !0)
   );
 }
 function ne(t, e = "") {
   return I(
-    W(t, U("", !0), !0),
-    W(t, U(e, !0), !0)
+    W(t, G("", !0), !0),
+    W(t, G(e, !0), !0)
   );
 }
 function Ft(t, e) {
-  const n = U(e, !0);
+  const n = G(e, !0);
   if (t[n]) return !0;
-  const r = U(e);
+  const r = G(e);
   do {
     if (t[r]) return !0;
     if (!t.parentElement) return !1;
@@ -418,7 +418,7 @@ function ht({
   capture: r,
   domReady: i
 }) {
-  const o = Ut(n), u = _(t, "open"), c = R(!1);
+  const o = Gt(n), u = _(t, "open"), c = R(!1);
   N(() => {
     if (!u || !i) return;
     const { contentElement: f } = t.getState();
@@ -436,7 +436,7 @@ function mt(t, e) {
   return typeof t == "function" ? t(e) : !!t;
 }
 function cn(t, e, n) {
-  const r = _(t, "open"), i = Qe(r), o = { store: t, domReady: n, capture: !0 };
+  const r = _(t, "open"), i = Ue(r), o = { store: t, domReady: n, capture: !0 };
   ht({
     ...o,
     type: "click",
@@ -514,30 +514,30 @@ function gn(t, e, n) {
   });
   w(() => {
     if (!r() || !t) return;
-    const i = P(t), o = Gt(t), { documentElement: u, body: c } = i, f = u.style.getPropertyValue("--scrollbar-width"), b = f ? Number.parseInt(f, 10) : o.innerWidth - u.clientWidth, l = () => Ze(
+    const i = P(t), o = Jt(t), { documentElement: u, body: c } = i, f = u.style.getPropertyValue("--scrollbar-width"), b = f ? Number.parseInt(f, 10) : o.innerWidth - u.clientWidth, l = () => Ze(
       u,
       "--scrollbar-width",
       `${b}px`
     ), T = dn(u), p = () => bt(c, {
       overflow: "hidden",
       [T]: `${b}px`
-    }), V = () => {
+    }), H = () => {
       var M, Y;
-      const { scrollX: H, scrollY: a, visualViewport: v } = o, m = (M = v == null ? void 0 : v.offsetLeft) != null ? M : 0, d = (Y = v == null ? void 0 : v.offsetTop) != null ? Y : 0, X = bt(c, {
+      const { scrollX: V, scrollY: a, visualViewport: v } = o, m = (M = v == null ? void 0 : v.offsetLeft) != null ? M : 0, d = (Y = v == null ? void 0 : v.offsetTop) != null ? Y : 0, X = bt(c, {
         position: "fixed",
         overflow: "hidden",
         top: `${-(a - Math.floor(d))}px`,
-        left: `${-(H - Math.floor(m))}px`,
+        left: `${-(V - Math.floor(m))}px`,
         right: "0",
         [T]: `${b}px`
       });
       return () => {
-        X(), process.env.NODE_ENV !== "test" && o.scrollTo({ left: H, top: a, behavior: "instant" });
+        X(), process.env.NODE_ENV !== "test" && o.scrollTo({ left: V, top: a, behavior: "instant" });
       };
     }, k = Pe() && !xe();
     return I(
       l(),
-      k ? V() : p()
+      k ? H() : p()
     );
   }, [r, t]);
 }
@@ -618,7 +618,7 @@ var bn = "div", En = [
   "ul",
   "svg"
 ];
-G(
+J(
   function(e) {
     return e;
   }
@@ -641,7 +641,7 @@ function pn({
   alwaysVisible: n,
   hidden: r
 }) {
-  const i = R(null), o = Ve({ disclosure: t }), u = _(t, "contentElement");
+  const i = R(null), o = He({ disclosure: t }), u = _(t, "contentElement");
   w(() => {
     const b = i.current, l = u;
     b && l && (b.style.zIndex = getComputedStyle(l).zIndex);
@@ -652,7 +652,7 @@ function pn({
     if (l)
       return ne(l, b);
   }, [u]);
-  const c = Kt({
+  const c = Qt({
     ref: i,
     store: o,
     role: "presentation",
@@ -676,12 +676,12 @@ function Pn(t, e, n) {
   return _e(t, e, n);
 }
 function xn(t = {}) {
-  const [e, n] = He(yn, t);
+  const [e, n] = Ve(yn, t);
   return Pn(e, n, t);
 }
 var Dn = "div", Yt = Re();
 function wn(t) {
-  const e = Jt();
+  const e = Kt();
   return !e || t && A(t, e) ? !1 : !!Z(e);
 }
 function Xt(t, e = !1) {
@@ -689,7 +689,7 @@ function Xt(t, e = !1) {
   const n = "current" in t ? t.current : t;
   return n ? e ? Z(n) ? n : null : n : null;
 }
-var Sn = G(function({
+var Sn = J(function({
   store: e,
   open: n,
   onClose: r,
@@ -702,11 +702,11 @@ var Sn = G(function({
   getPersistentElements: l,
   preventBodyScroll: T = !!o,
   autoFocusOnShow: p = !0,
-  autoFocusOnHide: V = !0,
+  autoFocusOnHide: H = !0,
   initialFocus: k,
   finalFocus: M,
   unmountOnHide: Y,
-  unstable_treeSnapshotKey: H,
+  unstable_treeSnapshotKey: V,
   ...a
 }) {
   const v = Dt(), m = R(null), d = xn({
@@ -727,7 +727,7 @@ var Sn = G(function({
   const { wrapElement: At, nestedDialogs: Tt } = ln(d);
   a = z(a, At, [At]), N(() => {
     if (!S) return;
-    const s = m.current, h = Jt(s, !0);
+    const s = m.current, h = Kt(s, !0);
     h && h.tagName !== "BODY" && (s && A(s, h) || d.setDisclosureElement(h));
   }, [d, S]), Yt && w(() => {
     if (!F) return;
@@ -749,10 +749,10 @@ var Sn = G(function({
     if (!F || !x) return;
     const s = m.current;
     if (!s) return;
-    const h = Gt(s), y = h.visualViewport || h, g = () => {
+    const h = Jt(s), y = h.visualViewport || h, g = () => {
       var D, L;
-      const K = (L = (D = h.visualViewport) == null ? void 0 : D.height) != null ? L : h.innerHeight;
-      s.style.setProperty("--dialog-viewport-height", `${K}px`);
+      const Q = (L = (D = h.visualViewport) == null ? void 0 : D.height) != null ? L : h.innerHeight;
+      s.style.setProperty("--dialog-viewport-height", `${Q}px`);
     };
     return g(), y.addEventListener("resize", g), () => {
       y.removeEventListener("resize", g);
@@ -761,7 +761,7 @@ var Sn = G(function({
     if (!o || !F || !x) return;
     const s = m.current;
     if (!(!s || s.querySelector("[data-dialog-dismiss]")))
-      return Ke(s, d.hide);
+      return Qe(s, d.hide);
   }, [d, o, F, x]), N(() => {
     if (!re() || S || !F || !x) return;
     const s = m.current;
@@ -773,8 +773,8 @@ var Sn = G(function({
     if (!C || !et) return;
     const s = m.current;
     return rn(C, [s]);
-  }, [C, et, H]);
-  const Ct = Ut(l);
+  }, [C, et, V]);
+  const Ct = Gt(l);
   N(() => {
     if (!C || !et) return;
     const { disclosureElement: s } = d.getState(), h = m.current, y = Ct() || [], g = [
@@ -793,7 +793,7 @@ var Sn = G(function({
     Ct,
     Tt,
     o,
-    H
+    V
   ]);
   const Lt = !!p, Rt = gt(p), [se, ae] = q(!1);
   w(() => {
@@ -823,30 +823,30 @@ var Sn = G(function({
     ct,
     Rt
   ]);
-  const nt = !!V, Nt = gt(V), [rt, Mt] = q(!1);
+  const nt = !!H, Nt = gt(H), [rt, Mt] = q(!1);
   w(() => {
     if (S)
       return Mt(!0), () => Mt(!1);
   }, [S]);
-  const J = at(
+  const K = at(
     (s, h = !0) => {
       const { disclosureElement: y } = d.getState();
       if (wn(s)) return;
       let g = Xt(M) || y;
       if (g != null && g.id) {
-        const L = P(g), K = `[aria-activedescendant="${g.id}"]`, ot = L.querySelector(K);
+        const L = P(g), Q = `[aria-activedescendant="${g.id}"]`, ot = L.querySelector(Q);
         ot && (g = ot);
       }
       if (g && !Z(g)) {
         const L = g.closest("[data-dialog]");
         if (L != null && L.id) {
-          const K = P(L), ot = `[aria-controls~="${L.id}"]`, _t = K.querySelector(ot);
+          const Q = P(L), ot = `[aria-controls~="${L.id}"]`, _t = Q.querySelector(ot);
           _t && (g = _t);
         }
       }
       const D = g && Z(g);
       if (!D && h) {
-        requestAnimationFrame(() => J(s, !1));
+        requestAnimationFrame(() => K(s, !1));
         return;
       }
       Nt(D ? g : null) && D && (g == null || g.focus({ preventScroll: !0 }));
@@ -856,8 +856,8 @@ var Sn = G(function({
   N(() => {
     if (S || !rt || !nt) return;
     const s = m.current;
-    lt.current = !0, J(s);
-  }, [S, rt, x, nt, J]), w(() => {
+    lt.current = !0, K(s);
+  }, [S, rt, x, nt, K]), w(() => {
     if (!rt || !nt) return;
     const s = m.current;
     return () => {
@@ -865,10 +865,10 @@ var Sn = G(function({
         lt.current = !1;
         return;
       }
-      J(s);
+      K(s);
     };
-  }, [rt, nt, J]);
-  const Ht = gt(f);
+  }, [rt, nt, K]);
+  const Vt = gt(f);
   w(() => !x || !F ? void 0 : xt("keydown", (h) => {
     if (h.key !== "Escape" || h.defaultPrevented) return;
     const y = m.current;
@@ -876,13 +876,13 @@ var Sn = G(function({
     const g = h.target;
     if (!g) return;
     const { disclosureElement: D } = d.getState();
-    !!(g.tagName === "BODY" || A(y, g) || !D || A(D, g)) && Ht(h) && d.hide();
-  }, !0), [d, x, F, Ht]), a = z(
+    !!(g.tagName === "BODY" || A(y, g) || !D || A(D, g)) && Vt(h) && d.hide();
+  }, !0), [d, x, F, Vt]), a = z(
     a,
-    (s) => /* @__PURE__ */ E(Ge, { level: o ? 1 : void 0, children: s }),
+    (s) => /* @__PURE__ */ E(Je, { level: o ? 1 : void 0, children: s }),
     [o]
   );
-  const Vt = a.hidden, $t = a.alwaysVisible;
+  const Ht = a.hidden, $t = a.alwaysVisible;
   a = z(
     a,
     (s) => c ? /* @__PURE__ */ it(st, { children: [
@@ -891,13 +891,13 @@ var Sn = G(function({
         {
           store: d,
           backdrop: c,
-          hidden: Vt,
+          hidden: Ht,
           alwaysVisible: $t
         }
       ),
       s
     ] }) : s,
-    [d, c, Vt, $t]
+    [d, c, Ht, $t]
   );
   const [ce, le] = q(), [fe, de] = q();
   return a = z(
@@ -916,7 +916,7 @@ var Sn = G(function({
   }, a = te({
     ...a,
     autoFocusOnShow: se
-  }), a = Kt({ store: d, ...a }), a = Te({ ...a, focusable: i }), a = Zt({ portal: u, ...a, portalRef: X, preserveTabOrder: ct }), a;
+  }), a = Qt({ store: d, ...a }), a = Te({ ...a, focusable: i }), a = Zt({ portal: u, ...a, portalRef: X, preserveTabOrder: ct }), a;
 });
 function Fn(t, e = Dt) {
   return O(function(r) {

package/dist/{33YRLYNQ-DFqMVRhj.js → 33YRLYNQ-D8tZ5okI.js}

@@ -1,7 +1,7 @@
 "use client";
-import { b as T, f as j, c as G, a as J, i as K, j as Q, k as f, h as X, q as Y, r as Z, x as v, y as ee } from "./US3TW2XI-C1E9L32T.js";
+import { b as T, f as j, c as G, a as J, i as K, j as Q, k as f, h as X, q as Y, r as Z, x as v, y as ee } from "./US3TW2XI-DX1q1W_L.js";
 import { createContext as w, useRef as te, useState as ne, useMemo as ae } from "react";
-import { b as F, m as oe, o as ie, t as re, c as se, s as E, d as b, e as ue, u as le, a as y } from "./Q3KUZPD7-rHtne1MQ.js";
+import { b as F, m as oe, o as ie, t as re, c as se, s as E, d as b, e as ue, u as le, a as y } from "./Q3KUZPD7-CfUCRwV-.js";
 import { flushSync as ce } from "react-dom";
 import { jsx as I } from "react/jsx-runtime";
 var P = T(), M = P.useProviderContext, de = P.ContextProvider, me = P.ScopedContextProvider, S = T(

package/dist/{7LQR24VD-CdN4ElmK.js → 7LQR24VD-BKovnxCC.js}

@@ -1,8 +1,8 @@
 "use client";
-import { u as q } from "./WJ7PHYH7-DfBy-oR4.js";
+import { u as q } from "./WJ7PHYH7-BWnh2QSF.js";
 import { createContext as w, useState as B, useRef as D, useEffect as H } from "react";
-import { b as L, f as O, c as P, a as W, L as Y, B as _, Y as $, u as b, h as z, q as G, r as I } from "./US3TW2XI-C1E9L32T.js";
-import { b as J } from "./Q3KUZPD7-rHtne1MQ.js";
+import { b as L, f as O, c as P, a as W, L as Y, B as _, Y as $, u as b, h as z, q as G, r as I } from "./US3TW2XI-DX1q1W_L.js";
+import { b as J } from "./Q3KUZPD7-CfUCRwV-.js";
 import { jsx as K } from "react/jsx-runtime";
 var Q = w(!1), V = L(), X = V.useContext, A = "input";
 function g(n, r) {

package/dist/{7P7IWEBR-DjpitcS1.js → 7P7IWEBR-DGEktSAM.js}

@@ -1,7 +1,7 @@
 "use client";
-import { P as t, b as r } from "./MWF5B7KS-DoHIdPSn.js";
-import { C as a, a as i } from "./FIT2LC3L-CPJXByLq.js";
-import { b as s } from "./US3TW2XI-C1E9L32T.js";
+import { P as t, b as r } from "./MWF5B7KS-BwHRQwDi.js";
+import { C as a, a as i } from "./FIT2LC3L-D7_i9cSG.js";
+import { b as s } from "./US3TW2XI-DX1q1W_L.js";
 import { createContext as o } from "react";
 o(
   void 0

package/dist/Accordion.css

@@ -1 +1 @@
-@layer components{._root_1ugpw_2{background-color:var(--color-background-neutral-inverse-fixed);border:var(--border-width-xs) solid var(--color-background-neutral-subtlest);border-radius:var(--border-radius-sm);transition:var(--duration-medium)}._root_1ugpw_2:hover{border-color:var(--color-icon-neutral-subtlest)}._icon_1ugpw_11{flex-shrink:0;transform:rotate3d(0);transition:var(--duration-medium);padding:var(--border-radius-md);display:flex;border-radius:var(--border-radius-full);color:var(--color-background-neutral-primary-fixed)}._icon_1ugpw_11 *:first-child{margin:auto}._disclosure_1ugpw_23{width:100%;padding:var(--border-radius-xl);background-color:transparent;border:0;display:flex;justify-content:space-between;align-items:center;gap:var(--border-radius-xl)}._disclosure_1ugpw_23[aria-expanded=true] ._icon_1ugpw_11{transform:rotate3d(0,0,1,90deg)}._disclosure_1ugpw_23:focus,._disclosure_1ugpw_23:hover{cursor:pointer}._disclosure_1ugpw_23:focus ._icon_1ugpw_11,._disclosure_1ugpw_23:hover ._icon_1ugpw_11{background-color:var(--color-background-neutral-subtlest)}._disclosure_1ugpw_23:focus{outline:0}._disclosure_1ugpw_23:focus ._icon_1ugpw_11{color:inherit}._disclosure-content_1ugpw_48{display:grid;grid-template-rows:0fr;transition-property:grid-template-rows;transition-timing-function:linear;transition-duration:.2s;animation-duration:.2s}._disclosure-content_1ugpw_48>*{overflow:hidden;padding:0}._disclosure-content_1ugpw_48[data-enter]{grid-template-rows:1fr}._content-child_1ugpw_63{padding:var(--border-radius-xl);padding-top:0;color:var(--color-background-neutral-tertiary);font-size:var(--font-size-14)}}
+@layer components{._root_4govd_2{width:100%;background-color:var(--color-background-neutral-inverse)}._accordion-disclosure_4govd_6{display:flex;gap:var(--spacing-md);align-items:flex-start;justify-content:space-between}._accordion-disclosure_4govd_6,._accordion-disclosure_4govd_6>*{cursor:pointer}._accordion-disclosure_4govd_6[aria-expanded=true] ._accordion-disclosure-arrow-icon_4govd_15{transform:rotate3d(0,0,1,180deg)}._accordion-header-wrapper_4govd_18{display:flex;gap:var(--accordion-padding-gap-content);flex-wrap:wrap;align-items:center;flex:1}._accordion-header_4govd_18{display:flex;flex-direction:column;gap:var(--accordion-padding-gap-subtitle)}._accordion-header-title-wrapper_4govd_30{display:flex;gap:var(--accordion-padding-gap-content);align-items:center}._accordion-header-with-tags-wrapper_4govd_35{display:flex;gap:var(--accordion-padding-gap-content);flex-wrap:wrap;align-items:flex-start;flex:1}._accordion-header-with-tags_4govd_35{display:flex;gap:var(--accordion-padding-gap-content);align-items:center;margin-right:auto}._accordion-tags_4govd_48{display:flex;gap:var(--accordion-padding-gap-tags);flex-wrap:wrap;align-self:flex-start}._accordion-disclosure-actions_4govd_54{flex-shrink:0}._accordion-disclosure-arrow-icon_4govd_15{transform:rotate3d(0,0,1,0);transition:var(--duration-medium);place-self:center}._accordion-title_4govd_62{color:var(--accordion-title-color-text-default)}._accordion-subtitle_4govd_65{color:var(--accordion-subtitle-color-text-default)}._accordion-content_4govd_68{display:grid;grid-template-rows:0fr;transition-property:grid-template-rows;transition-timing-function:linear;transition-duration:.2s;animation-duration:.2s}._accordion-content_4govd_68>._accordion-content-wrapper_4govd_76{overflow:hidden;padding:0}._accordion-content_4govd_68[data-enter]{grid-template-rows:1fr}}