@theroutingcompany/components 0.0.3 → 0.0.5

package/dist/trc-components.es.js

@@ -1,19 +1,19 @@
 import * as X from "react";
-import me, { createContext as lt, useMemo as le, createElement as _, useContext as Te, useCallback as B, useLayoutEffect as Vt, useRef as I, useEffect as W, useState as H, forwardRef as O, Children as He, isValidElement as dt, cloneElement as pt, Fragment as nt, useReducer as ml } from "react";
+import me, { createContext as lt, useMemo as le, createElement as _, useContext as Te, useCallback as B, useLayoutEffect as Vt, useRef as I, useEffect as W, useState as H, forwardRef as R, Children as He, isValidElement as dt, cloneElement as pt, Fragment as nt, useReducer as ml } from "react";
 import * as gl from "react-dom";
 import hl, { flushSync as fa, createPortal as Lr } from "react-dom";
 import k, { keyframes as Kt } from "styled-components";
 import { isFragment as vl } from "react-is";
 import { Error as _n, Help as _l, KeyboardArrowUp as yl, KeyboardArrowDown as xl, Warning as wl, Close as Pl, ArrowDropDown as yo, ArrowDropUp as Tl } from "@material-ui/icons";
-function R() {
-  return R = Object.assign ? Object.assign.bind() : function(e) {
+function O() {
+  return O = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
       for (var r in n)
         Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
     }
     return e;
-  }, R.apply(this, arguments);
+  }, O.apply(this, arguments);
 }
 function Cl(e, t) {
   const n = /* @__PURE__ */ lt(t);
@@ -198,20 +198,20 @@ function Ol({ defaultProp: e, onChange: t }) {
     a
   ]), n;
 }
-const ut = /* @__PURE__ */ O((e, t) => {
+const ut = /* @__PURE__ */ R((e, t) => {
   const { children: n, ...r } = e, o = He.toArray(n), a = o.find(Dl);
   if (a) {
     const i = a.props.children, s = o.map((l) => l === a ? He.count(i) > 1 ? He.only(null) : /* @__PURE__ */ dt(i) ? i.props.children : null : l);
-    return /* @__PURE__ */ _(lr, R({}, r, {
+    return /* @__PURE__ */ _(lr, O({}, r, {
       ref: t
     }), /* @__PURE__ */ dt(i) ? /* @__PURE__ */ pt(i, void 0, s) : null);
   }
-  return /* @__PURE__ */ _(lr, R({}, r, {
+  return /* @__PURE__ */ _(lr, O({}, r, {
     ref: t
   }), n);
 });
 ut.displayName = "Slot";
-const lr = /* @__PURE__ */ O((e, t) => {
+const lr = /* @__PURE__ */ R((e, t) => {
   const { children: n, ...r } = e;
   return /* @__PURE__ */ dt(n) ? /* @__PURE__ */ pt(n, {
     ...Il(r, n.props),
@@ -260,11 +260,11 @@ const Al = [
   "svg",
   "ul"
 ], U = Al.reduce((e, t) => {
-  const n = /* @__PURE__ */ O((r, o) => {
+  const n = /* @__PURE__ */ R((r, o) => {
     const { asChild: a, ...i } = r, s = a ? ut : t;
     return W(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ _(s, R({}, i, {
+    }, []), /* @__PURE__ */ _(s, O({}, i, {
       ref: o
     }));
   });
@@ -296,7 +296,7 @@ const $a = /* @__PURE__ */ lt({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), Ut = /* @__PURE__ */ O((e, t) => {
+}), Ut = /* @__PURE__ */ R((e, t) => {
   var n;
   const { disableOutsidePointerEvents: r = !1, onEscapeKeyDown: o, onPointerDownOutside: a, onFocusOutside: i, onInteractOutside: s, onDismiss: l, ...u } = e, d = Te($a), [f, m] = H(null), p = (n = f == null ? void 0 : f.ownerDocument) !== null && n !== void 0 ? n : globalThis == null ? void 0 : globalThis.document, [, g] = H({}), b = ne(
     t,
@@ -338,7 +338,7 @@ const $a = /* @__PURE__ */ lt({
   ]), W(() => {
     const A = () => g({});
     return document.addEventListener(dr, A), () => document.removeEventListener(dr, A);
-  }, []), /* @__PURE__ */ _(U.div, R({}, u, {
+  }, []), /* @__PURE__ */ _(U.div, O({}, u, {
     ref: b,
     style: {
       pointerEvents: $ ? D ? "auto" : "none" : void 0,
@@ -348,7 +348,7 @@ const $a = /* @__PURE__ */ lt({
     onBlurCapture: V(e.onBlurCapture, C.onBlurCapture),
     onPointerDownCapture: V(e.onPointerDownCapture, L.onPointerDownCapture)
   }));
-}), Ml = /* @__PURE__ */ O((e, t) => {
+}), Ml = /* @__PURE__ */ R((e, t) => {
   const n = Te($a), r = I(null), o = ne(t, r);
   return W(() => {
     const a = r.current;
@@ -358,7 +358,7 @@ const $a = /* @__PURE__ */ lt({
       };
   }, [
     n.branches
-  ]), /* @__PURE__ */ _(U.div, R({}, e, {
+  ]), /* @__PURE__ */ _(U.div, O({}, e, {
     ref: o
   }));
 });
@@ -430,7 +430,7 @@ function ma(e, t, n, { discrete: r }) {
 const Vl = Ut, Wl = Ml, Gn = "focusScope.autoFocusOnMount", Yn = "focusScope.autoFocusOnUnmount", Po = {
   bubbles: !1,
   cancelable: !0
-}, Nr = /* @__PURE__ */ O((e, t) => {
+}, Nr = /* @__PURE__ */ R((e, t) => {
   const { loop: n = !1, trapped: r = !1, onMountAutoFocus: o, onUnmountAutoFocus: a, ...i } = e, [s, l] = H(null), u = xe(o), d = xe(a), f = I(null), m = ne(
     t,
     (b) => l(b)
@@ -507,7 +507,7 @@ const Vl = Ut, Wl = Ml, Gn = "focusScope.autoFocusOnMount", Yn = "focusScope.aut
     r,
     p.paused
   ]);
-  return /* @__PURE__ */ _(U.div, R({
+  return /* @__PURE__ */ _(U.div, O({
     tabIndex: -1
   }, i, {
     ref: m,
@@ -595,10 +595,10 @@ function Yl(e) {
     (t) => t.tagName !== "A"
   );
 }
-const jt = /* @__PURE__ */ O((e, t) => {
+const jt = /* @__PURE__ */ R((e, t) => {
   var n;
   const { container: r = globalThis == null || (n = globalThis.document) === null || n === void 0 ? void 0 : n.body, ...o } = e;
-  return r ? /* @__PURE__ */ hl.createPortal(/* @__PURE__ */ _(U.div, R({}, o, {
+  return r ? /* @__PURE__ */ hl.createPortal(/* @__PURE__ */ _(U.div, O({}, o, {
     ref: t
   })), r) : null;
 });
@@ -1653,9 +1653,9 @@ const Ea = "Dialog", [Sa, ka] = we(Ea), [Fd, ke] = Sa(Ea), Nd = (e) => {
     ),
     modal: i
   }, n);
-}, Md = "DialogTrigger", zd = /* @__PURE__ */ O((e, t) => {
+}, Md = "DialogTrigger", zd = /* @__PURE__ */ R((e, t) => {
   const { __scopeDialog: n, ...r } = e, o = ke(Md, n), a = ne(t, o.triggerRef);
-  return /* @__PURE__ */ _(U.button, R({
+  return /* @__PURE__ */ _(U.button, O({
     type: "button",
     "aria-haspopup": "dialog",
     "aria-expanded": o.open,
@@ -1681,14 +1681,14 @@ const Ea = "Dialog", [Sa, ka] = we(Ea), [Fd, ke] = Sa(Ea), Nd = (e) => {
       container: o
     }, i))
   ));
-}, fr = "DialogOverlay", Wd = /* @__PURE__ */ O((e, t) => {
+}, fr = "DialogOverlay", Wd = /* @__PURE__ */ R((e, t) => {
   const n = Oa(fr, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, a = ke(fr, e.__scopeDialog);
   return a.modal ? /* @__PURE__ */ _(Se, {
     present: r || a.open
-  }, /* @__PURE__ */ _(Hd, R({}, o, {
+  }, /* @__PURE__ */ _(Hd, O({}, o, {
     ref: t
   }))) : null;
-}), Hd = /* @__PURE__ */ O((e, t) => {
+}), Hd = /* @__PURE__ */ R((e, t) => {
   const { __scopeDialog: n, ...r } = e, o = ke(fr, n);
   return /* @__PURE__ */ _(Br, {
     as: ut,
@@ -1696,7 +1696,7 @@ const Ea = "Dialog", [Sa, ka] = we(Ea), [Fd, ke] = Sa(Ea), Nd = (e) => {
     shards: [
       o.contentRef
     ]
-  }, /* @__PURE__ */ _(U.div, R({
+  }, /* @__PURE__ */ _(U.div, O({
     "data-state": Wr(o.open)
   }, r, {
     ref: t,
@@ -1705,22 +1705,22 @@ const Ea = "Dialog", [Sa, ka] = we(Ea), [Fd, ke] = Sa(Ea), Nd = (e) => {
       ...r.style
     }
   })));
-}), St = "DialogContent", Kd = /* @__PURE__ */ O((e, t) => {
+}), St = "DialogContent", Kd = /* @__PURE__ */ R((e, t) => {
   const n = Oa(St, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, a = ke(St, e.__scopeDialog);
   return /* @__PURE__ */ _(Se, {
     present: r || a.open
-  }, a.modal ? /* @__PURE__ */ _(Ud, R({}, o, {
+  }, a.modal ? /* @__PURE__ */ _(Ud, O({}, o, {
     ref: t
-  })) : /* @__PURE__ */ _(jd, R({}, o, {
+  })) : /* @__PURE__ */ _(jd, O({}, o, {
     ref: t
   })));
-}), Ud = /* @__PURE__ */ O((e, t) => {
+}), Ud = /* @__PURE__ */ R((e, t) => {
   const n = ke(St, e.__scopeDialog), r = I(null), o = ne(t, n.contentRef, r);
   return W(() => {
     const a = r.current;
     if (a)
       return Vr(a);
-  }, []), /* @__PURE__ */ _(Da, R({}, e, {
+  }, []), /* @__PURE__ */ _(Da, O({}, e, {
     ref: o,
     trapFocus: n.open,
     disableOutsidePointerEvents: !0,
@@ -1737,9 +1737,9 @@ const Ea = "Dialog", [Sa, ka] = we(Ea), [Fd, ke] = Sa(Ea), Nd = (e) => {
       (a) => a.preventDefault()
     )
   }));
-}), jd = /* @__PURE__ */ O((e, t) => {
+}), jd = /* @__PURE__ */ R((e, t) => {
   const n = ke(St, e.__scopeDialog), r = I(!1);
-  return /* @__PURE__ */ _(Da, R({}, e, {
+  return /* @__PURE__ */ _(Da, O({}, e, {
     ref: t,
     trapFocus: !1,
     disableOutsidePointerEvents: !1,
@@ -1758,7 +1758,7 @@ const Ea = "Dialog", [Sa, ka] = we(Ea), [Fd, ke] = Sa(Ea), Nd = (e) => {
       ((i = n.triggerRef.current) === null || i === void 0 ? void 0 : i.contains(s)) && o.preventDefault();
     }
   }));
-}), Da = /* @__PURE__ */ O((e, t) => {
+}), Da = /* @__PURE__ */ R((e, t) => {
   const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: a, ...i } = e, s = ke(St, n), l = I(null), u = ne(t, l);
   return Mr(), /* @__PURE__ */ _(nt, null, /* @__PURE__ */ _(Nr, {
     asChild: !0,
@@ -1766,7 +1766,7 @@ const Ea = "Dialog", [Sa, ka] = we(Ea), [Fd, ke] = Sa(Ea), Nd = (e) => {
     trapped: r,
     onMountAutoFocus: o,
     onUnmountAutoFocus: a
-  }, /* @__PURE__ */ _(Ut, R({
+  }, /* @__PURE__ */ _(Ut, O({
     role: "dialog",
     id: s.contentId,
     "aria-describedby": s.descriptionId,
@@ -1776,23 +1776,23 @@ const Ea = "Dialog", [Sa, ka] = we(Ea), [Fd, ke] = Sa(Ea), Nd = (e) => {
     ref: u,
     onDismiss: () => s.onOpenChange(!1)
   }))), !1);
-}), Ia = "DialogTitle", Gd = /* @__PURE__ */ O((e, t) => {
+}), Ia = "DialogTitle", Gd = /* @__PURE__ */ R((e, t) => {
   const { __scopeDialog: n, ...r } = e, o = ke(Ia, n);
-  return /* @__PURE__ */ _(U.h2, R({
+  return /* @__PURE__ */ _(U.h2, O({
     id: o.titleId
   }, r, {
     ref: t
   }));
-}), Yd = "DialogDescription", qd = /* @__PURE__ */ O((e, t) => {
+}), Yd = "DialogDescription", qd = /* @__PURE__ */ R((e, t) => {
   const { __scopeDialog: n, ...r } = e, o = ke(Yd, n);
-  return /* @__PURE__ */ _(U.p, R({
+  return /* @__PURE__ */ _(U.p, O({
     id: o.descriptionId
   }, r, {
     ref: t
   }));
-}), Xd = "DialogClose", Zd = /* @__PURE__ */ O((e, t) => {
+}), Xd = "DialogClose", Zd = /* @__PURE__ */ R((e, t) => {
   const { __scopeDialog: n, ...r } = e, o = ke(Xd, n);
-  return /* @__PURE__ */ _(U.button, R({
+  return /* @__PURE__ */ _(U.button, O({
     type: "button"
   }, r, {
     ref: t,
@@ -1813,23 +1813,23 @@ const Jd = "DialogTitleWarning", [Qd, Eh] = Cl(Jd, {
   ka
 ]), Ge = ka(), nu = (e) => {
   const { __scopeAlertDialog: t, ...n } = e, r = Ge(t);
-  return /* @__PURE__ */ _(Aa, R({}, r, n, {
+  return /* @__PURE__ */ _(Aa, O({}, r, n, {
     modal: !0
   }));
-}, ru = /* @__PURE__ */ O((e, t) => {
+}, ru = /* @__PURE__ */ R((e, t) => {
   const { __scopeAlertDialog: n, ...r } = e, o = Ge(n);
-  return /* @__PURE__ */ _(La, R({}, o, r, {
+  return /* @__PURE__ */ _(La, O({}, o, r, {
     ref: t
   }));
 }), ou = (e) => {
   const { __scopeAlertDialog: t, ...n } = e, r = Ge(t);
-  return /* @__PURE__ */ _(Fa, R({}, r, n));
-}, au = /* @__PURE__ */ O((e, t) => {
+  return /* @__PURE__ */ _(Fa, O({}, r, n));
+}, au = /* @__PURE__ */ R((e, t) => {
   const { __scopeAlertDialog: n, ...r } = e, o = Ge(n);
-  return /* @__PURE__ */ _(Na, R({}, o, r, {
+  return /* @__PURE__ */ _(Na, O({}, o, r, {
     ref: t
   }));
-}), Va = "AlertDialogContent", [iu, su] = tu(Va), cu = /* @__PURE__ */ O((e, t) => {
+}), Va = "AlertDialogContent", [iu, su] = tu(Va), cu = /* @__PURE__ */ R((e, t) => {
   const { __scopeAlertDialog: n, children: r, ...o } = e, a = Ge(n), i = I(null), s = ne(t, i), l = I(null);
   return /* @__PURE__ */ _(Qd, {
     contentName: Va,
@@ -1838,7 +1838,7 @@ const Jd = "DialogTitleWarning", [Qd, Eh] = Cl(Jd, {
   }, /* @__PURE__ */ _(iu, {
     scope: n,
     cancelRef: l
-  }, /* @__PURE__ */ _(Ma, R({
+  }, /* @__PURE__ */ _(Ma, O({
     role: "alertdialog"
   }, a, o, {
     ref: s,
@@ -1851,24 +1851,24 @@ const Jd = "DialogTitleWarning", [Qd, Eh] = Cl(Jd, {
     onPointerDownOutside: (u) => u.preventDefault(),
     onInteractOutside: (u) => u.preventDefault()
   }), /* @__PURE__ */ _(Fr, null, r), !1)));
-}), lu = "AlertDialogTitle", du = /* @__PURE__ */ O((e, t) => {
+}), lu = "AlertDialogTitle", du = /* @__PURE__ */ R((e, t) => {
   const { __scopeAlertDialog: n, ...r } = e, o = Ge(n);
-  return /* @__PURE__ */ _(za, R({}, o, r, {
+  return /* @__PURE__ */ _(za, O({}, o, r, {
     ref: t
   }));
-}), uu = /* @__PURE__ */ O((e, t) => {
+}), uu = /* @__PURE__ */ R((e, t) => {
   const { __scopeAlertDialog: n, ...r } = e, o = Ge(n);
-  return /* @__PURE__ */ _(Ba, R({}, o, r, {
+  return /* @__PURE__ */ _(Ba, O({}, o, r, {
     ref: t
   }));
-}), fu = /* @__PURE__ */ O((e, t) => {
+}), fu = /* @__PURE__ */ R((e, t) => {
   const { __scopeAlertDialog: n, ...r } = e, o = Ge(n);
-  return /* @__PURE__ */ _(Hr, R({}, o, r, {
+  return /* @__PURE__ */ _(Hr, O({}, o, r, {
     ref: t
   }));
-}), pu = "AlertDialogCancel", bu = /* @__PURE__ */ O((e, t) => {
+}), pu = "AlertDialogCancel", bu = /* @__PURE__ */ R((e, t) => {
   const { __scopeAlertDialog: n, ...r } = e, { cancelRef: o } = su(pu, n), a = Ge(n), i = ne(t, o);
-  return /* @__PURE__ */ _(Hr, R({}, a, r, {
+  return /* @__PURE__ */ _(Hr, O({}, a, r, {
     ref: i
   }));
 }), $u = nu, mu = ru, gu = ou, hu = au, vu = cu, _u = fu, yu = bu, xu = du, wu = uu, c = {
@@ -2292,7 +2292,7 @@ const Mh = k(xu)`
   display: flex;
   justify-content: end;
   gap: ${c.sizing_200};
-`, Vh = $u, Wh = mu, Hh = _u, Kh = yu, wn = /* @__PURE__ */ O((e, t) => /* @__PURE__ */ _(U.span, R({}, e, {
+`, Vh = $u, Wh = mu, Hh = _u, Kh = yu, wn = /* @__PURE__ */ R((e, t) => /* @__PURE__ */ _(U.span, O({}, e, {
   ref: t,
   style: {
     position: "absolute",
@@ -4855,9 +4855,9 @@ const gp = (e) => {
       }).fn(o) : {};
     }
   };
-}, hp = /* @__PURE__ */ O((e, t) => {
+}, hp = /* @__PURE__ */ R((e, t) => {
   const { children: n, width: r = 10, height: o = 5, ...a } = e;
-  return /* @__PURE__ */ _(U.svg, R({}, a, {
+  return /* @__PURE__ */ _(U.svg, O({}, a, {
     ref: t,
     width: r,
     height: o,
@@ -4906,17 +4906,17 @@ const Ji = "Popper", [no, kn] = we(Ji), [_p, Qi] = no(Ji), yp = (e) => {
     anchor: r,
     onAnchorChange: o
   }, n);
-}, xp = "PopperAnchor", wp = /* @__PURE__ */ O((e, t) => {
+}, xp = "PopperAnchor", wp = /* @__PURE__ */ R((e, t) => {
   const { __scopePopper: n, virtualRef: r, ...o } = e, a = Qi(xp, n), i = I(null), s = ne(t, i);
   return W(() => {
     a.onAnchorChange((r == null ? void 0 : r.current) || i.current);
-  }), r ? null : /* @__PURE__ */ _(U.div, R({}, o, {
+  }), r ? null : /* @__PURE__ */ _(U.div, O({}, o, {
     ref: s
   }));
 }), vn = "PopperContent", [Pp, Tp] = no(vn), [Cp, Ep] = no(vn, {
   hasParent: !1,
   positionUpdateFns: /* @__PURE__ */ new Set()
-}), Sp = /* @__PURE__ */ O((e, t) => {
+}), Sp = /* @__PURE__ */ R((e, t) => {
   var n, r, o, a, i, s, l, u;
   const { __scopePopper: d, side: f = "bottom", sideOffset: m = 0, align: p = "center", alignOffset: g = 0, arrowPadding: b = 0, collisionBoundary: h = [], collisionPadding: y = 0, sticky: v = "partial", hideWhenDetached: w = !1, avoidCollisions: $ = !0, ...D } = e, L = Qi(vn, d), [C, A] = H(null), N = ne(
     t,
@@ -5038,7 +5038,7 @@ const Ji = "Popper", [no, kn] = we(Ji), [_p, Qi] = no(Ji), yp = (e) => {
   right: "left",
   bottom: "top",
   left: "right"
-}, Op = /* @__PURE__ */ O(function(t, n) {
+}, Op = /* @__PURE__ */ R(function(t, n) {
   const { __scopePopper: r, ...o } = t, a = Tp(kp, r), i = Rp[a.placedSide];
   return /* @__PURE__ */ _("span", {
     ref: a.onArrowChange,
@@ -5061,7 +5061,7 @@ const Ji = "Popper", [no, kn] = we(Ji), [_p, Qi] = no(Ji), yp = (e) => {
       }[a.placedSide],
       visibility: a.shouldHideArrow ? "hidden" : void 0
     }
-  }, /* @__PURE__ */ _(vp, R({}, o, {
+  }, /* @__PURE__ */ _(vp, O({}, o, {
     ref: n,
     style: {
       ...o.style,
@@ -5134,8 +5134,8 @@ const ts = yp, ns = wp, rs = Sp, os = Op, as = "Popover", [is, Uh] = we(as, [
     ),
     modal: i
   }, n));
-}, Np = "PopoverTrigger", Mp = /* @__PURE__ */ O((e, t) => {
-  const { __scopePopover: n, ...r } = e, o = bt(Np, n), a = Rn(n), i = ne(t, o.triggerRef), s = /* @__PURE__ */ _(U.button, R({
+}, Np = "PopoverTrigger", Mp = /* @__PURE__ */ R((e, t) => {
+  const { __scopePopover: n, ...r } = e, o = bt(Np, n), a = Rn(n), i = ne(t, o.triggerRef), s = /* @__PURE__ */ _(U.button, O({
     type: "button",
     "aria-haspopup": "dialog",
     "aria-expanded": o.open,
@@ -5145,7 +5145,7 @@ const ts = yp, ns = wp, rs = Sp, os = Op, as = "Popover", [is, Uh] = we(as, [
     ref: i,
     onClick: V(e.onClick, o.onOpenToggle)
   }));
-  return o.hasCustomAnchor ? s : /* @__PURE__ */ _(ns, R({
+  return o.hasCustomAnchor ? s : /* @__PURE__ */ _(ns, O({
     asChild: !0
   }, a), s);
 }), ss = "PopoverPortal", [zp, Bp] = is(ss, {
@@ -5161,16 +5161,16 @@ const ts = yp, ns = wp, rs = Sp, os = Op, as = "Popover", [is, Uh] = we(as, [
     asChild: !0,
     container: o
   }, r)));
-}, Wt = "PopoverContent", cs = /* @__PURE__ */ O((e, t) => {
+}, Wt = "PopoverContent", cs = /* @__PURE__ */ R((e, t) => {
   const n = Bp(Wt, e.__scopePopover), { forceMount: r = n.forceMount, ...o } = e, a = bt(Wt, e.__scopePopover);
   return /* @__PURE__ */ _(Se, {
     present: r || a.open
-  }, a.modal ? /* @__PURE__ */ _(Wp, R({}, o, {
+  }, a.modal ? /* @__PURE__ */ _(Wp, O({}, o, {
     ref: t
-  })) : /* @__PURE__ */ _(Hp, R({}, o, {
+  })) : /* @__PURE__ */ _(Hp, O({}, o, {
     ref: t
   })));
-}), Wp = /* @__PURE__ */ O((e, t) => {
+}), Wp = /* @__PURE__ */ R((e, t) => {
   const n = bt(Wt, e.__scopePopover), r = I(null), o = ne(t, r), a = I(!1);
   return W(() => {
     const i = r.current;
@@ -5179,7 +5179,7 @@ const ts = yp, ns = wp, rs = Sp, os = Op, as = "Popover", [is, Uh] = we(as, [
   }, []), /* @__PURE__ */ _(Br, {
     as: ut,
     allowPinchZoom: !0
-  }, /* @__PURE__ */ _(ls, R({}, e, {
+  }, /* @__PURE__ */ _(ls, O({}, e, {
     ref: o,
     trapFocus: n.open,
     disableOutsidePointerEvents: !0,
@@ -5201,9 +5201,9 @@ const ts = yp, ns = wp, rs = Sp, os = Op, as = "Popover", [is, Uh] = we(as, [
       }
     )
   })));
-}), Hp = /* @__PURE__ */ O((e, t) => {
+}), Hp = /* @__PURE__ */ R((e, t) => {
   const n = bt(Wt, e.__scopePopover), r = I(!1);
-  return /* @__PURE__ */ _(ls, R({}, e, {
+  return /* @__PURE__ */ _(ls, O({}, e, {
     ref: t,
     trapFocus: !1,
     disableOutsidePointerEvents: !1,
@@ -5222,7 +5222,7 @@ const ts = yp, ns = wp, rs = Sp, os = Op, as = "Popover", [is, Uh] = we(as, [
       ((i = n.triggerRef.current) === null || i === void 0 ? void 0 : i.contains(s)) && o.preventDefault();
     }
   }));
-}), ls = /* @__PURE__ */ O((e, t) => {
+}), ls = /* @__PURE__ */ R((e, t) => {
   const { __scopePopover: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: a, disableOutsidePointerEvents: i, onEscapeKeyDown: s, onPointerDownOutside: l, onFocusOutside: u, onInteractOutside: d, ...f } = e, m = bt(Wt, n), p = Rn(n);
   return Mr(), /* @__PURE__ */ _(Nr, {
     asChild: !0,
@@ -5238,7 +5238,7 @@ const ts = yp, ns = wp, rs = Sp, os = Op, as = "Popover", [is, Uh] = we(as, [
     onPointerDownOutside: l,
     onFocusOutside: u,
     onDismiss: () => m.onOpenChange(!1)
-  }, /* @__PURE__ */ _(rs, R({
+  }, /* @__PURE__ */ _(rs, O({
     "data-state": ds(m.open),
     role: "dialog",
     id: m.contentId
@@ -5249,9 +5249,9 @@ const ts = yp, ns = wp, rs = Sp, os = Op, as = "Popover", [is, Uh] = we(as, [
       ["--radix-popover-content-transform-origin"]: "var(--radix-popper-transform-origin)"
     }
   }))));
-}), Kp = "PopoverClose", Up = /* @__PURE__ */ O((e, t) => {
+}), Kp = "PopoverClose", Up = /* @__PURE__ */ R((e, t) => {
   const { __scopePopover: n, ...r } = e, o = bt(Kp, n);
-  return /* @__PURE__ */ _(U.button, R({
+  return /* @__PURE__ */ _(U.button, O({
     type: "button"
   }, r, {
     ref: t,
@@ -5260,9 +5260,9 @@ const ts = yp, ns = wp, rs = Sp, os = Op, as = "Popover", [is, Uh] = we(as, [
       () => o.onOpenChange(!1)
     )
   }));
-}), jp = /* @__PURE__ */ O((e, t) => {
+}), jp = /* @__PURE__ */ R((e, t) => {
   const { __scopePopover: n, ...r } = e, o = Rn(n);
-  return /* @__PURE__ */ _(os, R({}, o, r, {
+  return /* @__PURE__ */ _(os, O({}, o, r, {
     ref: t
   }));
 });
@@ -5382,18 +5382,22 @@ const Sr = k.ol`
   font-size: ${c.font_size_100};
   line-height: ${c.line_height_114};
   letter-spacing: ${c.letter_spacing_tight};
-  cursor: pointer;
   border-radius: ${c.border_radius_400};
   padding: 2px 4px;
-
+  
   transition-property: ${c.transition_property_color};
   transition-duration: ${c.transition_duration_100};
+  cursor: default;
+  
+  &[href] {
+    cursor: pointer;
+  }
 
   &:hover {
     background-color: ${c.color_overlay_secondary_hover}; /* Interactive / Overlay / Secondary / Hover */
   }
 
-  &[data-state~='pressed'] {
+  &[href][data-state~='pressed'] {
     background-color: ${c.color_overlay_secondary_pressed}; /* Interactive / Overlay / Secondary / Pressed */
   }
 
@@ -5471,7 +5475,7 @@ function db({
     })
   });
 }
-const ub = O(({
+const ub = R(({
   children: e,
   ...t
 }, n) => {
@@ -5501,43 +5505,43 @@ const ub = O(({
   });
 });
 ub.displayName = "Breadcrumbs";
-const fb = O((e, t) => {
+const fb = R((e, t) => {
   const {
-    disabled: n,
-    as: r,
-    navigate: o,
-    ...a
-  } = e, i = Rt(t), {
+    LinkComponent: n = "a",
+    disabled: r,
+    ...o
+  } = e, a = Rt(t), i = typeof n == "string", {
     children: s,
     href: l,
     isCurrent: u
   } = e, {
     itemProps: d
   } = Nf({
-    isDisabled: n,
+    isDisabled: r,
     isCurrent: u,
-    ...a,
-    elementType: r,
-    onPress: o
-  }, i), {
+    elementType: i ? n : "a",
+    ...o
+  }, a), {
     isPressed: f,
     pressProps: m
   } = Yr({
-    isDisabled: n,
-    ref: i
+    isDisabled: r,
+    ref: a
   }), {
     isFocusVisible: p,
     focusProps: g
-  } = Pn(), b = [f && "pressed", n && "disabled", p && "focused"].filter(Boolean).join(" ");
+  } = Pn(), b = [f && "pressed", r && "disabled", p && "focused"].filter(Boolean).join(" "), h = !d["aria-disabled"] && l ? l : "", v = {
+    [i ? "href" : "to"]: h
+  };
   return /* @__PURE__ */ E(us, {
     children: /* @__PURE__ */ E(cb, {
-      as: r,
+      as: n,
       ...d,
-      ref: i,
-      href: l,
+      ref: a,
       "data-state": b,
       ...g,
       ...m,
+      ...v,
       children: s
     })
   });
@@ -5859,7 +5863,7 @@ const pb = {
   low: yb,
   medium: gb,
   high: Cb
-}, Sb = O((e, t) => {
+}, Sb = R((e, t) => {
   const {
     size: n = "small",
     variant: r = "primary",
@@ -5906,7 +5910,7 @@ function On(e) {
     e
   ]);
 }
-const ps = "Checkbox", [kb, Yh] = we(ps), [Rb, Ob] = kb(ps), Db = /* @__PURE__ */ O((e, t) => {
+const ps = "Checkbox", [kb, Yh] = we(ps), [Rb, Ob] = kb(ps), Db = /* @__PURE__ */ R((e, t) => {
   const { __scopeCheckbox: n, name: r, checked: o, defaultChecked: a, required: i, disabled: s, value: l = "on", onCheckedChange: u, ...d } = e, [f, m] = H(null), p = ne(
     t,
     (v) => m(v)
@@ -5919,7 +5923,7 @@ const ps = "Checkbox", [kb, Yh] = we(ps), [Rb, Ob] = kb(ps), Db = /* @__PURE__ *
     scope: n,
     state: h,
     disabled: s
-  }, /* @__PURE__ */ _(U.button, R({
+  }, /* @__PURE__ */ _(U.button, O({
     type: "button",
     role: "checkbox",
     "aria-checked": ct(h) ? "mixed" : h,
@@ -5950,11 +5954,11 @@ const ps = "Checkbox", [kb, Yh] = we(ps), [Rb, Ob] = kb(ps), Db = /* @__PURE__ *
       transform: "translateX(-100%)"
     }
   }));
-}), Ib = "CheckboxIndicator", Ab = /* @__PURE__ */ O((e, t) => {
+}), Ib = "CheckboxIndicator", Ab = /* @__PURE__ */ R((e, t) => {
   const { __scopeCheckbox: n, forceMount: r, ...o } = e, a = Ob(Ib, n);
   return /* @__PURE__ */ _(Se, {
     present: r || ct(a.state) || a.state === !0
-  }, /* @__PURE__ */ _(U.span, R({
+  }, /* @__PURE__ */ _(U.span, O({
     "data-state": bs(a.state),
     "data-disabled": a.disabled ? "" : void 0
   }, o, {
@@ -5978,7 +5982,7 @@ const ps = "Checkbox", [kb, Yh] = we(ps), [Rb, Ob] = kb(ps), Db = /* @__PURE__ *
     i,
     n,
     r
-  ]), /* @__PURE__ */ _("input", R({
+  ]), /* @__PURE__ */ _("input", O({
     type: "checkbox",
     "aria-hidden": !0,
     defaultChecked: ct(n) ? !1 : n
@@ -6327,7 +6331,7 @@ k.div`
   align-items: center;
   pointer-events: none;
 `;
-const ms = O((e, t) => {
+const ms = R((e, t) => {
   const {
     errorMessage: n,
     description: r,
@@ -6453,16 +6457,16 @@ const [Fn, Xh] = we("Tooltip", [
     onClose: D,
     disableHoverableContent: g
   }, n));
-}, ca = "TooltipTrigger", Jb = /* @__PURE__ */ O((e, t) => {
+}, ca = "TooltipTrigger", Jb = /* @__PURE__ */ R((e, t) => {
   const { __scopeTooltip: n, ...r } = e, o = qt(ca, n), a = so(ca, n), i = Nn(n), s = I(null), l = ne(t, s, o.onTriggerChange), u = I(!1), d = I(!1), f = B(
     () => u.current = !1,
     []
   );
   return W(() => () => document.removeEventListener("pointerup", f), [
     f
-  ]), /* @__PURE__ */ _(ns, R({
+  ]), /* @__PURE__ */ _(ns, O({
     asChild: !0
-  }, i), /* @__PURE__ */ _(U.button, R({
+  }, i), /* @__PURE__ */ _(U.button, O({
     "aria-describedby": o.open ? o.contentId : void 0,
     "data-state": o.stateAttribute
   }, r, {
@@ -6497,20 +6501,20 @@ const [Fn, Xh] = we("Tooltip", [
     asChild: !0,
     container: o
   }, r)));
-}, Ht = "TooltipContent", n0 = /* @__PURE__ */ O((e, t) => {
+}, Ht = "TooltipContent", n0 = /* @__PURE__ */ R((e, t) => {
   const n = e0(Ht, e.__scopeTooltip), { forceMount: r = n.forceMount, side: o = "top", ...a } = e, i = qt(Ht, e.__scopeTooltip);
   return /* @__PURE__ */ _(Se, {
     present: r || i.open
-  }, i.disableHoverableContent ? /* @__PURE__ */ _(hs, R({
+  }, i.disableHoverableContent ? /* @__PURE__ */ _(hs, O({
     side: o
   }, a, {
     ref: t
-  })) : /* @__PURE__ */ _(r0, R({
+  })) : /* @__PURE__ */ _(r0, O({
     side: o
   }, a, {
     ref: t
   })));
-}), r0 = /* @__PURE__ */ O((e, t) => {
+}), r0 = /* @__PURE__ */ R((e, t) => {
   const n = qt(Ht, e.__scopeTooltip), r = so(Ht, e.__scopeTooltip), o = I(null), a = ne(t, o), [i, s] = H(null), { trigger: l, onClose: u } = n, d = o.current, { onPointerInTransitChange: f } = r, m = B(() => {
     s(null), f(!1);
   }, [
@@ -6564,12 +6568,12 @@ const [Fn, Xh] = we("Tooltip", [
     i,
     u,
     m
-  ]), /* @__PURE__ */ _(hs, R({}, e, {
+  ]), /* @__PURE__ */ _(hs, O({}, e, {
     ref: a
   }));
 }), [o0, a0] = Fn(co, {
   isInside: !1
-}), hs = /* @__PURE__ */ O((e, t) => {
+}), hs = /* @__PURE__ */ R((e, t) => {
   const { __scopeTooltip: n, children: r, "aria-label": o, onEscapeKeyDown: a, onPointerDownOutside: i, ...s } = e, l = qt(Ht, n), u = Nn(n), { onClose: d } = l;
   return W(() => (document.addEventListener(kr, d), () => document.removeEventListener(kr, d)), [
     d
@@ -6595,7 +6599,7 @@ const [Fn, Xh] = we("Tooltip", [
     onPointerDownOutside: i,
     onFocusOutside: (f) => f.preventDefault(),
     onDismiss: d
-  }, /* @__PURE__ */ _(rs, R({
+  }, /* @__PURE__ */ _(rs, O({
     "data-state": l.stateAttribute
   }, u, s, {
     ref: t,
@@ -6610,9 +6614,9 @@ const [Fn, Xh] = we("Tooltip", [
     id: l.contentId,
     role: "tooltip"
   }, o || r))));
-}), i0 = "TooltipArrow", s0 = /* @__PURE__ */ O((e, t) => {
+}), i0 = "TooltipArrow", s0 = /* @__PURE__ */ R((e, t) => {
   const { __scopeTooltip: n, ...r } = e, o = Nn(n);
-  return a0(i0, n).isInside ? null : /* @__PURE__ */ _(os, R({}, o, r, {
+  return a0(i0, n).isInside ? null : /* @__PURE__ */ _(os, O({}, o, r, {
     ref: t
   }));
 });
@@ -6726,13 +6730,17 @@ const x0 = k($0)`
   border: none;
   background-color: unset;
   line-height: 0;
-`, w0 = ({
-  children: e,
-  ...t
-}) => /* @__PURE__ */ E(x0, {
-  ...t,
-  type: "button",
-  children: e
+`, w0 = R((e, t) => {
+  const {
+    children: n,
+    ...r
+  } = e;
+  return /* @__PURE__ */ E(x0, {
+    ref: t,
+    type: "button",
+    ...r,
+    children: n
+  });
 }), P0 = p0, T0 = b0, C0 = y0, E0 = k(w0)`
   color: ${c.color_text_white_weak};
   margin-block: auto;
@@ -7658,7 +7666,7 @@ const F0 = k.div`
   border-top-width: 0.5px;
   margin-top: -0.5px;
   grid-area: decrement;
-`, Nc = O((e, t) => {
+`, Nc = R((e, t) => {
   const {
     description: n,
     disabled: r,
@@ -7736,7 +7744,7 @@ const F0 = k.div`
   });
 });
 Nc.displayName = "NumberInput";
-const Mc = O((e, t) => {
+const Mc = R((e, t) => {
   const {
     errorMessage: n,
     description: r,
@@ -7835,7 +7843,7 @@ function Zh({
     })
   });
 }
-const B0 = O((e, t) => {
+const B0 = R((e, t) => {
   const {
     label: n,
     tooltipContent: r,
@@ -7855,7 +7863,7 @@ const B0 = O((e, t) => {
   });
 });
 B0.displayName = "TextFormControl";
-const V0 = O((e, t) => {
+const V0 = R((e, t) => {
   const {
     label: n,
     tooltipContent: r,
@@ -7874,7 +7882,7 @@ const V0 = O((e, t) => {
   });
 });
 V0.displayName = "TextAreaFormControl";
-const W0 = O((e, t) => {
+const W0 = R((e, t) => {
   const {
     label: n,
     tooltipContent: r,
@@ -8034,7 +8042,7 @@ const fo = k.h1`
   small: q0,
   medium: Y0,
   large: G0
-}, Z0 = O((e, t) => {
+}, Z0 = R((e, t) => {
   const {
     children: n,
     as: r,
@@ -8162,7 +8170,7 @@ const J0 = {
   secondary: t$,
   danger: n$,
   inverse: r$
-}, a$ = O((e, t) => {
+}, a$ = R((e, t) => {
   const n = Rt(t), {
     label: r,
     size: o = "small",
@@ -8211,14 +8219,14 @@ a$.displayName = "Button";
 const Rr = "horizontal", i$ = [
   "horizontal",
   "vertical"
-], Bc = /* @__PURE__ */ O((e, t) => {
+], Bc = /* @__PURE__ */ R((e, t) => {
   const { decorative: n, orientation: r = Rr, ...o } = e, a = Vc(r) ? r : Rr, s = n ? {
     role: "none"
   } : {
     "aria-orientation": a === "vertical" ? a : void 0,
     role: "separator"
   };
-  return /* @__PURE__ */ _(U.div, R({
+  return /* @__PURE__ */ _(U.div, O({
     "data-orientation": a
   }, s, o, {
     ref: t
@@ -8336,7 +8344,7 @@ Kc.propTypes = {
 };
 const f$ = "ToastViewport", p$ = [
   "F8"
-], Or = "toast.viewportPause", Dr = "toast.viewportResume", b$ = /* @__PURE__ */ O((e, t) => {
+], Or = "toast.viewportPause", Dr = "toast.viewportResume", b$ = /* @__PURE__ */ R((e, t) => {
   const { __scopeToast: n, hotkey: r = p$, label: o = "Notifications ({hotkey})", ...a } = e, i = Bn(f$, n), s = l$(n), l = I(null), u = I(null), d = I(null), f = I(null), m = ne(t, f, i.onViewportChange), p = r.join("+").replace(/Key/g, "").replace(/Digit/g, ""), g = i.toastCount > 0;
   W(() => {
     const h = (y) => {
@@ -8434,7 +8442,7 @@ const f$ = "ToastViewport", p$ = [
     }
   }), /* @__PURE__ */ _(bo.Slot, {
     scope: n
-  }, /* @__PURE__ */ _(U.ol, R({
+  }, /* @__PURE__ */ _(U.ol, O({
     tabIndex: -1
   }, a, {
     ref: m
@@ -8447,9 +8455,9 @@ const f$ = "ToastViewport", p$ = [
       sr(h);
     }
   }));
-}), $$ = "ToastFocusProxy", la = /* @__PURE__ */ O((e, t) => {
+}), $$ = "ToastFocusProxy", la = /* @__PURE__ */ R((e, t) => {
   const { __scopeToast: n, onFocusFromOutsideViewport: r, ...o } = e, a = Bn($$, n);
-  return /* @__PURE__ */ _(wn, R({
+  return /* @__PURE__ */ _(wn, O({
     "aria-hidden": !0,
     tabIndex: 0
   }, o, {
@@ -8463,7 +8471,7 @@ const f$ = "ToastViewport", p$ = [
       !((s = a.viewport) !== null && s !== void 0 && s.contains(l)) && r();
     }
   }));
-}), Vn = "Toast", m$ = "toast.swipeStart", g$ = "toast.swipeMove", h$ = "toast.swipeCancel", v$ = "toast.swipeEnd", _$ = /* @__PURE__ */ O((e, t) => {
+}), Vn = "Toast", m$ = "toast.swipeStart", g$ = "toast.swipeMove", h$ = "toast.swipeCancel", v$ = "toast.swipeEnd", _$ = /* @__PURE__ */ R((e, t) => {
   const { forceMount: n, open: r, defaultOpen: o, onOpenChange: a, ...i } = e, [s = !0, l] = Fe({
     prop: r,
     defaultProp: o,
@@ -8471,7 +8479,7 @@ const f$ = "ToastViewport", p$ = [
   });
   return /* @__PURE__ */ _(Se, {
     present: n || s
-  }, /* @__PURE__ */ _(Uc, R({
+  }, /* @__PURE__ */ _(Uc, O({
     open: s
   }, i, {
     ref: t,
@@ -8496,7 +8504,7 @@ const f$ = "ToastViewport", p$ = [
 }), [y$, x$] = Hc(Vn, {
   onClose() {
   }
-}), Uc = /* @__PURE__ */ O((e, t) => {
+}), Uc = /* @__PURE__ */ R((e, t) => {
   const { __scopeToast: n, type: r = "foreground", duration: o, open: a, onClose: i, onEscapeKeyDown: s, onPause: l, onResume: u, onSwipeStart: d, onSwipeMove: f, onSwipeCancel: m, onSwipeEnd: p, ...g } = e, b = Bn(Vn, n), [h, y] = H(null), v = ne(
     t,
     (P) => y(P)
@@ -8556,7 +8564,7 @@ const f$ = "ToastViewport", p$ = [
     onEscapeKeyDown: V(s, () => {
       b.isFocusedToastEscapeKeyDownRef.current || T(), b.isFocusedToastEscapeKeyDownRef.current = !1;
     })
-  }, /* @__PURE__ */ _(U.li, R({
+  }, /* @__PURE__ */ _(U.li, O({
     role: "status",
     "aria-live": "off",
     "aria-atomic": !0,
@@ -8648,17 +8656,17 @@ const w$ = (e) => {
   }, []), s ? null : /* @__PURE__ */ _(jt, {
     asChild: !0
   }, /* @__PURE__ */ _(wn, r, a && /* @__PURE__ */ _(nt, null, o.label, " ", n)));
-}, P$ = /* @__PURE__ */ O((e, t) => {
+}, P$ = /* @__PURE__ */ R((e, t) => {
   const { __scopeToast: n, ...r } = e;
-  return /* @__PURE__ */ _(U.div, R({}, r, {
+  return /* @__PURE__ */ _(U.div, O({}, r, {
     ref: t
   }));
-}), T$ = "ToastAction", jc = /* @__PURE__ */ O((e, t) => {
+}), T$ = "ToastAction", jc = /* @__PURE__ */ R((e, t) => {
   const { altText: n, ...r } = e;
   return n ? /* @__PURE__ */ _(Yc, {
     altText: n,
     asChild: !0
-  }, /* @__PURE__ */ _(Gc, R({}, r, {
+  }, /* @__PURE__ */ _(Gc, O({}, r, {
     ref: t
   }))) : null;
 });
@@ -8667,19 +8675,19 @@ jc.propTypes = {
     return e.altText ? null : new Error(`Missing prop \`altText\` expected on \`${T$}\``);
   }
 };
-const C$ = "ToastClose", Gc = /* @__PURE__ */ O((e, t) => {
+const C$ = "ToastClose", Gc = /* @__PURE__ */ R((e, t) => {
   const { __scopeToast: n, ...r } = e, o = x$(C$, n);
   return /* @__PURE__ */ _(Yc, {
     asChild: !0
-  }, /* @__PURE__ */ _(U.button, R({
+  }, /* @__PURE__ */ _(U.button, O({
     type: "button"
   }, r, {
     ref: t,
     onClick: V(e.onClick, o.onClose)
   })));
-}), Yc = /* @__PURE__ */ O((e, t) => {
+}), Yc = /* @__PURE__ */ R((e, t) => {
   const { __scopeToast: n, altText: r, ...o } = e;
-  return /* @__PURE__ */ _(U.div, R({
+  return /* @__PURE__ */ _(U.div, O({
     "data-radix-toast-announce-exclude": "",
     "data-radix-toast-announce-alt": r || void 0
   }, o, {
@@ -8922,13 +8930,13 @@ const cr = "rovingFocusGroup.onEntryFocus", G$ = {
   cancelable: !0
 }, go = "RovingFocusGroup", [Ir, Xc, Y$] = po(go), [q$, Zc] = we(go, [
   Y$
-]), [X$, Z$] = q$(go), J$ = /* @__PURE__ */ O((e, t) => /* @__PURE__ */ _(Ir.Provider, {
+]), [X$, Z$] = q$(go), J$ = /* @__PURE__ */ R((e, t) => /* @__PURE__ */ _(Ir.Provider, {
   scope: e.__scopeRovingFocusGroup
 }, /* @__PURE__ */ _(Ir.Slot, {
   scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ _(Q$, R({}, e, {
+}, /* @__PURE__ */ _(Q$, O({}, e, {
   ref: t
-}))))), Q$ = /* @__PURE__ */ O((e, t) => {
+}))))), Q$ = /* @__PURE__ */ R((e, t) => {
   const { __scopeRovingFocusGroup: n, orientation: r, loop: o = !1, dir: a, currentTabStopId: i, defaultCurrentTabStopId: s, onCurrentTabStopIdChange: l, onEntryFocus: u, ...d } = e, f = I(null), m = ne(t, f), p = mo(a), [g = null, b] = Fe({
     prop: i,
     defaultProp: s,
@@ -8968,7 +8976,7 @@ const cr = "rovingFocusGroup.onEntryFocus", G$ = {
       ),
       []
     )
-  }, /* @__PURE__ */ _(U.div, R({
+  }, /* @__PURE__ */ _(U.div, O({
     tabIndex: h || D === 0 ? -1 : 0,
     "data-orientation": r
   }, d, {
@@ -9008,7 +9016,7 @@ const cr = "rovingFocusGroup.onEntryFocus", G$ = {
       () => y(!1)
     )
   })));
-}), em = "RovingFocusGroupItem", tm = /* @__PURE__ */ O((e, t) => {
+}), em = "RovingFocusGroupItem", tm = /* @__PURE__ */ R((e, t) => {
   const { __scopeRovingFocusGroup: n, focusable: r = !0, active: o = !1, ...a } = e, i = Ke(), s = Z$(em, n), l = s.currentTabStopId === i, u = Xc(n), { onFocusableItemAdd: d, onFocusableItemRemove: f } = s;
   return W(() => {
     if (r)
@@ -9022,7 +9030,7 @@ const cr = "rovingFocusGroup.onEntryFocus", G$ = {
     id: i,
     focusable: r,
     active: o
-  }, /* @__PURE__ */ _(U.span, R({
+  }, /* @__PURE__ */ _(U.span, O({
     tabIndex: l ? 0 : -1,
     "data-orientation": s.orientation
   }, a, {
@@ -9097,7 +9105,7 @@ function am(e, t) {
     (n, r) => e[(t + r) % e.length]
   );
 }
-const im = J$, sm = tm, Qc = "Radio", [cm, el] = we(Qc), [lm, dm] = cm(Qc), um = /* @__PURE__ */ O((e, t) => {
+const im = J$, sm = tm, Qc = "Radio", [cm, el] = we(Qc), [lm, dm] = cm(Qc), um = /* @__PURE__ */ R((e, t) => {
   const { __scopeRadio: n, name: r, checked: o = !1, required: a, disabled: i, value: s = "on", onCheck: l, ...u } = e, [d, f] = H(null), m = ne(
     t,
     (b) => f(b)
@@ -9106,7 +9114,7 @@ const im = J$, sm = tm, Qc = "Radio", [cm, el] = we(Qc), [lm, dm] = cm(Qc), um =
     scope: n,
     checked: o,
     disabled: i
-  }, /* @__PURE__ */ _(U.button, R({
+  }, /* @__PURE__ */ _(U.button, O({
     type: "button",
     role: "radio",
     "aria-checked": o,
@@ -9131,11 +9139,11 @@ const im = J$, sm = tm, Qc = "Radio", [cm, el] = we(Qc), [lm, dm] = cm(Qc), um =
       transform: "translateX(-100%)"
     }
   }));
-}), fm = "RadioIndicator", pm = /* @__PURE__ */ O((e, t) => {
+}), fm = "RadioIndicator", pm = /* @__PURE__ */ R((e, t) => {
   const { __scopeRadio: n, forceMount: r, ...o } = e, a = dm(fm, n);
   return /* @__PURE__ */ _(Se, {
     present: r || a.checked
-  }, /* @__PURE__ */ _(U.span, R({
+  }, /* @__PURE__ */ _(U.span, O({
     "data-state": tl(a.checked),
     "data-disabled": a.disabled ? "" : void 0
   }, o, {
@@ -9155,7 +9163,7 @@ const im = J$, sm = tm, Qc = "Radio", [cm, el] = we(Qc), [lm, dm] = cm(Qc), um =
     i,
     n,
     r
-  ]), /* @__PURE__ */ _("input", R({
+  ]), /* @__PURE__ */ _("input", O({
     type: "radio",
     "aria-hidden": !0,
     defaultChecked: n
@@ -9183,7 +9191,7 @@ const $m = [
 ], nl = "RadioGroup", [mm, ov] = we(nl, [
   Zc,
   el
-]), rl = Zc(), ol = el(), [gm, hm] = mm(nl), vm = /* @__PURE__ */ O((e, t) => {
+]), rl = Zc(), ol = el(), [gm, hm] = mm(nl), vm = /* @__PURE__ */ R((e, t) => {
   const { __scopeRadioGroup: n, name: r, defaultValue: o, value: a, required: i = !1, disabled: s = !1, orientation: l, dir: u, loop: d = !0, onValueChange: f, ...m } = e, p = rl(n), g = mo(u), [b, h] = Fe({
     prop: a,
     defaultProp: o,
@@ -9196,13 +9204,13 @@ const $m = [
     disabled: s,
     value: b,
     onValueChange: h
-  }, /* @__PURE__ */ _(im, R({
+  }, /* @__PURE__ */ _(im, O({
     asChild: !0
   }, p, {
     orientation: l,
     dir: g,
     loop: d
-  }), /* @__PURE__ */ _(U.div, R({
+  }), /* @__PURE__ */ _(U.div, O({
     role: "radiogroup",
     "aria-required": i,
     "aria-orientation": l,
@@ -9211,7 +9219,7 @@ const $m = [
   }, m, {
     ref: t
   }))));
-}), _m = "RadioGroupItem", ym = /* @__PURE__ */ O((e, t) => {
+}), _m = "RadioGroupItem", ym = /* @__PURE__ */ R((e, t) => {
   const { __scopeRadioGroup: n, disabled: r, ...o } = e, a = hm(_m, n), i = a.disabled || r, s = rl(n), l = ol(n), u = I(null), d = ne(t, u), f = a.value === o.value, m = I(!1);
   return W(() => {
     const p = (b) => {
@@ -9220,12 +9228,12 @@ const $m = [
     return document.addEventListener("keydown", p), document.addEventListener("keyup", g), () => {
       document.removeEventListener("keydown", p), document.removeEventListener("keyup", g);
     };
-  }, []), /* @__PURE__ */ _(sm, R({
+  }, []), /* @__PURE__ */ _(sm, O({
     asChild: !0
   }, s, {
     focusable: !i,
     active: f
-  }), /* @__PURE__ */ _(um, R({
+  }), /* @__PURE__ */ _(um, O({
     disabled: i,
     required: a.required,
     checked: f
@@ -9241,9 +9249,9 @@ const $m = [
       m.current && ((p = u.current) === null || p === void 0 || p.click());
     })
   })));
-}), xm = /* @__PURE__ */ O((e, t) => {
+}), xm = /* @__PURE__ */ R((e, t) => {
   const { __scopeRadioGroup: n, ...r } = e, o = ol(n);
-  return /* @__PURE__ */ _(pm, R({}, o, r, {
+  return /* @__PURE__ */ _(pm, O({}, o, r, {
     ref: t
   }));
 }), wm = vm, Pm = ym, Tm = xm, al = k(Pm)`
@@ -9430,7 +9438,7 @@ const Sm = [
   }, C === void 0 ? /* @__PURE__ */ _("option", {
     value: ""
   }) : null, Array.from(T)) : null);
-}, Lm = "SelectTrigger", Fm = /* @__PURE__ */ O((e, t) => {
+}, Lm = "SelectTrigger", Fm = /* @__PURE__ */ R((e, t) => {
   const { __scopeSelect: n, disabled: r = !1, ...o } = e, a = At(Lm, n), i = a.disabled || r, s = ne(t, a.onTriggerChange), l = ho(n), [u, d, f] = dl((p) => {
     const g = l().filter(
       (y) => !y.disabled
@@ -9441,7 +9449,7 @@ const Sm = [
   }), m = () => {
     i || (a.onOpenChange(!0), f());
   };
-  return /* @__PURE__ */ _(U.button, R({
+  return /* @__PURE__ */ _(U.button, O({
     type: "button",
     role: "combobox",
     "aria-controls": a.contentId,
@@ -9470,40 +9478,40 @@ const Sm = [
       !(p.ctrlKey || p.altKey || p.metaKey) && p.key.length === 1 && d(p.key), !(g && p.key === " ") && Sm.includes(p.key) && (m(), p.preventDefault());
     })
   }));
-}), Nm = "SelectValue", Mm = /* @__PURE__ */ O((e, t) => {
+}), Nm = "SelectValue", Mm = /* @__PURE__ */ R((e, t) => {
   const { __scopeSelect: n, className: r, style: o, children: a, placeholder: i, ...s } = e, l = At(Nm, n), { onValueNodeHasChildrenChange: u } = l, d = a !== void 0, f = ne(t, l.onValueNodeChange);
   return he(() => {
     u(d);
   }, [
     u,
     d
-  ]), /* @__PURE__ */ _(U.span, R({}, s, {
+  ]), /* @__PURE__ */ _(U.span, O({}, s, {
     ref: f,
     style: {
       pointerEvents: "none"
     }
   }), l.value === void 0 && i !== void 0 ? i : a);
-}), zm = /* @__PURE__ */ O((e, t) => {
+}), zm = /* @__PURE__ */ R((e, t) => {
   const { __scopeSelect: n, children: r, ...o } = e;
-  return /* @__PURE__ */ _(U.span, R({
+  return /* @__PURE__ */ _(U.span, O({
     "aria-hidden": !0
   }, o, {
     ref: t
   }), r || "\u25BC");
-}), Bm = (e) => /* @__PURE__ */ _(jt, R({
+}), Bm = (e) => /* @__PURE__ */ _(jt, O({
   asChild: !0
-}, e)), vo = "SelectContent", Vm = /* @__PURE__ */ O((e, t) => {
+}, e)), vo = "SelectContent", Vm = /* @__PURE__ */ R((e, t) => {
   const n = At(vo, e.__scopeSelect), [r, o] = H();
   return he(() => {
     o(new DocumentFragment());
-  }, []), /* @__PURE__ */ _(nt, null, n.open ? /* @__PURE__ */ _(Wm, R({}, e, {
+  }, []), /* @__PURE__ */ _(nt, null, n.open ? /* @__PURE__ */ _(Wm, O({}, e, {
     ref: t
   })) : r ? /* @__PURE__ */ Lr(/* @__PURE__ */ _(il, {
     scope: e.__scopeSelect
   }, /* @__PURE__ */ _(Hn.Slot, {
     scope: e.__scopeSelect
   }, /* @__PURE__ */ _("div", null, e.children))), r) : null);
-}), et = 10, [il, Lt] = Xt(vo), Wm = /* @__PURE__ */ O((e, t) => {
+}), et = 10, [il, Lt] = Xt(vo), Wm = /* @__PURE__ */ R((e, t) => {
   const { __scopeSelect: n, onCloseAutoFocus: r, ...o } = e, a = At(vo, n), [i, s] = H(null), [l, u] = H(null), [d, f] = H(null), m = ne(
     t,
     (z) => u(z)
@@ -9703,7 +9711,7 @@ const Sm = [
         preventScroll: !0
       }), z.preventDefault();
     })
-  }, /* @__PURE__ */ _(Ut, R({
+  }, /* @__PURE__ */ _(Ut, O({
     role: "listbox",
     id: a.contentId,
     "data-state": a.open ? "open" : "closed",
@@ -9751,7 +9759,7 @@ const Sm = [
       }
     })
   }))))));
-}), Hm = "SelectViewport", Km = /* @__PURE__ */ O((e, t) => {
+}), Hm = "SelectViewport", Km = /* @__PURE__ */ R((e, t) => {
   const { __scopeSelect: n, ...r } = e, o = Lt(Hm, n), a = ne(t, o.onViewportChange), i = I(0);
   return /* @__PURE__ */ _(nt, null, /* @__PURE__ */ _("style", {
     dangerouslySetInnerHTML: {
@@ -9759,7 +9767,7 @@ const Sm = [
     }
   }), /* @__PURE__ */ _(Hn.Slot, {
     scope: n
-  }, /* @__PURE__ */ _(U.div, R({
+  }, /* @__PURE__ */ _(U.div, O({
     "data-radix-select-viewport": "",
     role: "presentation"
   }, r, {
@@ -9785,25 +9793,25 @@ const Sm = [
       i.current = l.scrollTop;
     })
   }))));
-}), Um = "SelectGroup", [jm, Gm] = Xt(Um), Ym = /* @__PURE__ */ O((e, t) => {
+}), Um = "SelectGroup", [jm, Gm] = Xt(Um), Ym = /* @__PURE__ */ R((e, t) => {
   const { __scopeSelect: n, ...r } = e, o = Ke();
   return /* @__PURE__ */ _(jm, {
     scope: n,
     id: o
-  }, /* @__PURE__ */ _(U.div, R({
+  }, /* @__PURE__ */ _(U.div, O({
     role: "group",
     "aria-labelledby": o
   }, r, {
     ref: t
   })));
-}), qm = "SelectLabel", Xm = /* @__PURE__ */ O((e, t) => {
+}), qm = "SelectLabel", Xm = /* @__PURE__ */ R((e, t) => {
   const { __scopeSelect: n, ...r } = e, o = Gm(qm, n);
-  return /* @__PURE__ */ _(U.div, R({
+  return /* @__PURE__ */ _(U.div, O({
     id: o.id
   }, r, {
     ref: t
   }));
-}), Ar = "SelectItem", [Zm, sl] = Xt(Ar), Jm = /* @__PURE__ */ O((e, t) => {
+}), Ar = "SelectItem", [Zm, sl] = Xt(Ar), Jm = /* @__PURE__ */ R((e, t) => {
   const { __scopeSelect: n, value: r, disabled: o = !1, textValue: a, ...i } = e, s = At(Ar, n), l = Lt(Ar, n), u = s.value === r, [d, f] = H(a != null ? a : ""), [m, p] = H(!1), g = ne(t, (y) => {
     var v;
     return (v = l.itemRefCallback) === null || v === void 0 ? void 0 : v.call(l, y, r, o);
@@ -9827,7 +9835,7 @@ const Sm = [
     value: r,
     disabled: o,
     textValue: d
-  }, /* @__PURE__ */ _(U.div, R({
+  }, /* @__PURE__ */ _(U.div, O({
     role: "option",
     "aria-labelledby": b,
     "data-highlighted": m ? "" : void 0,
@@ -9867,7 +9875,7 @@ const Sm = [
       ((v = l.searchRef) === null || v === void 0 ? void 0 : v.current) !== "" && y.key === " " || (km.includes(y.key) && h(), y.key === " " && y.preventDefault());
     })
   }))));
-}), cn = "SelectItemText", Qm = /* @__PURE__ */ O((e, t) => {
+}), cn = "SelectItemText", Qm = /* @__PURE__ */ R((e, t) => {
   const { __scopeSelect: n, className: r, style: o, ...a } = e, i = At(cn, n), s = Lt(cn, n), l = sl(cn, n), u = Im(cn, n), [d, f] = H(null), m = ne(
     t,
     (y) => f(y),
@@ -9892,19 +9900,19 @@ const Sm = [
     b,
     h,
     g
-  ]), /* @__PURE__ */ _(nt, null, /* @__PURE__ */ _(U.span, R({
+  ]), /* @__PURE__ */ _(nt, null, /* @__PURE__ */ _(U.span, O({
     id: l.textId
   }, a, {
     ref: m
   })), l.isSelected && i.valueNode && !i.valueNodeHasChildren ? /* @__PURE__ */ Lr(a.children, i.valueNode) : null);
-}), eg = "SelectItemIndicator", tg = /* @__PURE__ */ O((e, t) => {
+}), eg = "SelectItemIndicator", tg = /* @__PURE__ */ R((e, t) => {
   const { __scopeSelect: n, ...r } = e;
-  return sl(eg, n).isSelected ? /* @__PURE__ */ _(U.span, R({
+  return sl(eg, n).isSelected ? /* @__PURE__ */ _(U.span, O({
     "aria-hidden": !0
   }, r, {
     ref: t
   })) : null;
-}), ng = "SelectScrollUpButton", rg = /* @__PURE__ */ O((e, t) => {
+}), ng = "SelectScrollUpButton", rg = /* @__PURE__ */ R((e, t) => {
   const n = Lt(ng, e.__scopeSelect), [r, o] = H(!1), a = ne(t, n.onScrollButtonChange);
   return he(() => {
     if (n.viewport && n.isPositioned) {
@@ -9918,14 +9926,14 @@ const Sm = [
   }, [
     n.viewport,
     n.isPositioned
-  ]), r ? /* @__PURE__ */ _(cl, R({}, e, {
+  ]), r ? /* @__PURE__ */ _(cl, O({}, e, {
     ref: a,
     onAutoScroll: () => {
       const { viewport: i, selectedItem: s } = n;
       i && s && (i.scrollTop = i.scrollTop - s.offsetHeight);
     }
   })) : null;
-}), og = "SelectScrollDownButton", ag = /* @__PURE__ */ O((e, t) => {
+}), og = "SelectScrollDownButton", ag = /* @__PURE__ */ R((e, t) => {
   const n = Lt(og, e.__scopeSelect), [r, o] = H(!1), a = ne(t, n.onScrollButtonChange);
   return he(() => {
     if (n.viewport && n.isPositioned) {
@@ -9939,14 +9947,14 @@ const Sm = [
   }, [
     n.viewport,
     n.isPositioned
-  ]), r ? /* @__PURE__ */ _(cl, R({}, e, {
+  ]), r ? /* @__PURE__ */ _(cl, O({}, e, {
     ref: a,
     onAutoScroll: () => {
       const { viewport: i, selectedItem: s } = n;
       i && s && (i.scrollTop = i.scrollTop + s.offsetHeight);
     }
   })) : null;
-}), cl = /* @__PURE__ */ O((e, t) => {
+}), cl = /* @__PURE__ */ R((e, t) => {
   const { __scopeSelect: n, onAutoScroll: r, ...o } = e, a = Lt("SelectScrollButton", n), i = I(null), s = ho(n), l = B(() => {
     i.current !== null && (window.clearInterval(i.current), i.current = null);
   }, []);
@@ -9962,7 +9970,7 @@ const Sm = [
     });
   }, [
     s
-  ]), /* @__PURE__ */ _(U.div, R({
+  ]), /* @__PURE__ */ _(U.div, O({
     "aria-hidden": !0
   }, o, {
     ref: t,
@@ -9978,14 +9986,14 @@ const Sm = [
       l();
     })
   }));
-}), ig = /* @__PURE__ */ O((e, t) => {
+}), ig = /* @__PURE__ */ R((e, t) => {
   const { __scopeSelect: n, ...r } = e;
-  return /* @__PURE__ */ _(U.div, R({
+  return /* @__PURE__ */ _(U.div, O({
     "aria-hidden": !0
   }, r, {
     ref: t
   }));
-}), ll = /* @__PURE__ */ O((e, t) => {
+}), ll = /* @__PURE__ */ R((e, t) => {
   const { value: n, ...r } = e, o = I(null), a = ne(t, o), i = On(n);
   return W(() => {
     const s = o.current, l = window.HTMLSelectElement.prototype, d = Object.getOwnPropertyDescriptor(l, "value").set;
@@ -10000,7 +10008,7 @@ const Sm = [
     n
   ]), /* @__PURE__ */ _(wn, {
     asChild: !0
-  }, /* @__PURE__ */ _("select", R({}, r, {
+  }, /* @__PURE__ */ _("select", O({}, r, {
     ref: a,
     defaultValue: n
   })));
@@ -10187,7 +10195,7 @@ function bv({
     })]
   });
 }
-const pl = "Switch", [Bg, $v] = we(pl), [Vg, Wg] = Bg(pl), Hg = /* @__PURE__ */ O((e, t) => {
+const pl = "Switch", [Bg, $v] = we(pl), [Vg, Wg] = Bg(pl), Hg = /* @__PURE__ */ R((e, t) => {
   const { __scopeSwitch: n, name: r, checked: o, defaultChecked: a, required: i, disabled: s, value: l = "on", onCheckedChange: u, ...d } = e, [f, m] = H(null), p = ne(
     t,
     (v) => m(v)
@@ -10200,7 +10208,7 @@ const pl = "Switch", [Bg, $v] = we(pl), [Vg, Wg] = Bg(pl), Hg = /* @__PURE__ */
     scope: n,
     checked: h,
     disabled: s
-  }, /* @__PURE__ */ _(U.button, R({
+  }, /* @__PURE__ */ _(U.button, O({
     type: "button",
     role: "switch",
     "aria-checked": h,
@@ -10228,9 +10236,9 @@ const pl = "Switch", [Bg, $v] = we(pl), [Vg, Wg] = Bg(pl), Hg = /* @__PURE__ */
       transform: "translateX(-100%)"
     }
   }));
-}), Kg = "SwitchThumb", Ug = /* @__PURE__ */ O((e, t) => {
+}), Kg = "SwitchThumb", Ug = /* @__PURE__ */ R((e, t) => {
   const { __scopeSwitch: n, ...r } = e, o = Wg(Kg, n);
-  return /* @__PURE__ */ _(U.span, R({
+  return /* @__PURE__ */ _(U.span, O({
     "data-state": bl(o.checked),
     "data-disabled": o.disabled ? "" : void 0
   }, r, {
@@ -10250,7 +10258,7 @@ const pl = "Switch", [Bg, $v] = we(pl), [Vg, Wg] = Bg(pl), Hg = /* @__PURE__ */
     i,
     n,
     r
-  ]), /* @__PURE__ */ _("input", R({
+  ]), /* @__PURE__ */ _("input", O({
     type: "checkbox",
     "aria-hidden": !0,
     defaultChecked: n
@@ -10330,7 +10338,7 @@ const Gg = Hg, Yg = Ug, qg = k(Gg)`
   &[data-state='checked'] {
     transform: translateX(19px);
   }
-`, mv = O((e, t) => {
+`, mv = R((e, t) => {
   const {
     disabled: n,
     ...r
@@ -10463,7 +10471,7 @@ const ph = {
     notice: c.color_text_sentiment_notice,
     neutral: c.color_text_sentiment_neutral
   }
-}, $h = O((e, t) => {
+}, $h = R((e, t) => {
   const {
     type: n = "body",
     textType: r = "normal",
@@ -10492,6 +10500,7 @@ const Un = k.h1`
   font-weight: 500; // don't really see value of using tokens for font-weight
   margin: 0;
   padding-inline: 0;
+  color: ${c.color_text_strong};
 `, mh = k(Un)`
   font-size: ${c.font_size_title_large};
   letter-spacing: ${c.letter_spacing_title_large};
@@ -10509,7 +10518,7 @@ const Un = k.h1`
   small: hh,
   medium: gh,
   large: mh
-}, yh = O((e, t) => {
+}, yh = R((e, t) => {
   const {
     children: n,
     size: r,
@@ -10535,6 +10544,8 @@ export {
   Mh as AlertDialogTitle,
   Wh as AlertDialogTrigger,
   fb as BreadcrumbItem,
+  cb as BreadcrumbLink,
+  us as BreadcrumbListItem,
   ub as Breadcrumbs,
   Sb as Button,
   Jh as Checkbox,