@dxos/shell 0.4.8-main.f253994 → 0.4.8-next.06fa7e4

package/dist/bundle/shell.mjs

@@ -482,15 +482,15 @@ function Gd() {
     return e;
   }, Gd.apply(this, arguments);
 }
-function en() {
-  return en = Object.assign ? Object.assign.bind() : function(e) {
+function fn() {
+  return fn = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var i in t)
         Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
     }
     return e;
-  }, en.apply(this, arguments);
+  }, fn.apply(this, arguments);
 }
 function B2(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
@@ -507,11 +507,11 @@ const Fn = /* @__PURE__ */ ie((e, n) => {
   const { children: t, ...i } = e, r = kt.toArray(t), a = r.find(U2);
   if (a) {
     const o = a.props.children, s = r.map((f) => f === a ? kt.count(o) > 1 ? kt.only(null) : /* @__PURE__ */ Yi(o) ? o.props.children : null : f);
-    return /* @__PURE__ */ X(Kd, en({}, i, {
+    return /* @__PURE__ */ X(Kd, fn({}, i, {
       ref: n
     }), /* @__PURE__ */ Yi(o) ? /* @__PURE__ */ Ut(o, void 0, s) : null);
   }
-  return /* @__PURE__ */ X(Kd, en({}, i, {
+  return /* @__PURE__ */ X(Kd, fn({}, i, {
     ref: n
   }), t);
 });
@@ -3141,15 +3141,15 @@ function ut(e) {
 }
 const ni = globalThis != null && globalThis.document ? kr : () => {
 };
-function fn() {
-  return fn = Object.assign ? Object.assign.bind() : function(e) {
+function en() {
+  return en = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var i in t)
         Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
     }
     return e;
-  }, fn.apply(this, arguments);
+  }, en.apply(this, arguments);
 }
 function f3(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
@@ -3166,11 +3166,11 @@ const Zc = /* @__PURE__ */ ie((e, n) => {
   const { children: t, ...i } = e, r = kt.toArray(t), a = r.find(l3);
   if (a) {
     const o = a.props.children, s = r.map((f) => f === a ? kt.count(o) > 1 ? kt.only(null) : /* @__PURE__ */ Yi(o) ? o.props.children : null : f);
-    return /* @__PURE__ */ X(Jd, fn({}, i, {
+    return /* @__PURE__ */ X(Jd, en({}, i, {
       ref: n
     }), /* @__PURE__ */ Yi(o) ? /* @__PURE__ */ Ut(o, void 0, s) : null);
   }
-  return /* @__PURE__ */ X(Jd, fn({}, i, {
+  return /* @__PURE__ */ X(Jd, en({}, i, {
     ref: n
   }), t);
 });
@@ -3230,7 +3230,7 @@ const c3 = [
     const { asChild: a, ...o } = i, s = a ? Zc : n;
     return xe(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ X(s, fn({}, o, {
+    }, []), /* @__PURE__ */ X(s, en({}, o, {
       ref: r
     }));
   });
@@ -3493,7 +3493,7 @@ const T3 = /* @__PURE__ */ Zn({
   ]), xe(() => {
     const T = () => m({});
     return document.addEventListener(Xd, T), () => document.removeEventListener(Xd, T);
-  }, []), /* @__PURE__ */ X(En.div, fn({}, l, {
+  }, []), /* @__PURE__ */ X(En.div, en({}, l, {
     ref: g,
     style: {
       pointerEvents: S ? P ? "auto" : "none" : void 0,
@@ -3650,7 +3650,7 @@ const Jl = "focusScope.autoFocusOnMount", Xl = "focusScope.autoFocusOnUnmount",
     i,
     p.paused
   ]);
-  return /* @__PURE__ */ X(En.div, fn({
+  return /* @__PURE__ */ X(En.div, en({
     tabIndex: -1
   }, o, {
     ref: h,
@@ -3741,7 +3741,7 @@ function L3(e) {
 const Dm = /* @__PURE__ */ ie((e, n) => {
   var t;
   const { container: i = globalThis == null || (t = globalThis.document) === null || t === void 0 ? void 0 : t.body, ...r } = e;
-  return i ? /* @__PURE__ */ Kc.createPortal(/* @__PURE__ */ X(En.div, fn({}, r, {
+  return i ? /* @__PURE__ */ Kc.createPortal(/* @__PURE__ */ X(En.div, en({}, r, {
     ref: n
   })), i) : null;
 });
@@ -5333,7 +5333,7 @@ function E6(e) {
 }
 const S6 = /* @__PURE__ */ ie((e, n) => {
   const { children: t, width: i = 10, height: r = 5, ...a } = e;
-  return /* @__PURE__ */ X(rn.svg, fn({}, a, {
+  return /* @__PURE__ */ X(rn.svg, en({}, a, {
     ref: n,
     width: i,
     height: r,
@@ -5490,7 +5490,7 @@ const rd = "rovingFocusGroup.onEntryFocus", O6 = {
   scope: e.__scopeRovingFocusGroup
 }, /* @__PURE__ */ X(ic.Slot, {
   scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ X(N6, fn({}, e, {
+}, /* @__PURE__ */ X(N6, en({}, e, {
   ref: n
 }))))), N6 = /* @__PURE__ */ ie((e, n) => {
   const { __scopeRovingFocusGroup: t, orientation: i, loop: r = !1, dir: a, currentTabStopId: o, defaultCurrentTabStopId: s, onCurrentTabStopIdChange: f, onEntryFocus: l, ...d } = e, u = ye(null), h = pt(n, u), p = lg(a), [m = null, g] = Tt({
@@ -5532,7 +5532,7 @@ const rd = "rovingFocusGroup.onEntryFocus", O6 = {
       ),
       []
     )
-  }, /* @__PURE__ */ X(rn.div, fn({
+  }, /* @__PURE__ */ X(rn.div, en({
     tabIndex: y || P === 0 ? -1 : 0,
     "data-orientation": i
   }, d, {
@@ -5586,7 +5586,7 @@ const rd = "rovingFocusGroup.onEntryFocus", O6 = {
     id: f,
     focusable: i,
     active: r
-  }, /* @__PURE__ */ X(rn.span, fn({
+  }, /* @__PURE__ */ X(rn.span, en({
     tabIndex: d ? 0 : -1,
     "data-orientation": l.orientation
   }, o, {
@@ -5709,7 +5709,7 @@ const G6 = /* @__PURE__ */ Zn({
   ]), xe(() => {
     const T = () => m({});
     return document.addEventListener(rc, T), () => document.removeEventListener(rc, T);
-  }, []), /* @__PURE__ */ X(rn.div, fn({}, l, {
+  }, []), /* @__PURE__ */ X(rn.div, en({}, l, {
     ref: g,
     style: {
       pointerEvents: S ? P ? "auto" : "none" : void 0,
@@ -5878,7 +5878,7 @@ const ad = "focusScope.autoFocusOnMount", od = "focusScope.autoFocusOnUnmount",
     i,
     p.paused
   ]);
-  return /* @__PURE__ */ X(rn.div, fn({
+  return /* @__PURE__ */ X(rn.div, en({
     tabIndex: -1
   }, o, {
     ref: h,
@@ -6161,7 +6161,7 @@ function Mg(e) {
 const Ng = ix, fu = ax, Dg = fx, Lg = cx, Bg = /* @__PURE__ */ ie((e, n) => {
   var t;
   const { container: i = globalThis == null || (t = globalThis.document) === null || t === void 0 ? void 0 : t.body, ...r } = e;
-  return i ? /* @__PURE__ */ Kc.createPortal(/* @__PURE__ */ X(rn.div, fn({}, r, {
+  return i ? /* @__PURE__ */ Kc.createPortal(/* @__PURE__ */ X(rn.div, en({}, r, {
     ref: n
   })), i) : null;
 }), vx = [
@@ -6225,7 +6225,7 @@ const Ng = ix, fu = ax, Dg = fx, Lg = cx, Bg = /* @__PURE__ */ ie((e, n) => {
   }, i)));
 }, kx = /* @__PURE__ */ ie((e, n) => {
   const { __scopeMenu: t, ...i } = e, r = Vf(t);
-  return /* @__PURE__ */ X(fu, fn({}, r, i, {
+  return /* @__PURE__ */ X(fu, en({}, r, i, {
     ref: n
   }));
 }), Wg = "MenuPortal", [xx, Ex] = Sr(Wg, {
@@ -6249,9 +6249,9 @@ const Ng = ix, fu = ax, Dg = fx, Lg = cx, Bg = /* @__PURE__ */ ie((e, n) => {
     present: i || a.open
   }, /* @__PURE__ */ X(ac.Slot, {
     scope: e.__scopeMenu
-  }, o.modal ? /* @__PURE__ */ X(Ax, fn({}, r, {
+  }, o.modal ? /* @__PURE__ */ X(Ax, en({}, r, {
     ref: n
-  })) : /* @__PURE__ */ X(Tx, fn({}, r, {
+  })) : /* @__PURE__ */ X(Tx, en({}, r, {
     ref: n
   })))));
 }), Ax = /* @__PURE__ */ ie((e, n) => {
@@ -6260,7 +6260,7 @@ const Ng = ix, fu = ax, Dg = fx, Lg = cx, Bg = /* @__PURE__ */ ie((e, n) => {
     const a = i.current;
     if (a)
       return nu(a);
-  }, []), /* @__PURE__ */ X(Vg, fn({}, e, {
+  }, []), /* @__PURE__ */ X(Vg, en({}, e, {
     ref: r,
     trapFocus: t.open,
     disableOutsidePointerEvents: t.open,
@@ -6276,7 +6276,7 @@ const Ng = ix, fu = ax, Dg = fx, Lg = cx, Bg = /* @__PURE__ */ ie((e, n) => {
   }));
 }), Tx = /* @__PURE__ */ ie((e, n) => {
   const t = zo(Hi, e.__scopeMenu);
-  return /* @__PURE__ */ X(Vg, fn({}, e, {
+  return /* @__PURE__ */ X(Vg, en({}, e, {
     ref: n,
     trapFocus: !1,
     disableOutsidePointerEvents: !1,
@@ -6351,7 +6351,7 @@ const Ng = ix, fu = ax, Dg = fx, Lg = cx, Bg = /* @__PURE__ */ ie((e, n) => {
     onFocusOutside: u,
     onInteractOutside: h,
     onDismiss: p
-  }, /* @__PURE__ */ X(W6, fn({
+  }, /* @__PURE__ */ X(W6, en({
     asChild: !0
   }, E, {
     dir: w.dir,
@@ -6362,7 +6362,7 @@ const Ng = ix, fu = ax, Dg = fx, Lg = cx, Bg = /* @__PURE__ */ ie((e, n) => {
     onEntryFocus: cn(f, (fe) => {
       w.isUsingKeyboardRef.current || fe.preventDefault();
     })
-  }), /* @__PURE__ */ X(Dg, fn({
+  }), /* @__PURE__ */ X(Dg, en({
     role: "menu",
     "aria-orientation": "vertical",
     "data-state": Ux(y.open),
@@ -6401,14 +6401,14 @@ const Ng = ix, fu = ax, Dg = fx, Lg = cx, Bg = /* @__PURE__ */ ie((e, n) => {
   })))))));
 }), Ox = /* @__PURE__ */ ie((e, n) => {
   const { __scopeMenu: t, ...i } = e;
-  return /* @__PURE__ */ X(rn.div, fn({
+  return /* @__PURE__ */ X(rn.div, en({
     role: "group"
   }, i, {
     ref: n
   }));
 }), Px = /* @__PURE__ */ ie((e, n) => {
   const { __scopeMenu: t, ...i } = e;
-  return /* @__PURE__ */ X(rn.div, fn({}, i, {
+  return /* @__PURE__ */ X(rn.div, en({}, i, {
     ref: n
   }));
 }), oc = "MenuItem", Ev = "menu.itemSelect", qg = /* @__PURE__ */ ie((e, n) => {
@@ -6428,7 +6428,7 @@ const Ng = ix, fu = ax, Dg = fx, Lg = cx, Bg = /* @__PURE__ */ ie((e, n) => {
       ), Sm(u, h), h.defaultPrevented ? l.current = !1 : o.onClose();
     }
   };
-  return /* @__PURE__ */ X(Ix, fn({}, r, {
+  return /* @__PURE__ */ X(Ix, en({}, r, {
     ref: f,
     disabled: t,
     onClick: cn(e.onClick, d),
@@ -6459,11 +6459,11 @@ const Ng = ix, fu = ax, Dg = fx, Lg = cx, Bg = /* @__PURE__ */ ie((e, n) => {
     scope: t,
     disabled: i,
     textValue: r ?? h
-  }, /* @__PURE__ */ X(H6, fn({
+  }, /* @__PURE__ */ X(H6, en({
     asChild: !0
   }, s, {
     focusable: !i
-  }), /* @__PURE__ */ X(rn.div, fn({
+  }), /* @__PURE__ */ X(rn.div, en({
     role: "menuitem",
     "data-highlighted": d ? "" : void 0,
     "aria-disabled": i || void 0,
@@ -6490,7 +6490,7 @@ const Ng = ix, fu = ax, Dg = fx, Lg = cx, Bg = /* @__PURE__ */ ie((e, n) => {
   return /* @__PURE__ */ X(Mx, {
     scope: e.__scopeMenu,
     checked: t
-  }, /* @__PURE__ */ X(qg, fn({
+  }, /* @__PURE__ */ X(qg, en({
     role: "menuitemcheckbox",
     "aria-checked": ff(t) ? "mixed" : t
   }, r, {
@@ -6516,13 +6516,13 @@ const Gg = "MenuItemIndicator", [Mx, Nx] = Sr(Gg, {
   const { __scopeMenu: t, forceMount: i, ...r } = e, a = Nx(Gg, t);
   return /* @__PURE__ */ X(Pa, {
     present: i || ff(a.checked) || a.checked === !0
-  }, /* @__PURE__ */ X(rn.span, fn({}, r, {
+  }, /* @__PURE__ */ X(rn.span, en({}, r, {
     ref: n,
     "data-state": Kg(a.checked)
   })));
 }), Lx = /* @__PURE__ */ ie((e, n) => {
   const { __scopeMenu: t, ...i } = e;
-  return /* @__PURE__ */ X(rn.div, fn({
+  return /* @__PURE__ */ X(rn.div, en({
     role: "separator",
     "aria-orientation": "horizontal"
   }, i, {
@@ -6530,7 +6530,7 @@ const Gg = "MenuItemIndicator", [Mx, Nx] = Sr(Gg, {
   }));
 }), Bx = /* @__PURE__ */ ie((e, n) => {
   const { __scopeMenu: t, ...i } = e, r = Vf(t);
-  return /* @__PURE__ */ X(Lg, fn({}, r, i, {
+  return /* @__PURE__ */ X(Lg, en({}, r, i, {
     ref: n
   }));
 }), jx = "MenuSub";
@@ -6774,7 +6774,7 @@ const Zg = "Checkbox", [O5, mU] = er(Zg), [P5, I5] = O5(Zg), R5 = /* @__PURE__ *
     scope: t,
     state: y,
     disabled: s
-  }, /* @__PURE__ */ X(En.button, en({
+  }, /* @__PURE__ */ X(En.button, fn({
     type: "button",
     role: "checkbox",
     "aria-checked": pr(y) ? "mixed" : y,
@@ -6809,7 +6809,7 @@ const Zg = "Checkbox", [O5, mU] = er(Zg), [P5, I5] = O5(Zg), R5 = /* @__PURE__ *
   const { __scopeCheckbox: t, forceMount: i, ...r } = e, a = I5(F5, t);
   return /* @__PURE__ */ X(Pt, {
     present: i || pr(a.state) || a.state === !0
-  }, /* @__PURE__ */ X(En.span, en({
+  }, /* @__PURE__ */ X(En.span, fn({
     "data-state": Qg(a.state),
     "data-disabled": a.disabled ? "" : void 0
   }, r, {
@@ -6833,7 +6833,7 @@ const Zg = "Checkbox", [O5, mU] = er(Zg), [P5, I5] = O5(Zg), R5 = /* @__PURE__ *
     o,
     t,
     i
-  ]), /* @__PURE__ */ X("input", en({
+  ]), /* @__PURE__ */ X("input", fn({
     type: "checkbox",
     "aria-hidden": !0,
     defaultChecked: pr(t) ? !1 : t
@@ -13094,11 +13094,11 @@ const K0 = "Popover", [Y0, xU] = Wt(K0, [
   return xe(() => (o(), () => s()), [
     o,
     s
-  ]), /* @__PURE__ */ X(fu, en({}, a, i, {
+  ]), /* @__PURE__ */ X(fu, fn({}, a, i, {
     ref: n
   }));
 }), C7 = "PopoverTrigger", $7 = /* @__PURE__ */ ie((e, n) => {
-  const { __scopePopover: t, ...i } = e, r = nr(C7, t), a = qo(t), o = pt(n, r.triggerRef), s = /* @__PURE__ */ X(rn.button, en({
+  const { __scopePopover: t, ...i } = e, r = nr(C7, t), a = qo(t), o = pt(n, r.triggerRef), s = /* @__PURE__ */ X(rn.button, fn({
     type: "button",
     "aria-haspopup": "dialog",
     "aria-expanded": r.open,
@@ -13108,7 +13108,7 @@ const K0 = "Popover", [Y0, xU] = Wt(K0, [
     ref: o,
     onClick: cn(e.onClick, r.onOpenToggle)
   }));
-  return r.hasCustomAnchor ? s : /* @__PURE__ */ X(fu, en({
+  return r.hasCustomAnchor ? s : /* @__PURE__ */ X(fu, fn({
     asChild: !0
   }, a), s);
 }), J0 = "PopoverPortal", [A7, T7] = Y0(J0, {
@@ -13128,9 +13128,9 @@ const K0 = "Popover", [Y0, xU] = Wt(K0, [
   const t = T7(Po, e.__scopePopover), { forceMount: i = t.forceMount, ...r } = e, a = nr(Po, e.__scopePopover);
   return /* @__PURE__ */ X(Pa, {
     present: i || a.open
-  }, a.modal ? /* @__PURE__ */ X(I7, en({}, r, {
+  }, a.modal ? /* @__PURE__ */ X(I7, fn({}, r, {
     ref: n
-  })) : /* @__PURE__ */ X(R7, en({}, r, {
+  })) : /* @__PURE__ */ X(R7, fn({}, r, {
     ref: n
   })));
 }), I7 = /* @__PURE__ */ ie((e, n) => {
@@ -13142,7 +13142,7 @@ const K0 = "Popover", [Y0, xU] = Wt(K0, [
   }, []), /* @__PURE__ */ X(eu, {
     as: Fn,
     allowPinchZoom: !0
-  }, /* @__PURE__ */ X(X0, en({}, e, {
+  }, /* @__PURE__ */ X(X0, fn({}, e, {
     ref: r,
     trapFocus: t.open,
     disableOutsidePointerEvents: !0,
@@ -13166,7 +13166,7 @@ const K0 = "Popover", [Y0, xU] = Wt(K0, [
   })));
 }), R7 = /* @__PURE__ */ ie((e, n) => {
   const t = nr(Po, e.__scopePopover), i = ye(!1), r = ye(!1);
-  return /* @__PURE__ */ X(X0, en({}, e, {
+  return /* @__PURE__ */ X(X0, fn({}, e, {
     ref: n,
     trapFocus: !1,
     disableOutsidePointerEvents: !1,
@@ -13201,7 +13201,7 @@ const K0 = "Popover", [Y0, xU] = Wt(K0, [
     onPointerDownOutside: f,
     onFocusOutside: l,
     onDismiss: () => h.onOpenChange(!1)
-  }, /* @__PURE__ */ X(Dg, en({
+  }, /* @__PURE__ */ X(Dg, fn({
     "data-state": Z0(h.open),
     role: "dialog",
     id: h.contentId
@@ -13218,7 +13218,7 @@ const K0 = "Popover", [Y0, xU] = Wt(K0, [
   }))));
 }), F7 = "PopoverClose", M7 = /* @__PURE__ */ ie((e, n) => {
   const { __scopePopover: t, ...i } = e, r = nr(F7, t);
-  return /* @__PURE__ */ X(rn.button, en({
+  return /* @__PURE__ */ X(rn.button, fn({
     type: "button"
   }, i, {
     ref: n,
@@ -13229,7 +13229,7 @@ const K0 = "Popover", [Y0, xU] = Wt(K0, [
   }));
 }), N7 = /* @__PURE__ */ ie((e, n) => {
   const { __scopePopover: t, ...i } = e, r = qo(t);
-  return /* @__PURE__ */ X(Lg, en({}, r, i, {
+  return /* @__PURE__ */ X(Lg, fn({}, r, i, {
     ref: n
   }));
 });
@@ -13271,7 +13271,7 @@ const Q0 = "ScrollArea", [eb, EU] = er(Q0), [j7, It] = eb(Q0), U7 = /* @__PURE__
     onScrollbarYEnabledChange: T,
     onCornerWidthChange: k,
     onCornerHeightChange: S
-  }, /* @__PURE__ */ X(En.div, en({
+  }, /* @__PURE__ */ X(En.div, fn({
     dir: B
   }, o, {
     ref: F,
@@ -13289,7 +13289,7 @@ const Q0 = "ScrollArea", [eb, EU] = er(Q0), [j7, It] = eb(Q0), U7 = /* @__PURE__
     dangerouslySetInnerHTML: {
       __html: "[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"
     }
-  }), /* @__PURE__ */ X(En.div, en({
+  }), /* @__PURE__ */ X(En.div, fn({
     "data-radix-scroll-area-viewport": ""
   }, r, {
     ref: s,
@@ -13324,16 +13324,16 @@ const Q0 = "ScrollArea", [eb, EU] = er(Q0), [j7, It] = eb(Q0), U7 = /* @__PURE__
     s,
     a,
     o
-  ]), r.type === "hover" ? /* @__PURE__ */ X(V7, en({}, i, {
+  ]), r.type === "hover" ? /* @__PURE__ */ X(V7, fn({}, i, {
     ref: n,
     forceMount: t
-  })) : r.type === "scroll" ? /* @__PURE__ */ X(q7, en({}, i, {
+  })) : r.type === "scroll" ? /* @__PURE__ */ X(q7, fn({}, i, {
     ref: n,
     forceMount: t
-  })) : r.type === "auto" ? /* @__PURE__ */ X(nb, en({}, i, {
+  })) : r.type === "auto" ? /* @__PURE__ */ X(nb, fn({}, i, {
     ref: n,
     forceMount: t
-  })) : r.type === "always" ? /* @__PURE__ */ X($u, en({}, i, {
+  })) : r.type === "always" ? /* @__PURE__ */ X($u, fn({}, i, {
     ref: n
   })) : null;
 }), V7 = /* @__PURE__ */ ie((e, n) => {
@@ -13359,7 +13359,7 @@ const Q0 = "ScrollArea", [eb, EU] = er(Q0), [j7, It] = eb(Q0), U7 = /* @__PURE__
     r.scrollHideDelay
   ]), /* @__PURE__ */ X(Pt, {
     present: t || a
-  }, /* @__PURE__ */ X(nb, en({
+  }, /* @__PURE__ */ X(nb, fn({
     "data-state": a ? "visible" : "hidden"
   }, i, {
     ref: n
@@ -13415,7 +13415,7 @@ const Q0 = "ScrollArea", [eb, EU] = er(Q0), [j7, It] = eb(Q0), U7 = /* @__PURE__
     o
   ]), /* @__PURE__ */ X(Pt, {
     present: t || s !== "hidden"
-  }, /* @__PURE__ */ X($u, en({
+  }, /* @__PURE__ */ X($u, fn({
     "data-state": s === "hidden" ? "hidden" : "visible"
   }, i, {
     ref: n,
@@ -13437,7 +13437,7 @@ const Q0 = "ScrollArea", [eb, EU] = er(Q0), [j7, It] = eb(Q0), U7 = /* @__PURE__
   }, 10);
   return wa(t.viewport, f), wa(t.content, f), /* @__PURE__ */ X(Pt, {
     present: i || a
-  }, /* @__PURE__ */ X($u, en({
+  }, /* @__PURE__ */ X($u, fn({
     "data-state": a ? "visible" : "hidden"
   }, r, {
     ref: n
@@ -13463,7 +13463,7 @@ const Q0 = "ScrollArea", [eb, EU] = er(Q0), [j7, It] = eb(Q0), U7 = /* @__PURE__
   function u(h, p) {
     return eC(h, o.current, s, p);
   }
-  return t === "horizontal" ? /* @__PURE__ */ X(G7, en({}, d, {
+  return t === "horizontal" ? /* @__PURE__ */ X(G7, fn({}, d, {
     ref: n,
     onThumbPositionChange: () => {
       if (r.viewport && a.current) {
@@ -13477,7 +13477,7 @@ const Q0 = "ScrollArea", [eb, EU] = er(Q0), [j7, It] = eb(Q0), U7 = /* @__PURE__
     onDragScroll: (h) => {
       r.viewport && (r.viewport.scrollLeft = u(h, r.dir));
     }
-  })) : t === "vertical" ? /* @__PURE__ */ X(K7, en({}, d, {
+  })) : t === "vertical" ? /* @__PURE__ */ X(K7, fn({}, d, {
     ref: n,
     onThumbPositionChange: () => {
       if (r.viewport && a.current) {
@@ -13498,7 +13498,7 @@ const Q0 = "ScrollArea", [eb, EU] = er(Q0), [j7, It] = eb(Q0), U7 = /* @__PURE__
     f.current && s(getComputedStyle(f.current));
   }, [
     f
-  ]), /* @__PURE__ */ X(ib, en({
+  ]), /* @__PURE__ */ X(ib, fn({
     "data-orientation": "horizontal"
   }, r, {
     ref: l,
@@ -13536,7 +13536,7 @@ const Q0 = "ScrollArea", [eb, EU] = er(Q0), [j7, It] = eb(Q0), U7 = /* @__PURE__
     f.current && s(getComputedStyle(f.current));
   }, [
     f
-  ]), /* @__PURE__ */ X(ib, en({
+  ]), /* @__PURE__ */ X(ib, fn({
     "data-orientation": "vertical"
   }, r, {
     ref: l,
@@ -13609,7 +13609,7 @@ const Q0 = "ScrollArea", [eb, EU] = er(Q0), [j7, It] = eb(Q0), U7 = /* @__PURE__
     onThumbPointerUp: ut(o),
     onThumbPositionChange: I,
     onThumbPointerDown: ut(s)
-  }, /* @__PURE__ */ X(En.div, en({}, h, {
+  }, /* @__PURE__ */ X(En.div, fn({}, h, {
     ref: y,
     style: {
       position: "absolute",
@@ -13628,7 +13628,7 @@ const Q0 = "ScrollArea", [eb, EU] = er(Q0), [j7, It] = eb(Q0), U7 = /* @__PURE__
   const { forceMount: t, ...i } = e, r = tb(hc, e.__scopeScrollArea);
   return /* @__PURE__ */ X(Pt, {
     present: t || r.hasThumb
-  }, /* @__PURE__ */ X(X7, en({
+  }, /* @__PURE__ */ X(X7, fn({
     ref: n
   }, i)));
 }), X7 = /* @__PURE__ */ ie((e, n) => {
@@ -13653,7 +13653,7 @@ const Q0 = "ScrollArea", [eb, EU] = er(Q0), [j7, It] = eb(Q0), U7 = /* @__PURE__
     a.viewport,
     d,
     s
-  ]), /* @__PURE__ */ X(En.div, en({
+  ]), /* @__PURE__ */ X(En.div, fn({
     "data-state": o.hasThumb ? "visible" : "hidden"
   }, r, {
     ref: f,
@@ -13673,7 +13673,7 @@ const Q0 = "ScrollArea", [eb, EU] = er(Q0), [j7, It] = eb(Q0), U7 = /* @__PURE__
   }));
 }), rb = "ScrollAreaCorner", Z7 = /* @__PURE__ */ ie((e, n) => {
   const t = It(rb, e.__scopeScrollArea), i = !!(t.scrollbarX && t.scrollbarY);
-  return t.type !== "scroll" && i ? /* @__PURE__ */ X(Q7, en({}, e, {
+  return t.type !== "scroll" && i ? /* @__PURE__ */ X(Q7, fn({}, e, {
     ref: n
   })) : null;
 }), Q7 = /* @__PURE__ */ ie((e, n) => {
@@ -13686,7 +13686,7 @@ const Q0 = "ScrollArea", [eb, EU] = er(Q0), [j7, It] = eb(Q0), U7 = /* @__PURE__
     var d;
     const u = ((d = r.scrollbarY) === null || d === void 0 ? void 0 : d.offsetWidth) || 0;
     r.onCornerWidthChange(u), o(u);
-  }), l ? /* @__PURE__ */ X(En.div, en({}, i, {
+  }), l ? /* @__PURE__ */ X(En.div, fn({}, i, {
     ref: n,
     style: {
       width: a,
@@ -14334,7 +14334,7 @@ const CC = (e) => {
   };
 }, $C = /* @__PURE__ */ ie((e, n) => {
   const { children: t, width: i = 10, height: r = 5, ...a } = e;
-  return /* @__PURE__ */ X(En.svg, fn({}, a, {
+  return /* @__PURE__ */ X(En.svg, en({}, a, {
     ref: n,
     width: i,
     height: r,
@@ -14354,7 +14354,7 @@ const CC = (e) => {
   const { __scopePopper: t, virtualRef: i, ...r } = e, a = yb(PC, t), o = ye(null), s = jn(n, o);
   return xe(() => {
     a.onAnchorChange((i == null ? void 0 : i.current) || o.current);
-  }), i ? null : /* @__PURE__ */ X(En.div, fn({}, r, {
+  }), i ? null : /* @__PURE__ */ X(En.div, en({}, r, {
     ref: s
   }));
 }), gf = "PopperContent", [RC, FC] = Ou(gf), [MC, NC] = Ou(gf, {
@@ -14530,7 +14530,7 @@ const CC = (e) => {
         }[a.placedSide],
         visibility: a.shouldHideArrow ? "hidden" : void 0
       }
-    }, /* @__PURE__ */ X(AC, fn({}, r, {
+    }, /* @__PURE__ */ X(AC, en({}, r, {
       ref: t,
       style: {
         ...r.style,
@@ -14578,7 +14578,7 @@ function wb(e) {
     t
   ];
 }
-const VC = OC, qC = IC, GC = DC, KC = jC, YC = /* @__PURE__ */ ie((e, n) => /* @__PURE__ */ X(En.span, fn({}, e, {
+const VC = OC, qC = IC, GC = DC, KC = jC, YC = /* @__PURE__ */ ie((e, n) => /* @__PURE__ */ X(En.span, en({}, e, {
   ref: n,
   style: {
     // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -22546,7 +22546,7 @@ var bI = (
 };
 FT(({ addUtilities: e, theme: n, e: t }) => {
   const i = n("semanticColors"), r = Object.entries(i).map(([a, o]) => {
-    var s, f, l, d, u, h;
+    var s, f, l, d, u, h, p, m;
     return {
       // TODO(thure): Refactor all of these tokens to simply prefix the properties they apply with `s-` as with `s-accent`.
       [`.fg-${t(`${a}`)}`]: {
@@ -22572,6 +22572,12 @@ FT(({ addUtilities: e, theme: n, e: t }) => {
       },
       [`.dark .separator-${t(`${a}`)}`]: {
         borderColor: `${((h = o.fg) == null ? void 0 : h.dark) ?? o.dark}`
+      },
+      [`.s-outline-${t(`${a}`)}`]: {
+        outlineColor: `${((p = o.fg) == null ? void 0 : p.light) ?? o.light}`
+      },
+      [`.dark .s-outline-${t(`${a}`)}`]: {
+        outlineColor: `${((m = o.fg) == null ? void 0 : m.dark) ?? o.dark}`
       }
     };
   });