@theroutingcompany/components 0.0.50-alpha.0 → 0.0.50-alpha.2

package/dist/trc-components.es.js

@@ -5433,12 +5433,12 @@ var XT = function() {
     return r && e(t.prototype, r), n && e(t, n), t;
   };
 }();
-cu.default = r6;
+cu.default = rk;
 var vg = F, JT = QT(vg), _o = ze;
 function QT(e) {
   return e && e.__esModule ? e : { default: e };
 }
-function e6(e, t) {
+function ek(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
 }
@@ -5447,17 +5447,17 @@ function yp(e, t) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t && (typeof t == "object" || typeof t == "function") ? t : e;
 }
-function t6(e, t) {
+function tk(e, t) {
   if (typeof t != "function" && t !== null)
     throw new TypeError("Super expression must either be null or a function, not " + typeof t);
   e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
 }
-function r6(e) {
+function rk(e) {
   return function(t) {
-    t6(r, t);
+    tk(r, t);
     function r() {
       var n, o, a, i;
-      e6(this, r);
+      ek(this, r);
       for (var s = arguments.length, l = Array(s), c = 0; c < s; c++)
         l[c] = arguments[c];
       return i = (o = (a = yp(this, (n = r.__proto__ || Object.getPrototypeOf(r)).call.apply(n, [this].concat(l))), a), a.addSheet = function() {
@@ -5501,7 +5501,7 @@ var du = {};
 Object.defineProperty(du, "__esModule", {
   value: !0
 });
-var n6 = function() {
+var nk = function() {
   function e(t, r) {
     for (var n = 0; n < r.length; n++) {
       var o = r[n];
@@ -5512,32 +5512,32 @@ var n6 = function() {
     return r && e(t.prototype, r), n && e(t, n), t;
   };
 }();
-du.default = c6;
-var $g = F, o6 = a6($g), _p = fs, Pn = ze;
-function a6(e) {
+du.default = ck;
+var $g = F, ok = ak($g), _p = fs, Pn = ze;
+function ak(e) {
   return e && e.__esModule ? e : { default: e };
 }
-function i6(e, t) {
+function ik(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
 }
-function s6(e, t) {
+function sk(e, t) {
   if (!e)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t && (typeof t == "object" || typeof t == "function") ? t : e;
 }
-function l6(e, t) {
+function lk(e, t) {
   if (typeof t != "function" && t !== null)
     throw new TypeError("Super expression must either be null or a function, not " + typeof t);
   e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
 }
-function c6(e) {
+function ck(e) {
   return function(t) {
-    l6(r, t);
+    lk(r, t);
     function r() {
-      return i6(this, r), s6(this, (r.__proto__ || Object.getPrototypeOf(r)).apply(this, arguments));
+      return ik(this, r), sk(this, (r.__proto__ || Object.getPrototypeOf(r)).apply(this, arguments));
     }
-    return n6(r, [{
+    return nk(r, [{
       key: "componentDidMount",
       value: function() {
         !_p.canUseDOM || !(0, Pn.isTouchDevice)() || document.addEventListener("touchmove", Pn.preventTouchMove, Pn.listenerOptions);
@@ -5550,7 +5550,7 @@ function c6(e) {
     }, {
       key: "render",
       value: function() {
-        return o6.default.createElement(e, this.props);
+        return ok.default.createElement(e, this.props);
       }
     }]), r;
   }($g.PureComponent);
@@ -5558,7 +5558,7 @@ function c6(e) {
 Object.defineProperty(lu, "__esModule", {
   value: !0
 });
-var d6 = function() {
+var dk = function() {
   function e(t, r) {
     for (var n = 0; n < r.length; n++) {
       var o = r[n];
@@ -5568,33 +5568,33 @@ var d6 = function() {
   return function(t, r, n) {
     return r && e(t.prototype, r), n && e(t, n), t;
   };
-}(), yg = F, _g = uu(yg), u6 = fs, f6 = ca, p6 = cu, m6 = uu(p6), h6 = du, b6 = uu(h6), g6 = ze;
+}(), yg = F, _g = uu(yg), uk = fs, fk = ca, pk = cu, mk = uu(pk), hk = du, bk = uu(hk), gk = ze;
 function uu(e) {
   return e && e.__esModule ? e : { default: e };
 }
-function v6(e, t) {
+function vk(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
 }
-function $6(e, t) {
+function $k(e, t) {
   if (!e)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t && (typeof t == "object" || typeof t == "function") ? t : e;
 }
-function y6(e, t) {
+function yk(e, t) {
   if (typeof t != "function" && t !== null)
     throw new TypeError("Super expression must either be null or a function, not " + typeof t);
   e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
 }
-var _6 = function(e) {
-  y6(t, e);
+var _k = function(e) {
+  yk(t, e);
   function t() {
-    return v6(this, t), $6(this, (t.__proto__ || Object.getPrototypeOf(t)).apply(this, arguments));
+    return vk(this, t), $k(this, (t.__proto__ || Object.getPrototypeOf(t)).apply(this, arguments));
   }
-  return d6(t, [{
+  return dk(t, [{
     key: "componentDidMount",
     value: function() {
-      u6.canUseDOM && (this.initialHeight = window.innerHeight);
+      uk.canUseDOM && (this.initialHeight = window.innerHeight);
     }
   }, {
     key: "componentWillUnmount",
@@ -5607,14 +5607,14 @@ var _6 = function(e) {
     value: function() {
       var n = this.props.children;
       return n ? _g.default.createElement(
-        f6.TouchScrollable,
+        fk.TouchScrollable,
         null,
         n
       ) : null;
     }
   }]), t;
-}(yg.PureComponent), x6 = (0, g6.pipe)(b6.default, m6.default), w6 = x6(_6), xg = function(t) {
-  return t.isActive ? _g.default.createElement(w6, t) : t.children;
+}(yg.PureComponent), xk = (0, gk.pipe)(bk.default, mk.default), wk = xk(_k), xg = function(t) {
+  return t.isActive ? _g.default.createElement(wk, t) : t.children;
 };
 xg.defaultProps = {
   accountForScrollbars: !0,
@@ -5647,7 +5647,7 @@ lu.default = xg;
 const wg = /* @__PURE__ */ qi(us), xp = {
   disabled: !1
 };
-var D6 = process.env.NODE_ENV !== "production" ? ue.oneOfType([ue.number, ue.shape({
+var Dk = process.env.NODE_ENV !== "production" ? ue.oneOfType([ue.number, ue.shape({
   enter: ue.number,
   exit: ue.number,
   appear: ue.number
@@ -5665,7 +5665,7 @@ process.env.NODE_ENV !== "production" && ue.oneOfType([ue.string, ue.shape({
   exitActive: ue.string
 })]);
 const Dg = F.createContext(null);
-var S6 = function(t) {
+var Sk = function(t) {
   return t.scrollTop;
 }, Po = "unmounted", zr = "exited", Lr = "entering", On = "entered", Ic = "exiting", dr = /* @__PURE__ */ function(e) {
   cs(t, e);
@@ -5707,7 +5707,7 @@ var S6 = function(t) {
       if (this.cancelNextCallback(), a === Lr) {
         if (this.props.unmountOnExit || this.props.mountOnEnter) {
           var i = this.props.nodeRef ? this.props.nodeRef.current : jr.findDOMNode(this);
-          i && S6(i);
+          i && Sk(i);
         }
         this.performEnter(o);
       } else
@@ -5893,7 +5893,7 @@ dr.propTypes = process.env.NODE_ENV !== "production" ? {
    * @type {number | { enter?: number, exit?: number, appear?: number }}
    */
   timeout: function(t) {
-    var r = D6;
+    var r = Dk;
     t.addEndListener || (r = r.isRequired);
     for (var n = arguments.length, o = new Array(n > 1 ? n - 1 : 0), a = 1; a < n; a++)
       o[a - 1] = arguments[a];
@@ -6012,7 +6012,7 @@ function fu(e) {
   return null;
 }
 fu.displayName = "Portal";
-const P6 = (e) => {
+const Pk = (e) => {
   const t = `${f.color_gray_10}70`;
   return `
     position: fixed;
@@ -6029,23 +6029,23 @@ const P6 = (e) => {
     background-color: ${e.$open ? t : "transparent"};
     transition: background-color ${f.motion_duration_fast} ${f.motion_ease_in};
   `;
-}, T6 = () => `
+}, Tk = () => `
   width: 100%;
   min-height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
-`, k6 = (e) => `
+`, kk = (e) => `
   width: 100%;
   max-width: ${e.maxWidth};
-`, E6 = () => `
+`, Ek = () => `
   position: relative;
   width: 100%;
   outline: none;
   transition: transform ${f.motion_duration_medium} ${f.motion_ease_out},
               visibility ${f.motion_duration_medium} ${f.motion_ease_out},
               opacity ${f.motion_duration_medium} ${f.motion_ease_out};
-`, C6 = (e) => {
+`, Ck = (e) => {
   const t = `
     transform: translateY(${f.spacing_200});
     opacity: 0;
@@ -6089,7 +6089,7 @@ const P6 = (e) => {
   }
 );
 Pg.displayName = "Modal.Content";
-const R6 = Pg, Tg = F.forwardRef(function({ children: t }, r) {
+const Rk = Pg, Tg = F.forwardRef(function({ children: t }, r) {
   return /* @__PURE__ */ x(
     Ae,
     {
@@ -6104,7 +6104,7 @@ const R6 = Pg, Tg = F.forwardRef(function({ children: t }, r) {
   );
 });
 Tg.displayName = "Modal.Footer";
-const I6 = Tg, cn = I(Ae)`
+const Ik = Tg, cn = I(Ae)`
   font-family: ${f.font_family_pingo};
   font-style: normal;
   font-weight: ${({ $normal: e }) => e ? f.font_weight_300 : f.font_weight_500};
@@ -6113,35 +6113,35 @@ const I6 = Tg, cn = I(Ae)`
 
   ${({ color: e }) => e && `color: ${e};`}
   height: fit-content;
-`, A6 = I(cn)`
+`, Ak = I(cn)`
   line-height: ${f.font_size_950};
   font-size: ${f.font_size_900};
-`, O6 = I(cn)`
+`, Ok = I(cn)`
   line-height: ${f.font_size_725};
   font-size: ${f.font_size_700};
-`, M6 = I(cn)`
+`, Mk = I(cn)`
   line-height: ${f.font_size_625};
   font-size: ${f.font_size_600};
-`, N6 = I(cn)`
+`, Nk = I(cn)`
   font-size: ${f.font_size_400};
   line-height: ${f.font_size_425};
-`, F6 = I(cn)`
+`, Fk = I(cn)`
   font-size: ${f.font_size_300};
   line-height: ${f.font_size_325};
-`, z6 = I(cn)`
+`, zk = I(cn)`
   font-size: ${f.font_size_250};
   line-height: ${f.font_size_275};
-`, L6 = I(cn)`
+`, Lk = I(cn)`
   font-size: ${f.font_size_225};
   line-height: ${f.font_size_250};
-`, K6 = {
-  h1: A6,
-  h2: O6,
-  h3: M6,
-  h4: N6,
-  h5: F6,
-  h6: z6,
-  body: L6
+`, Kk = {
+  h1: Ak,
+  h2: Ok,
+  h3: Mk,
+  h4: Nk,
+  h5: Fk,
+  h6: zk,
+  body: Lk
 }, Jn = B((e, t) => {
   const {
     children: r,
@@ -6152,7 +6152,7 @@ const I6 = Tg, cn = I(Ae)`
     className: s,
     normal: l = !1,
     ...c
-  } = e, d = K6[i], p = {
+  } = e, d = Kk[i], p = {
     ...Mt(c, Ir.propNames ?? [])
   };
   return n ? p.color = f.color_gray_52 : o ? p.color = o : p.color = f.color_black, /* @__PURE__ */ x(d, { as: a, ...p, ref: t, className: s, $normal: l, children: r });
@@ -6167,19 +6167,19 @@ const kg = F.createContext({}), Eg = F.forwardRef(
   }
 );
 Eg.displayName = "Modal.Header";
-const V6 = Eg, pu = {
+const Vk = Eg, pu = {
   small: "360px",
   medium: "540px",
   large: "960px"
-}, B6 = I("div")`
-  ${P6}
-`, j6 = I("div")`
-  ${T6}
-`, U6 = I(bg)`
-  ${k6}
-`, W6 = I(Ae)`
-  ${E6}
-  ${C6}
+}, Bk = I("div")`
+  ${Pk}
+`, jk = I("div")`
+  ${Tk}
+`, Uk = I(bg)`
+  ${kk}
+`, Wk = I(Ae)`
+  ${Ek}
+  ${Ck}
 `, da = F.forwardRef(function(t, r) {
   const {
     children: n,
@@ -6207,7 +6207,7 @@ const V6 = Eg, pu = {
   }, [l]), /* @__PURE__ */ ie(Gr, { children: [
     /* @__PURE__ */ x(wg, { isActive: l }),
     /* @__PURE__ */ x(fu, { containerId: c, children: /* @__PURE__ */ x(us.TouchScrollable, { children: /* @__PURE__ */ x(
-      B6,
+      Bk,
       {
         $open: l,
         className: o,
@@ -6216,7 +6216,7 @@ const V6 = Eg, pu = {
         title: p,
         "aria-label": p,
         "aria-labelledby": p,
-        children: /* @__PURE__ */ x(Ae, { size: "100%", ref: h, "data-id": "modal-overlay", children: /* @__PURE__ */ x(j6, { children: /* @__PURE__ */ x(U6, { disabled: !l || ib(), returnFocus: !0, children: /* @__PURE__ */ x(
+        children: /* @__PURE__ */ x(Ae, { size: "100%", ref: h, "data-id": "modal-overlay", children: /* @__PURE__ */ x(jk, { children: /* @__PURE__ */ x(Uk, { disabled: !l || ib(), returnFocus: !0, children: /* @__PURE__ */ x(
           Sg,
           {
             mountOnEnter: !0,
@@ -6230,7 +6230,7 @@ const V6 = Eg, pu = {
             children: (y) => (
               // @ts-expect-error - TODO FIX
               /* @__PURE__ */ x("div", { ref: g, children: /* @__PURE__ */ x(
-                W6,
+                Wk,
                 {
                   $state: y,
                   tabIndex: -1,
@@ -6263,10 +6263,10 @@ const V6 = Eg, pu = {
   ] });
 });
 da.displayName = "Modal";
-da.Header = V6;
-da.Content = R6;
-da.Footer = I6;
-const CB = da, H6 = Ue`
+da.Header = Vk;
+da.Content = Rk;
+da.Footer = Ik;
+const CB = da, Hk = Ue`
   0% {
     opacity: 0;
   }
@@ -6274,7 +6274,7 @@ const CB = da, H6 = Ue`
   100% {
     opacity: var(--overlay-opacity, 0.6);
   }
-`, G6 = Ue`
+`, Gk = Ue`
   0% {
     opacity: 0;
     transform: translate(-50%, -48%) scale(.96);
@@ -6290,8 +6290,8 @@ const CB = da, H6 = Ue`
   position: fixed;
   inset: 0;
   z-index: 4;
-  animation: ${H6} 150ms cubic-bezier(0.16, 1, 0.3, 1);
-`, Y6 = I(Lb)`
+  animation: ${Hk} 150ms cubic-bezier(0.16, 1, 0.3, 1);
+`, Yk = I(Lb)`
   ${Cg}
 `, Rg = De`
   box-sizing: border-box;
@@ -6313,9 +6313,9 @@ const CB = da, H6 = Ue`
   border-radius: ${f.border_radius_400};
 
   @media (prefers-reduced-motion: no-preference) {
-    animation: ${G6} 150ms cubic-bezier(0.16, 1, 0.3, 1);
+    animation: ${Gk} 150ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-`, q6 = I(Kb)`
+`, qk = I(Kb)`
   ${({ size: e }) => e && `width: ${pu[e]} !important;`}
 
   ${Rg}
@@ -6326,8 +6326,8 @@ function RB({
   ...r
 }) {
   return /* @__PURE__ */ ie(zb, { children: [
-    /* @__PURE__ */ x(Y6, {}),
-    /* @__PURE__ */ x(q6, { size: t, ...r, children: e })
+    /* @__PURE__ */ x(Yk, {}),
+    /* @__PURE__ */ x(qk, { size: t, ...r, children: e })
   ] });
 }
 const Ig = `
@@ -6353,7 +6353,7 @@ const Ig = `
   margin-bottom: ${f.sizing_400};
 `, AB = I(Bb)`
   ${Ag}
-`, Z6 = I.footer`
+`, Zk = I.footer`
   margin-top: ${f.spacing_400};
   display: flex;
   justify-content: end;
@@ -6384,14 +6384,14 @@ const Ig = `
   &:active {
     background-color: ${f.color_deprecated_overlay_secondary_pressed};
   }
-`, X6 = I(ss)`
+`, Xk = I(ss)`
   ${Og}
 `, OB = ({
   children: e = "×",
   ...t
-}) => /* @__PURE__ */ x(X6, { ...t, children: e }), MB = Nb, NB = Fb, FB = ss, J6 = I(w3)`
+}) => /* @__PURE__ */ x(Xk, { ...t, children: e }), MB = Nb, NB = Fb, FB = ss, Jk = I(w3)`
   ${Cg}
-`, Q6 = I(D3)`
+`, Qk = I(D3)`
   ${Rg}
   width: ${(e) => pu[e.size ?? "medium"]};
 `;
@@ -6401,20 +6401,20 @@ function zB({
   ...r
 }) {
   return /* @__PURE__ */ ie(x3, { children: [
-    /* @__PURE__ */ x(J6, {}),
-    /* @__PURE__ */ x(Q6, { size: t, ...r, children: e })
+    /* @__PURE__ */ x(Jk, {}),
+    /* @__PURE__ */ x(Qk, { size: t, ...r, children: e })
   ] });
 }
 const LB = I(P3)`
   ${Ig}
 `, KB = I(T3)`
   ${Ag}
-`, VB = Z6, BB = y3, jB = _3, UB = S3, WB = Ub, ek = I(Ub)`
+`, VB = Zk, BB = y3, jB = _3, UB = S3, WB = Ub, e6 = I(Ub)`
   ${Og}
 `, HB = ({
   children: e = "×",
   ...t
-}) => /* @__PURE__ */ x(ek, { ...t, children: e }), tk = I(Ae)`
+}) => /* @__PURE__ */ x(e6, { ...t, children: e }), t6 = I(Ae)`
   display: block;
   font-family: ${f.font_family_pingo};
   font-style: normal;
@@ -6456,7 +6456,7 @@ const LB = I(P3)`
         `;
   }
 }}
-`, rk = {
+`, r6 = {
   positive: {
     background: "hsl(143.1, 48%, 94.7%)",
     color: "hsl(155.68deg 88.1% 16.5%)"
@@ -6492,9 +6492,9 @@ function yl({
 }) {
   const i = {
     ...Mt(o, Ir.propNames ?? [])
-  }, s = rk[r];
+  }, s = r6[r];
   return /* @__PURE__ */ x(
-    tk,
+    t6,
     {
       ...i,
       $size: t,
@@ -6552,8 +6552,8 @@ const mu = {
   current: 0,
   isSSR: !1
 }, hu = /* @__PURE__ */ F.createContext(mu);
-let nk = !!(typeof window < "u" && window.document && window.document.createElement), _l = /* @__PURE__ */ new WeakMap();
-function ok(e = !1) {
+let n6 = !!(typeof window < "u" && window.document && window.document.createElement), _l = /* @__PURE__ */ new WeakMap();
+function o6(e = !1) {
   let t = Be(hu), r = K(null);
   if (r.current === null && !e) {
     var n, o;
@@ -6569,29 +6569,29 @@ function ok(e = !1) {
   }
   return r.current;
 }
-function ak(e) {
+function a6(e) {
   let t = Be(hu);
-  t === mu && !nk && console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
-  let r = ok(!!e);
+  t === mu && !n6 && console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
+  let r = o6(!!e);
   return e || `react-aria${t.prefix}-${r}`;
 }
-function ik(e) {
+function i6(e) {
   let t = F.useId(), [r] = X(ps()), n = r ? "react-aria" : `react-aria${mu.prefix}`;
   return e || `${n}-${t}`;
 }
-const sk = typeof F.useId == "function" ? ik : ak;
-function lk() {
+const s6 = typeof F.useId == "function" ? i6 : a6;
+function l6() {
   return !1;
 }
-function ck() {
+function c6() {
   return !0;
 }
-function dk(e) {
+function d6(e) {
   return () => {
   };
 }
 function ps() {
-  return typeof F.useSyncExternalStore == "function" ? F.useSyncExternalStore(dk, lk, ck) : Be(hu).isSSR;
+  return typeof F.useSyncExternalStore == "function" ? F.useSyncExternalStore(d6, l6, c6) : Be(hu).isSSR;
 }
 function Mg(e) {
   var t, r, n = "";
@@ -6613,7 +6613,7 @@ function ms() {
 }
 const Oe = typeof window < "u" ? F.useLayoutEffect : () => {
 };
-function uk(e) {
+function u6(e) {
   let [t, r] = X(e), n = K(t), o = K(null), a = oe(() => {
     let s = o.current.next();
     for (; !s.done && n.current === s.value; )
@@ -6645,7 +6645,7 @@ function uk(e) {
 }
 let bi = /* @__PURE__ */ new Map();
 function ut(e) {
-  let [t, r] = X(e), n = K(null), o = sk(t), a = oe((i) => {
+  let [t, r] = X(e), n = K(null), o = s6(t), a = oe((i) => {
     n.current = i;
   }, []);
   return bi.set(o, a), Oe(() => {
@@ -6660,7 +6660,7 @@ function ut(e) {
     i && (n.current = null, r(i));
   }), o;
 }
-function fk(e, t) {
+function f6(e, t) {
   if (e === t)
     return e;
   let r = bi.get(e);
@@ -6670,7 +6670,7 @@ function fk(e, t) {
   return n ? (n(e), e) : t;
 }
 function Bo(e = []) {
-  let t = ut(), [r, n] = uk(t), o = oe(() => {
+  let t = ut(), [r, n] = u6(t), o = oe(() => {
     n(function* () {
       yield t, yield document.getElementById(t) ? t : void 0;
     });
@@ -6701,37 +6701,37 @@ function $e(...e) {
       typeof a == "function" && typeof i == "function" && // This is a lot faster than a regex.
       o[0] === "o" && o[1] === "n" && o.charCodeAt(2) >= /* 'A' */
       65 && o.charCodeAt(2) <= /* 'Z' */
-      90 ? t[o] = Sr(a, i) : (o === "className" || o === "UNSAFE_className") && typeof a == "string" && typeof i == "string" ? t[o] = ms(a, i) : o === "id" && a && i ? t.id = fk(a, i) : t[o] = i !== void 0 ? i : a;
+      90 ? t[o] = Sr(a, i) : (o === "className" || o === "UNSAFE_className") && typeof a == "string" && typeof i == "string" ? t[o] = ms(a, i) : o === "id" && a && i ? t.id = f6(a, i) : t[o] = i !== void 0 ? i : a;
     }
   }
   return t;
 }
-const pk = /* @__PURE__ */ new Set([
+const p6 = /* @__PURE__ */ new Set([
   "id"
-]), mk = /* @__PURE__ */ new Set([
+]), m6 = /* @__PURE__ */ new Set([
   "aria-label",
   "aria-labelledby",
   "aria-describedby",
   "aria-details"
-]), hk = /^(data-.*)$/;
+]), h6 = /^(data-.*)$/;
 function Vt(e, t = {}) {
   let { labelable: r, propNames: n } = t, o = {};
   for (const a in e)
-    Object.prototype.hasOwnProperty.call(e, a) && (pk.has(a) || r && mk.has(a) || n != null && n.has(a) || hk.test(a)) && (o[a] = e[a]);
+    Object.prototype.hasOwnProperty.call(e, a) && (p6.has(a) || r && m6.has(a) || n != null && n.has(a) || h6.test(a)) && (o[a] = e[a]);
   return o;
 }
 function Zt(e) {
-  if (bk())
+  if (b6())
     e.focus({
       preventScroll: !0
     });
   else {
-    let t = gk(e);
-    e.focus(), vk(t);
+    let t = g6(e);
+    e.focus(), v6(t);
   }
 }
 let Na = null;
-function bk() {
+function b6() {
   if (Na == null) {
     Na = !1;
     try {
@@ -6746,7 +6746,7 @@ function bk() {
   }
   return Na;
 }
-function gk(e) {
+function g6(e) {
   for (var t = e.parentNode, r = [], n = document.scrollingElement || document.documentElement; t instanceof HTMLElement && t !== n; )
     (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && r.push({
       element: t,
@@ -6759,7 +6759,7 @@ function gk(e) {
     scrollLeft: n.scrollLeft
   }), r;
 }
-function vk(e) {
+function v6(e) {
   for (let { element: t, scrollTop: r, scrollLeft: n } of e)
     t.scrollTop = r, t.scrollLeft = n;
 }
@@ -6850,15 +6850,15 @@ function Sp(e, t) {
     r.current ? r.current = !1 : (!n.current || t.some((o, a) => !Object.is(o, n[a]))) && e(), n.current = t;
   }, t);
 }
-function $k() {
+function $6() {
   return typeof window.ResizeObserver < "u";
 }
-function yk(e) {
+function y6(e) {
   const { ref: t, onResize: r } = e;
   J(() => {
     let n = t == null ? void 0 : t.current;
     if (n)
-      if ($k()) {
+      if ($6()) {
         const o = new window.ResizeObserver((a) => {
           a.length && r();
         });
@@ -6894,7 +6894,7 @@ function gi(e) {
   let t = window.getComputedStyle(e);
   return /(auto|scroll)/.test(t.overflow + t.overflowX + t.overflowY);
 }
-let _k = 0;
+let _6 = 0;
 const xl = /* @__PURE__ */ new Map();
 function hs(e) {
   let [t, r] = X(void 0);
@@ -6905,7 +6905,7 @@ function hs(e) {
     if (n)
       r(n.element.id);
     else {
-      let o = `react-aria-description-${_k++}`;
+      let o = `react-aria-description-${_6++}`;
       r(o);
       let a = document.createElement("div");
       a.id = o, a.style.display = "none", a.textContent = e, document.body.appendChild(a), n = {
@@ -6946,10 +6946,10 @@ function so() {
 function oi() {
   return dn() || so();
 }
-function xk() {
-  return gu(/AppleWebKit/i) && !wk();
+function x6() {
+  return gu(/AppleWebKit/i) && !w6();
 }
-function wk() {
+function w6() {
   return gu(/Chrome/i);
 }
 function Kg() {
@@ -7028,7 +7028,7 @@ function vi(e, t) {
 function Oc(e) {
   return e.mozInputSource === 0 && e.isTrusted ? !0 : Kg() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
 }
-function Dk(e) {
+function D6(e) {
   return e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
 }
 function Bg(e, t) {
@@ -7055,7 +7055,7 @@ function Fa(e) {
 }
 const jg = F.createContext(null);
 jg.displayName = "PressResponderContext";
-function Sk(e) {
+function S6(e) {
   let t = Be(jg);
   if (t) {
     let { register: r, ...n } = t;
@@ -7078,7 +7078,7 @@ function un(e) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     ref: u,
     ...p
-  } = Sk(e), [m, h] = X(!1), b = K({
+  } = S6(e), [m, h] = X(!1), b = K({
     isPressed: !1,
     ignoreEmulatedMouseEvents: !1,
     ignoreClickAfterPress: !1,
@@ -7153,7 +7153,7 @@ function un(e) {
     if (typeof PointerEvent < "u") {
       C.onPointerDown = (R) => {
         if (!(R.button !== 0 || !R.currentTarget.contains(R.target))) {
-          if (Dk(R.nativeEvent)) {
+          if (D6(R.nativeEvent)) {
             _.pointerType = "virtual";
             return;
           }
@@ -7197,7 +7197,7 @@ function un(e) {
         if (!A.currentTarget.contains(A.target))
           return;
         A.stopPropagation();
-        let R = Pk(A.nativeEvent);
+        let R = P6(A.nativeEvent);
         R && (_.activePointerId = R.identifier, _.ignoreEmulatedMouseEvents = !0, _.isOverTarget = !0, _.isPressed = !0, _.target = A.currentTarget, _.pointerType = "touch", !i && !l && Zt(A.currentTarget), d || Tp(_.target), v(A, _.pointerType), g(window, "scroll", V, !0));
       }, C.onTouchMove = (A) => {
         if (!A.currentTarget.contains(A.target) || (A.stopPropagation(), !_.isPressed))
@@ -7257,7 +7257,7 @@ function wl(e, t) {
   (!Nc(o) || a === "button" && r !== "Enter") && // An element with role='link' should only trigger with Enter key
   !(a === "link" && r !== "Enter");
 }
-function Pk(e) {
+function P6(e) {
   const { targetTouches: t } = e;
   return t.length > 0 ? t[0] : null;
 }
@@ -7279,7 +7279,7 @@ function Ht(e, t) {
     altKey: t.altKey
   };
 }
-function Tk(e) {
+function T6(e) {
   let t = e.width / 2 || e.radiusX || 0, r = e.height / 2 || e.radiusY || 0;
   return {
     top: e.clientY - r,
@@ -7288,12 +7288,12 @@ function Tk(e) {
     left: e.clientX - t
   };
 }
-function kk(e, t) {
+function k6(e, t) {
   return !(e.left > t.right || t.left > e.right || e.top > t.bottom || t.top > e.bottom);
 }
 function kn(e, t) {
-  let r = t.getBoundingClientRect(), n = Tk(e);
-  return kk(r, n);
+  let r = t.getBoundingClientRect(), n = T6(e);
+  return k6(r, n);
 }
 function Dl(e) {
   return !(e instanceof HTMLElement) || !e.draggable;
@@ -7301,7 +7301,7 @@ function Dl(e) {
 function Ep(e, t) {
   return e instanceof HTMLInputElement ? !Ug(e, t) : e instanceof HTMLButtonElement ? e.type !== "submit" : !0;
 }
-const Ek = /* @__PURE__ */ new Set([
+const E6 = /* @__PURE__ */ new Set([
   "checkbox",
   "radio",
   "range",
@@ -7313,9 +7313,9 @@ const Ek = /* @__PURE__ */ new Set([
   "reset"
 ]);
 function Ug(e, t) {
-  return e.type === "checkbox" || e.type === "radio" ? t === " " : Ek.has(e.type);
+  return e.type === "checkbox" || e.type === "radio" ? t === " " : E6.has(e.type);
 }
-class Ck {
+class C6 {
   isDefaultPrevented() {
     return this.nativeEvent.defaultPrevented;
   }
@@ -7352,7 +7352,7 @@ function Wg(e) {
     if (n.target instanceof HTMLButtonElement || n.target instanceof HTMLInputElement || n.target instanceof HTMLTextAreaElement || n.target instanceof HTMLSelectElement) {
       t.current.isFocused = !0;
       let o = n.target, a = (i) => {
-        t.current.isFocused = !1, o.disabled && r(new Ck("blur", i)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
+        t.current.isFocused = !1, o.disabled && r(new C6("blur", i)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
       };
       o.addEventListener("focusout", a, {
         once: !0
@@ -7401,7 +7401,7 @@ function $u(e) {
   };
 }
 let ir = null, jo = /* @__PURE__ */ new Set(), Cp = !1, Qr = !1, Fc = !1;
-const Rk = {
+const R6 = {
   Tab: !0,
   Escape: !0
 };
@@ -7409,22 +7409,22 @@ function bs(e, t) {
   for (let r of jo)
     r(e, t);
 }
-function Ik(e) {
+function I6(e) {
   return !(e.metaKey || !dn() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
 }
 function Rp(e) {
-  Qr = !0, Ik(e) && (ir = "keyboard", bs("keyboard", e));
+  Qr = !0, I6(e) && (ir = "keyboard", bs("keyboard", e));
 }
 function En(e) {
   ir = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (Qr = !0, bs("pointer", e));
 }
-function Ak(e) {
+function A6(e) {
   Oc(e) && (Qr = !0, ir = "virtual");
 }
-function Ok(e) {
+function O6(e) {
   e.target === window || e.target === document || (!Qr && !Fc && (ir = "virtual", bs("virtual", e)), Qr = !1, Fc = !1);
 }
-function Mk() {
+function M6() {
   Qr = !1, Fc = !0;
 }
 function $i() {
@@ -7433,7 +7433,7 @@ function $i() {
   let e = HTMLElement.prototype.focus;
   HTMLElement.prototype.focus = function() {
     Qr = !0, e.apply(this, arguments);
-  }, document.addEventListener("keydown", Rp, !0), document.addEventListener("keyup", Rp, !0), document.addEventListener("click", Ak, !0), window.addEventListener("focus", Ok, !0), window.addEventListener("blur", Mk, !1), typeof PointerEvent < "u" ? (document.addEventListener("pointerdown", En, !0), document.addEventListener("pointermove", En, !0), document.addEventListener("pointerup", En, !0)) : (document.addEventListener("mousedown", En, !0), document.addEventListener("mousemove", En, !0), document.addEventListener("mouseup", En, !0)), Cp = !0;
+  }, document.addEventListener("keydown", Rp, !0), document.addEventListener("keyup", Rp, !0), document.addEventListener("click", A6, !0), window.addEventListener("focus", O6, !0), window.addEventListener("blur", M6, !1), typeof PointerEvent < "u" ? (document.addEventListener("pointerdown", En, !0), document.addEventListener("pointermove", En, !0), document.addEventListener("pointerup", En, !0)) : (document.addEventListener("mousedown", En, !0), document.addEventListener("mousemove", En, !0), document.addEventListener("mouseup", En, !0)), Cp = !0;
 }
 typeof document < "u" && (document.readyState !== "loading" ? $i() : document.addEventListener("DOMContentLoaded", $i));
 function yi() {
@@ -7457,13 +7457,13 @@ function Gg() {
     };
   }, []), ps() ? null : e;
 }
-function Nk(e, t, r) {
-  return !(e && t === "keyboard" && r instanceof KeyboardEvent && !Rk[r.key]);
+function N6(e, t, r) {
+  return !(e && t === "keyboard" && r instanceof KeyboardEvent && !R6[r.key]);
 }
-function Fk(e, t, r) {
+function F6(e, t, r) {
   $i(), J(() => {
     let n = (o, a) => {
-      Nk(r == null ? void 0 : r.isTextInput, o, a) && e(yi());
+      N6(r == null ? void 0 : r.isTextInput, o, a) && e(yi());
     };
     return jo.add(n), () => {
       jo.delete(n);
@@ -7507,20 +7507,20 @@ function zc() {
 function Ip(e) {
   e.pointerType === "touch" && zc();
 }
-function zk() {
+function z6() {
   if (!(typeof document > "u"))
     return typeof PointerEvent < "u" ? document.addEventListener("pointerup", Ip) : document.addEventListener("touchend", zc), Sl++, () => {
       Sl--, !(Sl > 0) && (typeof PointerEvent < "u" ? document.removeEventListener("pointerup", Ip) : document.removeEventListener("touchend", zc));
     };
 }
-function Lk(e) {
+function L6(e) {
   let { onHoverStart: t, onHoverChange: r, onHoverEnd: n, isDisabled: o } = e, [a, i] = X(!1), s = K({
     isHovered: !1,
     ignoreEmulatedMouseEvents: !1,
     pointerType: "",
     target: null
   }).current;
-  J(zk, []);
+  J(z6, []);
   let { hoverProps: l, triggerHoverEnd: c } = re(() => {
     let d = (m, h) => {
       if (s.pointerType = h, o || h === "touch" || s.isHovered || !m.currentTarget.contains(m.target))
@@ -7575,7 +7575,7 @@ function Lk(e) {
     isHovered: a
   };
 }
-function Kk(e) {
+function K6(e) {
   let { ref: t, onInteractOutside: r, isDisabled: n, onInteractOutsideStart: o } = e, a = K({
     isPointerDown: !1,
     ignoreEmulatedMouseEvents: !1
@@ -7644,7 +7644,7 @@ function Ap(e) {
     e(n), t && r.stopPropagation();
   };
 }
-function Vk(e) {
+function V6(e) {
   return {
     keyboardProps: e.isDisabled ? {} : {
       onKeyDown: Ap(e.onKeyDown),
@@ -7652,7 +7652,7 @@ function Vk(e) {
     }
   };
 }
-function Bk(e, t) {
+function B6(e, t) {
   let { onScroll: r, isDisabled: n } = e, o = oe((a) => {
     a.ctrlKey || (a.preventDefault(), a.stopPropagation(), r && r({
       deltaX: a.deltaX,
@@ -7663,9 +7663,9 @@ function Bk(e, t) {
   ]);
   $r(t, "wheel", n ? null : o);
 }
-const jk = 500;
+const j6 = 500;
 function Yg(e) {
-  let { isDisabled: t, onLongPressStart: r, onLongPressEnd: n, onLongPress: o, threshold: a = jk, accessibilityDescription: i } = e;
+  let { isDisabled: t, onLongPressStart: r, onLongPressEnd: n, onLongPress: o, threshold: a = j6, accessibilityDescription: i } = e;
   const s = K(null);
   let { addGlobalListener: l, removeGlobalListener: c } = bu(), { pressProps: d } = un({
     isDisabled: t,
@@ -7739,7 +7739,7 @@ function gs(e) {
   let { children: t, elementType: r = "div", isFocusable: n, style: o, ...a } = e, { visuallyHiddenProps: i } = qg(e);
   return /* @__PURE__ */ F.createElement(r, $e(a, i), t);
 }
-const Uk = I(Xe)`
+const U6 = I(Xe)`
   display: flex;
   flex-direction: column;
 
@@ -7769,7 +7769,7 @@ function yu(e) {
     ...i
   };
   return /* @__PURE__ */ x(Xe, { "data-id": e["data-id"], ...s, children: a.map((l, c) => /* @__PURE__ */ x(
-    Uk,
+    U6,
     {
       "data-id": "stack-item",
       $alignment: r,
@@ -7800,7 +7800,7 @@ const Zg = `
   }
 `, Xg = () => `
   ${Zg}
-`, ur = "2px", Wk = () => `
+`, ur = "2px", W6 = () => `
   appearance: none;
   display: inline-flex;
   align-items: center;
@@ -7840,11 +7840,11 @@ const Zg = `
   &:disabled {
     cursor: not-allowed;
   }
-`, Hk = (e) => `
+`, H6 = (e) => `
   transition: ${f.motion_duration_fast} ${f.motion_ease_in_out};
   transform: translateY(${e.$loading ? "-50%" : "0%"});
   opacity: ${e.$loading ? "0" : "1"};
-`, Gk = (e) => {
+`, G6 = (e) => {
   if (e.disabled)
     return `
       opacity: 0.8;
@@ -7854,7 +7854,7 @@ const Zg = `
       }
     `;
 }, Jg = De`
-`, Yk = De`
+`, Y6 = De`
   ${Jg};
   background: ${f.color_gray_6};
   color: ${f.color_white};
@@ -7880,7 +7880,7 @@ const Zg = `
   }
 
   &:disabled {}
-`, qk = De`
+`, q6 = De`
   ${Jg};
   background: ${f.color_white};
   color: ${f.color_gray_6};
@@ -7905,7 +7905,7 @@ const Zg = `
   &:disabled {}
 `, Qg = De`
   background: transparent;
-`, Zk = De`
+`, Z6 = De`
   ${Qg}
   color: ${f.color_gray_6};
   border: 1px solid rgba(0, 0, 0, 0.16); // TODO: token
@@ -7932,7 +7932,7 @@ const Zg = `
   }
 
   &:disabled {}
-`, Xk = De`
+`, X6 = De`
   ${Qg}
   color: ${f.color_white};
   border: 1px solid rgba(255, 255, 255, 0.2); // TODO: token
@@ -7958,7 +7958,7 @@ const Zg = `
   &:disabled {}
 `, e0 = De`
   background: transparent;
-`, Jk = De`
+`, J6 = De`
   ${e0}
   color: ${f.color_gray_6};
 
@@ -7983,7 +7983,7 @@ const Zg = `
   }
 
   &:disabled {}
-`, Qk = De`
+`, Q6 = De`
   ${e0}
   color: ${f.color_white};
 
@@ -8056,11 +8056,11 @@ const Zg = `
 `, rE = (e, t) => {
   switch (e) {
     case "primary":
-      return t ? qk : Yk;
+      return t ? q6 : Y6;
     case "secondary":
-      return t ? Xk : Zk;
+      return t ? X6 : Z6;
     case "tertiary":
-      return t ? Qk : Jk;
+      return t ? Q6 : J6;
     case "danger":
       return t ? tE : eE;
   }
@@ -8077,13 +8077,13 @@ const Zg = `
   }
 }, _u = ts(Gd, RP, IP, Yd), Mp = I(Xe)`
   ${Xg} // order here matters! ... sets css precedence
-  ${Wk} 
-  ${Gk}
+  ${W6} 
+  ${G6}
   ${_u}
   ${({ variant: e, inverse: t }) => rE(e, t)}
   ${({ size: e }) => aE(e)}
 `, iE = I.span`
-  ${(e) => Hk(e)}
+  ${(e) => H6(e)}
 `;
 function sE(e, t) {
   const {
@@ -9822,7 +9822,7 @@ function mn(e = {}) {
   }, [
     c
   ]);
-  Fk((m) => {
+  F6((m) => {
     o.current.isFocusVisible = m, c();
   }, [], {
     isTextInput: r
@@ -9858,7 +9858,7 @@ function D4(e) {
   return n;
 }
 function ku(e, t) {
-  let { focusProps: r } = $u(e), { keyboardProps: n } = Vk(e), o = $e(r, n), a = D4(t), i = e.isDisabled ? {} : a, s = K(e.autoFocus);
+  let { focusProps: r } = $u(e), { keyboardProps: n } = V6(e), o = $e(r, n), a = D4(t), i = e.isDisabled ? {} : a, s = K(e.autoFocus);
   return J(() => {
     s.current && t.current && Yo(t.current), s.current = !1;
   }, [
@@ -18931,7 +18931,7 @@ function sI(e, t, r) {
     C,
     k
   ]);
-  Bk({
+  B6({
     onScroll: Q,
     isDisabled: i || s || !q
   }, r);
@@ -19889,7 +19889,7 @@ const MI = bI, NI = vI, FI = $I, zI = xI, LI = wI, KI = kI, VI = Ue`
     animation-name: ${VI};
   }
 `, HI = I(KI)`
-  fill: ${f.color_white};
+  fill: ${f.color_deprecated_background_black_standard};
 `;
 function GI({ children: e, ...t }) {
   return /* @__PURE__ */ x(zI, { children: /* @__PURE__ */ ie(WI, { ...t, children: [
@@ -20387,7 +20387,7 @@ function gA(e) {
     });
     Object.keys(k.position).forEach((_) => o.current.style[_] = k.position[_] + "px"), o.current.style.maxHeight = k.maxHeight != null ? k.maxHeight + "px" : void 0, v(k);
   }, y);
-  Oe(w, y), vA(w), yk({
+  Oe(w, y), vA(w), y6({
     ref: o,
     onResize: w
   });
@@ -20462,7 +20462,7 @@ function yA(e, t) {
   }, u = (h) => {
     h.key === "Escape" && !i && (h.stopPropagation(), h.preventDefault(), l());
   };
-  Kk({
+  K6({
     ref: t,
     onInteractOutside: a ? d : null,
     onInteractOutsideStart: c
@@ -21672,7 +21672,7 @@ function Q1(e, t, r) {
     "aria-disabled": i || void 0,
     "aria-selected": t.selectionManager.selectionMode !== "none" ? l : void 0
   };
-  if (dn() && xk() || (y["aria-label"] = e["aria-label"], y["aria-labelledby"] = $, y["aria-describedby"] = v), g) {
+  if (dn() && x6() || (y["aria-label"] = e["aria-label"], y["aria-labelledby"] = $, y["aria-describedby"] = v), g) {
     var w;
     let D = Number((w = t.collection.getItem(n)) === null || w === void 0 ? void 0 : w.index);
     y["aria-posinset"] = Number.isNaN(D) ? void 0 : D + 1, y["aria-setsize"] = Z1(t.collection);
@@ -21690,7 +21690,7 @@ function Q1(e, t, r) {
       var D;
       return o == null || (D = o.onAction) === null || D === void 0 ? void 0 : D.call(o, n);
     } : void 0
-  }), { hoverProps: z } = Lk({
+  }), { hoverProps: z } = L6({
     isDisabled: i || !p,
     onHoverStart() {
       yi() || (t.selectionManager.setFocused(!0), t.selectionManager.setFocusedKey(n));
@@ -27533,7 +27533,7 @@ const xj = Object.assign(ho, {
 `, BN = De`
   width: clamp(
     var(--page-min-width, 750px),
-    var(--page-ideal-width, 90%),
+    var(--page-ideal-width, 98%),
     var(--page-max-width, 1600px)
   );
   max-width: 100%;
@@ -27568,7 +27568,6 @@ const xj = Object.assign(ho, {
 }) => /* @__PURE__ */ x(WN, { className: t, children: /* @__PURE__ */ x(jN, { children: /* @__PURE__ */ x(UN, { as: "div", children: e }) }) }), Tj = I(Ae)`
   display: flex;
   align-items: center;
-  gap: ${f.sizing_200};
 
   & > :first-child {
     margin-right: auto;
@@ -32632,7 +32631,7 @@ export {
   OB as DialogCloseButton,
   RB as DialogContent,
   AB as DialogDescription,
-  Z6 as DialogFooter,
+  Zk as DialogFooter,
   IB as DialogTitle,
   NB as DialogTrigger,
   FN as Direction,