@theroutingcompany/components 0.0.118 → 0.0.120-alpha.0

package/dist/trc-components.es.js

@@ -3928,13 +3928,13 @@ var JD = function(e) {
     return null;
   };
 };
-const Yb = "Dialog", [qb, Xb] = We(Yb), [eP, Tt] = qb(Yb), tP = (e) => {
+const Yb = "Dialog", [qb, Xb] = We(Yb), [e6, Tt] = qb(Yb), t6 = (e) => {
   const { __scopeDialog: t, children: n, open: r, defaultOpen: o, onOpenChange: a, modal: i = !0 } = e, l = V(null), s = V(null), [c = !1, d] = Ze({
     prop: r,
     defaultProp: o,
     onChange: a
   });
-  return /* @__PURE__ */ C(eP, {
+  return /* @__PURE__ */ C(e6, {
     scope: t,
     triggerRef: l,
     contentRef: s,
@@ -3953,8 +3953,8 @@ const Yb = "Dialog", [qb, Xb] = We(Yb), [eP, Tt] = qb(Yb), tP = (e) => {
     ),
     modal: i
   }, n);
-}, nP = "DialogTrigger", rP = /* @__PURE__ */ j((e, t) => {
-  const { __scopeDialog: n, ...r } = e, o = Tt(nP, n), a = Ee(t, o.triggerRef);
+}, n6 = "DialogTrigger", r6 = /* @__PURE__ */ j((e, t) => {
+  const { __scopeDialog: n, ...r } = e, o = Tt(n6, n), a = Ee(t, o.triggerRef);
   return /* @__PURE__ */ C(ge.button, F({
     type: "button",
     "aria-haspopup": "dialog",
@@ -3965,11 +3965,11 @@ const Yb = "Dialog", [qb, Xb] = We(Yb), [eP, Tt] = qb(Yb), tP = (e) => {
     ref: a,
     onClick: le(e.onClick, o.onOpenToggle)
   }));
-}), Jb = "DialogPortal", [oP, Zb] = qb(Jb, {
+}), Jb = "DialogPortal", [o6, Zb] = qb(Jb, {
   forceMount: void 0
-}), aP = (e) => {
+}), a6 = (e) => {
   const { __scopeDialog: t, forceMount: n, children: r, container: o } = e, a = Tt(Jb, t);
-  return /* @__PURE__ */ C(oP, {
+  return /* @__PURE__ */ C(o6, {
     scope: t,
     forceMount: n
   }, tn.map(
@@ -3981,14 +3981,14 @@ const Yb = "Dialog", [qb, Xb] = We(Yb), [eP, Tt] = qb(Yb), tP = (e) => {
       container: o
     }, i))
   ));
-}, Cc = "DialogOverlay", iP = /* @__PURE__ */ j((e, t) => {
+}, Cc = "DialogOverlay", i6 = /* @__PURE__ */ j((e, t) => {
   const n = Zb(Cc, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, a = Tt(Cc, e.__scopeDialog);
   return a.modal ? /* @__PURE__ */ C(Qe, {
     present: r || a.open
-  }, /* @__PURE__ */ C(lP, F({}, o, {
+  }, /* @__PURE__ */ C(l6, F({}, o, {
     ref: t
   }))) : null;
-}), lP = /* @__PURE__ */ j((e, t) => {
+}), l6 = /* @__PURE__ */ j((e, t) => {
   const { __scopeDialog: n, ...r } = e, o = Tt(Cc, n);
   return (
     // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
@@ -4009,16 +4009,16 @@ const Yb = "Dialog", [qb, Xb] = We(Yb), [eP, Tt] = qb(Yb), tP = (e) => {
       }
     })))
   );
-}), to = "DialogContent", sP = /* @__PURE__ */ j((e, t) => {
+}), to = "DialogContent", s6 = /* @__PURE__ */ j((e, t) => {
   const n = Zb(to, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, a = Tt(to, e.__scopeDialog);
   return /* @__PURE__ */ C(Qe, {
     present: r || a.open
-  }, a.modal ? /* @__PURE__ */ C(cP, F({}, o, {
+  }, a.modal ? /* @__PURE__ */ C(c6, F({}, o, {
     ref: t
-  })) : /* @__PURE__ */ C(dP, F({}, o, {
+  })) : /* @__PURE__ */ C(d6, F({}, o, {
     ref: t
   })));
-}), cP = /* @__PURE__ */ j((e, t) => {
+}), c6 = /* @__PURE__ */ j((e, t) => {
   const n = Tt(to, e.__scopeDialog), r = V(null), o = Ee(t, n.contentRef, r);
   return Y(() => {
     const a = r.current;
@@ -4041,7 +4041,7 @@ const Yb = "Dialog", [qb, Xb] = We(Yb), [eP, Tt] = qb(Yb), tP = (e) => {
       (a) => a.preventDefault()
     )
   }));
-}), dP = /* @__PURE__ */ j((e, t) => {
+}), d6 = /* @__PURE__ */ j((e, t) => {
   const n = Tt(to, e.__scopeDialog), r = V(!1), o = V(!1);
   return /* @__PURE__ */ C(Qb, F({}, e, {
     ref: t,
@@ -4080,22 +4080,22 @@ const Yb = "Dialog", [qb, Xb] = We(Yb), [eP, Tt] = qb(Yb), tP = (e) => {
     ref: c,
     onDismiss: () => l.onOpenChange(!1)
   }))), !1);
-}), em = "DialogTitle", uP = /* @__PURE__ */ j((e, t) => {
+}), em = "DialogTitle", u6 = /* @__PURE__ */ j((e, t) => {
   const { __scopeDialog: n, ...r } = e, o = Tt(em, n);
   return /* @__PURE__ */ C(ge.h2, F({
     id: o.titleId
   }, r, {
     ref: t
   }));
-}), fP = "DialogDescription", pP = /* @__PURE__ */ j((e, t) => {
-  const { __scopeDialog: n, ...r } = e, o = Tt(fP, n);
+}), f6 = "DialogDescription", p6 = /* @__PURE__ */ j((e, t) => {
+  const { __scopeDialog: n, ...r } = e, o = Tt(f6, n);
   return /* @__PURE__ */ C(ge.p, F({
     id: o.descriptionId
   }, r, {
     ref: t
   }));
-}), gP = "DialogClose", hP = /* @__PURE__ */ j((e, t) => {
-  const { __scopeDialog: n, ...r } = e, o = Tt(gP, n);
+}), g6 = "DialogClose", h6 = /* @__PURE__ */ j((e, t) => {
+  const { __scopeDialog: n, ...r } = e, o = Tt(g6, n);
   return /* @__PURE__ */ C(ge.button, F({
     type: "button"
   }, r, {
@@ -4109,37 +4109,37 @@ const Yb = "Dialog", [qb, Xb] = We(Yb), [eP, Tt] = qb(Yb), tP = (e) => {
 function du(e) {
   return e ? "open" : "closed";
 }
-const bP = "DialogTitleWarning", [mP, bV] = wS(bP, {
+const b6 = "DialogTitleWarning", [m6, bV] = wS(b6, {
   contentName: to,
   titleName: em,
   docsSlug: "dialog"
-}), tm = tP, nm = rP, rm = aP, om = iP, am = sP, im = uP, lm = pP, hl = hP, vP = "AlertDialog", [$P, mV] = We(vP, [
+}), tm = t6, nm = r6, rm = a6, om = i6, am = s6, im = u6, lm = p6, hl = h6, v6 = "AlertDialog", [$6, mV] = We(v6, [
   Xb
-]), gn = Xb(), yP = (e) => {
+]), gn = Xb(), y6 = (e) => {
   const { __scopeAlertDialog: t, ...n } = e, r = gn(t);
   return /* @__PURE__ */ C(tm, F({}, r, n, {
     modal: !0
   }));
-}, _P = /* @__PURE__ */ j((e, t) => {
+}, _6 = /* @__PURE__ */ j((e, t) => {
   const { __scopeAlertDialog: n, ...r } = e, o = gn(n);
   return /* @__PURE__ */ C(nm, F({}, o, r, {
     ref: t
   }));
-}), xP = (e) => {
+}), x6 = (e) => {
   const { __scopeAlertDialog: t, ...n } = e, r = gn(t);
   return /* @__PURE__ */ C(rm, F({}, r, n));
-}, wP = /* @__PURE__ */ j((e, t) => {
+}, w6 = /* @__PURE__ */ j((e, t) => {
   const { __scopeAlertDialog: n, ...r } = e, o = gn(n);
   return /* @__PURE__ */ C(om, F({}, o, r, {
     ref: t
   }));
-}), sm = "AlertDialogContent", [SP, EP] = $P(sm), DP = /* @__PURE__ */ j((e, t) => {
+}), sm = "AlertDialogContent", [S6, E6] = $6(sm), D6 = /* @__PURE__ */ j((e, t) => {
   const { __scopeAlertDialog: n, children: r, ...o } = e, a = gn(n), i = V(null), l = Ee(t, i), s = V(null);
-  return /* @__PURE__ */ C(mP, {
+  return /* @__PURE__ */ C(m6, {
     contentName: sm,
-    titleName: PP,
+    titleName: P6,
     docsSlug: "alert-dialog"
-  }, /* @__PURE__ */ C(SP, {
+  }, /* @__PURE__ */ C(S6, {
     scope: n,
     cancelRef: s
   }, /* @__PURE__ */ C(am, F({
@@ -4155,27 +4155,27 @@ const bP = "DialogTitleWarning", [mP, bV] = wS(bP, {
     onPointerDownOutside: (c) => c.preventDefault(),
     onInteractOutside: (c) => c.preventDefault()
   }), /* @__PURE__ */ C(Wd, null, r), !1)));
-}), PP = "AlertDialogTitle", TP = /* @__PURE__ */ j((e, t) => {
+}), P6 = "AlertDialogTitle", T6 = /* @__PURE__ */ j((e, t) => {
   const { __scopeAlertDialog: n, ...r } = e, o = gn(n);
   return /* @__PURE__ */ C(im, F({}, o, r, {
     ref: t
   }));
-}), kP = /* @__PURE__ */ j((e, t) => {
+}), k6 = /* @__PURE__ */ j((e, t) => {
   const { __scopeAlertDialog: n, ...r } = e, o = gn(n);
   return /* @__PURE__ */ C(lm, F({}, o, r, {
     ref: t
   }));
-}), CP = /* @__PURE__ */ j((e, t) => {
+}), C6 = /* @__PURE__ */ j((e, t) => {
   const { __scopeAlertDialog: n, ...r } = e, o = gn(n);
   return /* @__PURE__ */ C(hl, F({}, o, r, {
     ref: t
   }));
-}), RP = "AlertDialogCancel", AP = /* @__PURE__ */ j((e, t) => {
-  const { __scopeAlertDialog: n, ...r } = e, { cancelRef: o } = EP(RP, n), a = gn(n), i = Ee(t, o);
+}), R6 = "AlertDialogCancel", A6 = /* @__PURE__ */ j((e, t) => {
+  const { __scopeAlertDialog: n, ...r } = e, { cancelRef: o } = E6(R6, n), a = gn(n), i = Ee(t, o);
   return /* @__PURE__ */ C(hl, F({}, a, r, {
     ref: i
   }));
-}), IP = yP, OP = _P, MP = xP, FP = wP, LP = DP, NP = CP, cm = AP, zP = TP, KP = kP;
+}), I6 = y6, O6 = _6, M6 = x6, F6 = w6, L6 = D6, N6 = C6, cm = A6, z6 = T6, K6 = k6;
 function bl(e, t) {
   if (e == null)
     return {};
@@ -4197,7 +4197,7 @@ function dm() {
   return xp || (xp = 1, bs = Function.call.bind(Object.prototype.hasOwnProperty)), bs;
 }
 var ms, wp;
-function VP() {
+function V6() {
   if (wp)
     return ms;
   wp = 1;
@@ -4247,11 +4247,11 @@ function VP() {
   }, ms = o, ms;
 }
 var vs, Sp;
-function BP() {
+function B6() {
   if (Sp)
     return vs;
   Sp = 1;
-  var e = Bd, t = Tb, n = uu(), r = dm(), o = VP(), a = function() {
+  var e = Bd, t = Tb, n = uu(), r = dm(), o = V6(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(l) {
     var s = "Warning: " + l;
@@ -4569,7 +4569,7 @@ Valid keys: ` + JSON.stringify(Object.keys(M), null, "  ")
   }, vs;
 }
 var $s, Ep;
-function jP() {
+function j6() {
   if (Ep)
     return $s;
   Ep = 1;
@@ -4618,13 +4618,13 @@ function jP() {
   }, $s;
 }
 if (process.env.NODE_ENV !== "production") {
-  var UP = Bd, WP = !0;
-  Rc.exports = BP()(UP.isElement, WP);
+  var U6 = Bd, W6 = !0;
+  Rc.exports = B6()(U6.isElement, W6);
 } else
-  Rc.exports = jP()();
+  Rc.exports = j6()();
 var Te = Rc.exports;
 const ue = /* @__PURE__ */ ol(Te);
-var Ac = "data-focus-lock", um = "data-focus-lock-disabled", HP = "data-no-focus-lock", GP = "data-autofocus-inside", YP = "data-no-autofocus", ys = {
+var Ac = "data-focus-lock", um = "data-focus-lock-disabled", H6 = "data-no-focus-lock", G6 = "data-autofocus-inside", Y6 = "data-no-autofocus", ys = {
   width: "1px",
   height: "0px",
   padding: 0,
@@ -4640,13 +4640,13 @@ var fm = lu({}, function(e) {
     target: t,
     currentTarget: n
   };
-}), pm = lu(), qP = lu(), XP = zb({
+}), pm = lu(), q6 = lu(), X6 = zb({
   async: !0
   // focus-lock sidecar is not required on the server
   // however, it might be required for JSDOM tests
   // ssr: true,
-}), JP = [], fu = /* @__PURE__ */ q.forwardRef(function(t, n) {
-  var r, o = q.useState(), a = o[0], i = o[1], l = q.useRef(), s = q.useRef(!1), c = q.useRef(null), d = t.children, u = t.disabled, p = t.noFocusGuards, g = t.persistentFocus, h = t.crossFrame, b = t.autoFocus, m = t.allowTextSelection, y = t.group, v = t.className, x = t.whiteList, S = t.hasPositiveIndices, E = t.shards, D = E === void 0 ? JP : E, I = t.as, $ = I === void 0 ? "div" : I, k = t.lockProps, z = k === void 0 ? {} : k, _ = t.sideCar, L = t.returnFocus, A = t.focusOptions, R = t.onActivation, B = t.onDeactivation, P = q.useState({}), ee = P[0], G = q.useCallback(function() {
+}), J6 = [], fu = /* @__PURE__ */ q.forwardRef(function(t, n) {
+  var r, o = q.useState(), a = o[0], i = o[1], l = q.useRef(), s = q.useRef(!1), c = q.useRef(null), d = t.children, u = t.disabled, p = t.noFocusGuards, g = t.persistentFocus, h = t.crossFrame, b = t.autoFocus, m = t.allowTextSelection, y = t.group, v = t.className, x = t.whiteList, S = t.hasPositiveIndices, E = t.shards, D = E === void 0 ? J6 : E, I = t.as, $ = I === void 0 ? "div" : I, k = t.lockProps, z = k === void 0 ? {} : k, _ = t.sideCar, L = t.returnFocus, A = t.focusOptions, R = t.onActivation, B = t.onDeactivation, P = q.useState({}), ee = P[0], G = q.useCallback(function() {
     c.current = c.current || document && document.activeElement, l.current && R && R(l.current), s.current = !0;
   }, [R]), X = q.useCallback(function() {
     s.current = !1, B && B(l.current);
@@ -4691,7 +4691,7 @@ var fm = lu({}, function(e) {
     }) : null
   ], !u && /* @__PURE__ */ q.createElement(_, {
     id: ee,
-    sideCar: XP,
+    sideCar: X6,
     observed: a,
     disabled: u,
     persistentFocus: g,
@@ -4773,7 +4773,7 @@ function On(e) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
   }, On(e);
 }
-function ZP(e, t) {
+function Z6(e, t) {
   if (On(e) !== "object" || e === null)
     return e;
   var n = e[Symbol.toPrimitive];
@@ -4786,7 +4786,7 @@ function ZP(e, t) {
   return (t === "string" ? String : Number)(e);
 }
 function hm(e) {
-  var t = ZP(e, "string");
+  var t = Z6(e, "string");
   return On(t) === "symbol" ? t : String(t);
 }
 function jr(e, t, n) {
@@ -4797,7 +4797,7 @@ function jr(e, t, n) {
     writable: !0
   }) : e[t] = n, e;
 }
-function QP(e, t) {
+function Q6(e, t) {
   if (process.env.NODE_ENV !== "production") {
     if (typeof e != "function")
       throw new Error("Expected reducePropsToState to be a function.");
@@ -4847,7 +4847,7 @@ var Vt = function(e) {
   return Array.isArray(e) ? e : [e];
 }, bm = function(e) {
   return Array.isArray(e) ? e[0] : e;
-}, e6 = function(e) {
+}, eP = function(e) {
   if (e.nodeType !== Node.ELEMENT_NODE)
     return !1;
   var t = window.getComputedStyle(e, null);
@@ -4859,43 +4859,43 @@ var Vt = function(e) {
   ) : e.parentNode;
 }, vm = function(e) {
   return e === document || e && e.nodeType === Node.DOCUMENT_NODE;
-}, t6 = function(e, t) {
-  return !e || vm(e) || !e6(e) && t(mm(e));
+}, tP = function(e, t) {
+  return !e || vm(e) || !eP(e) && t(mm(e));
 }, $m = function(e, t) {
   var n = e.get(t);
   if (n !== void 0)
     return n;
-  var r = t6(t, $m.bind(void 0, e));
+  var r = tP(t, $m.bind(void 0, e));
   return e.set(t, r), r;
-}, n6 = function(e, t) {
-  return e && !vm(e) ? a6(e) ? t(mm(e)) : !1 : !0;
+}, nP = function(e, t) {
+  return e && !vm(e) ? aP(e) ? t(mm(e)) : !1 : !0;
 }, ym = function(e, t) {
   var n = e.get(t);
   if (n !== void 0)
     return n;
-  var r = n6(t, ym.bind(void 0, e));
+  var r = nP(t, ym.bind(void 0, e));
   return e.set(t, r), r;
 }, _m = function(e) {
   return e.dataset;
-}, r6 = function(e) {
+}, rP = function(e) {
   return e.tagName === "BUTTON";
 }, xm = function(e) {
   return e.tagName === "INPUT";
 }, wm = function(e) {
   return xm(e) && e.type === "radio";
-}, o6 = function(e) {
-  return !((xm(e) || r6(e)) && (e.type === "hidden" || e.disabled));
-}, a6 = function(e) {
-  var t = e.getAttribute(YP);
+}, oP = function(e) {
+  return !((xm(e) || rP(e)) && (e.type === "hidden" || e.disabled));
+}, aP = function(e) {
+  var t = e.getAttribute(Y6);
   return ![!0, "true", ""].includes(t);
 }, pu = function(e) {
   var t;
   return !!(e && (!((t = _m(e)) === null || t === void 0) && t.focusGuard));
 }, $i = function(e) {
   return !pu(e);
-}, i6 = function(e) {
+}, iP = function(e) {
   return !!e;
-}, l6 = function(e, t) {
+}, lP = function(e, t) {
   var n = e.tabIndex - t.tabIndex, r = e.index - t.index;
   if (n) {
     if (!e.tabIndex)
@@ -4913,8 +4913,8 @@ var Vt = function(e) {
     };
   }).filter(function(r) {
     return !t || r.tabIndex >= 0;
-  }).sort(l6);
-}, s6 = [
+  }).sort(lP);
+}, sP = [
   "button:enabled",
   "select:enabled",
   "textarea:enabled",
@@ -4932,17 +4932,17 @@ var Vt = function(e) {
   "[tabindex]",
   "[contenteditable]",
   "[autofocus]"
-], gu = s6.join(","), c6 = "".concat(gu, ", [data-focus-guard]"), Em = function(e, t) {
+], gu = sP.join(","), cP = "".concat(gu, ", [data-focus-guard]"), Em = function(e, t) {
   return Vt((e.shadowRoot || e).children).reduce(function(n, r) {
-    return n.concat(r.matches(t ? c6 : gu) ? [r] : [], Em(r));
+    return n.concat(r.matches(t ? cP : gu) ? [r] : [], Em(r));
   }, []);
-}, d6 = function(e, t) {
+}, dP = function(e, t) {
   var n;
   return e instanceof HTMLIFrameElement && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? vl([e.contentDocument.body], t) : [e];
 }, vl = function(e, t) {
   return e.reduce(function(n, r) {
     var o, a = Em(r, t), i = (o = []).concat.apply(o, a.map(function(l) {
-      return d6(l, t);
+      return dP(l, t);
     }));
     return n.concat(
       // add all tabbables inside and within shadow DOMs in DOM order
@@ -4953,8 +4953,8 @@ var Vt = function(e) {
       }) : []
     );
   }, []);
-}, u6 = function(e) {
-  var t = e.querySelectorAll("[".concat(GP, "]"));
+}, uP = function(e) {
+  var t = e.querySelectorAll("[".concat(G6, "]"));
   return Vt(t).map(function(n) {
     return vl([n]);
   }).reduce(function(n, r) {
@@ -4964,7 +4964,7 @@ var Vt = function(e) {
   return Vt(e).filter(function(n) {
     return $m(t, n);
   }).filter(function(n) {
-    return o6(n);
+    return oP(n);
   });
 }, Dp = function(e, t) {
   return t === void 0 && (t = /* @__PURE__ */ new Map()), Vt(e).filter(function(n) {
@@ -4974,8 +4974,8 @@ var Vt = function(e) {
   return Sm(hu(vl(e, n), t), !0, n);
 }, Pp = function(e, t) {
   return Sm(hu(vl(e), t), !1);
-}, f6 = function(e, t) {
-  return hu(u6(e), t);
+}, fP = function(e, t) {
+  return hu(uP(e), t);
 }, Ur = function(e, t) {
   return e.shadowRoot ? Ur(e.shadowRoot, t) : Object.getPrototypeOf(e).contains !== void 0 && Object.getPrototypeOf(e).contains.call(e, t) ? !0 : Vt(e.children).some(function(n) {
     var r;
@@ -4985,7 +4985,7 @@ var Vt = function(e) {
     }
     return Ur(n, t);
   });
-}, p6 = function(e) {
+}, pP = function(e) {
   for (var t = /* @__PURE__ */ new Set(), n = e.length, r = 0; r < n; r += 1)
     for (var o = r + 1; o < n; o += 1) {
       var a = e[r].compareDocumentPosition(e[o]);
@@ -5000,9 +5000,9 @@ var Vt = function(e) {
   var t = vi(e);
   return t.filter(Boolean).reduce(function(n, r) {
     var o = r.getAttribute(Ac);
-    return n.push.apply(n, o ? p6(Vt(Dm(r).querySelectorAll("[".concat(Ac, '="').concat(o, '"]:not([').concat(um, '="disabled"])')))) : [r]), n;
+    return n.push.apply(n, o ? pP(Vt(Dm(r).querySelectorAll("[".concat(Ac, '="').concat(o, '"]:not([').concat(um, '="disabled"])')))) : [r]), n;
   }, []);
-}, g6 = function(e) {
+}, gP = function(e) {
   try {
     return e();
   } catch {
@@ -5011,35 +5011,35 @@ var Vt = function(e) {
 }, Wo = function(e) {
   if (e === void 0 && (e = document), !(!e || !e.activeElement)) {
     var t = e.activeElement;
-    return t.shadowRoot ? Wo(t.shadowRoot) : t instanceof HTMLIFrameElement && g6(function() {
+    return t.shadowRoot ? Wo(t.shadowRoot) : t instanceof HTMLIFrameElement && gP(function() {
       return t.contentWindow.document;
     }) ? Wo(t.contentWindow.document) : t;
   }
-}, h6 = function(e, t) {
+}, hP = function(e, t) {
   return e === t;
-}, b6 = function(e, t) {
+}, bP = function(e, t) {
   return !!Vt(e.querySelectorAll("iframe")).some(function(n) {
-    return h6(n, t);
+    return hP(n, t);
   });
 }, Pm = function(e, t) {
   return t === void 0 && (t = Wo(bm(e).ownerDocument)), !t || t.dataset && t.dataset.focusGuard ? !1 : bu(e).some(function(n) {
-    return Ur(n, t) || b6(n, t);
+    return Ur(n, t) || bP(n, t);
   });
-}, m6 = function(e) {
+}, mP = function(e) {
   e === void 0 && (e = document);
   var t = Wo(e);
-  return t ? Vt(e.querySelectorAll("[".concat(HP, "]"))).some(function(n) {
+  return t ? Vt(e.querySelectorAll("[".concat(H6, "]"))).some(function(n) {
     return Ur(n, t);
   }) : !1;
-}, v6 = function(e, t) {
+}, vP = function(e, t) {
   return t.filter(wm).filter(function(n) {
     return n.name === e.name;
   }).filter(function(n) {
     return n.checked;
   })[0] || e;
 }, mu = function(e, t) {
-  return wm(e) && e.name ? v6(e, t) : e;
-}, $6 = function(e) {
+  return wm(e) && e.name ? vP(e, t) : e;
+}, $P = function(e) {
   var t = /* @__PURE__ */ new Set();
   return e.forEach(function(n) {
     return t.add(mu(n, e));
@@ -5050,10 +5050,10 @@ var Vt = function(e) {
   return e[0] && e.length > 1 ? mu(e[0], e) : e[0];
 }, kp = function(e, t) {
   return e.length > 1 ? e.indexOf(mu(e[t], e)) : t;
-}, Tm = "NEW_FOCUS", y6 = function(e, t, n, r) {
+}, Tm = "NEW_FOCUS", yP = function(e, t, n, r) {
   var o = e.length, a = e[0], i = e[o - 1], l = pu(n);
   if (!(n && e.indexOf(n) >= 0)) {
-    var s = n !== void 0 ? t.indexOf(n) : -1, c = r ? t.indexOf(r) : s, d = r ? e.indexOf(r) : -1, u = s - c, p = t.indexOf(a), g = t.indexOf(i), h = $6(t), b = n !== void 0 ? h.indexOf(n) : -1, m = b - (r ? h.indexOf(r) : s), y = kp(e, 0), v = kp(e, o - 1);
+    var s = n !== void 0 ? t.indexOf(n) : -1, c = r ? t.indexOf(r) : s, d = r ? e.indexOf(r) : -1, u = s - c, p = t.indexOf(a), g = t.indexOf(i), h = $P(t), b = n !== void 0 ? h.indexOf(n) : -1, m = b - (r ? h.indexOf(r) : s), y = kp(e, 0), v = kp(e, o - 1);
     if (s === -1 || d === -1)
       return Tm;
     if (!u && d >= 0)
@@ -5071,7 +5071,7 @@ var Vt = function(e) {
     if (u)
       return Math.abs(u) > 1 ? d : (o + d + u) % o;
   }
-}, _6 = function(e) {
+}, _P = function(e) {
   return function(t) {
     var n, r = (n = _m(t)) === null || n === void 0 ? void 0 : n.autofocus;
     return (
@@ -5081,11 +5081,11 @@ var Vt = function(e) {
       e.indexOf(t) >= 0
     );
   };
-}, x6 = function(e, t, n) {
+}, xP = function(e, t, n) {
   var r = e.map(function(a) {
     var i = a.node;
     return i;
-  }), o = Dp(r.filter(_6(n)));
+  }), o = Dp(r.filter(_P(n)));
   return o && o.length ? Tp(o) : Tp(Dp(t));
 }, Mc = function(e, t) {
   return t === void 0 && (t = []), t.push(e), e.parentNode && Mc(e.parentNode.host || e.parentNode, t), t;
@@ -5104,18 +5104,18 @@ var Vt = function(e) {
       c && (!i || Ur(c, i) ? i = c : i = _s(c, i));
     });
   }), i;
-}, w6 = function(e, t) {
+}, wP = function(e, t) {
   return e.reduce(function(n, r) {
-    return n.concat(f6(r, t));
+    return n.concat(fP(r, t));
   }, []);
-}, S6 = function(e, t) {
+}, SP = function(e, t) {
   var n = /* @__PURE__ */ new Map();
   return t.forEach(function(r) {
     return n.set(r.node, r);
   }), e.map(function(r) {
     return n.get(r);
-  }).filter(i6);
-}, E6 = function(e, t) {
+  }).filter(iP);
+}, EP = function(e, t) {
   var n = Wo(vi(e).length > 0 ? document : bm(e).ownerDocument), r = bu(e).filter($i), o = km(n || e, e, r), a = /* @__PURE__ */ new Map(), i = Pp(r, a), l = Oc(r, a).filter(function(g) {
     var h = g.node;
     return $i(h);
@@ -5124,12 +5124,12 @@ var Vt = function(e) {
     var s = Pp([o], a).map(function(g) {
       var h = g.node;
       return h;
-    }), c = S6(s, l), d = c.map(function(g) {
+    }), c = SP(s, l), d = c.map(function(g) {
       var h = g.node;
       return h;
-    }), u = y6(d, s, n, t);
+    }), u = yP(d, s, n, t);
     if (u === Tm) {
-      var p = x6(i, d, w6(r, a));
+      var p = xP(i, d, wP(r, a));
       if (p)
         return { node: p };
       console.warn("focus-lock: cannot find any node to move focus into");
@@ -5137,7 +5137,7 @@ var Vt = function(e) {
     }
     return u === void 0 ? u : c[u];
   }
-}, D6 = function(e) {
+}, DP = function(e) {
   var t = bu(e).filter($i), n = km(e, e, t), r = /* @__PURE__ */ new Map(), o = Oc([n], r, !0), a = Oc(t, r).filter(function(i) {
     var l = i.node;
     return $i(l);
@@ -5154,11 +5154,11 @@ var Vt = function(e) {
       guard: pu(l)
     };
   });
-}, P6 = function(e, t) {
+}, PP = function(e, t) {
   "focus" in e && e.focus(t), "contentWindow" in e && e.contentWindow && e.contentWindow.focus();
 }, xs = 0, ws = !1, Cm = function(e, t, n) {
   n === void 0 && (n = {});
-  var r = E6(e, t);
+  var r = EP(e, t);
   if (!ws && r) {
     if (xs > 2) {
       console.error("FocusLock: focus-fighting detected. Only one focus management system could be active. See https://github.com/theKashey/focus-lock/#focus-fighting"), ws = !0, setTimeout(function() {
@@ -5166,26 +5166,26 @@ var Vt = function(e) {
       }, 1);
       return;
     }
-    xs++, P6(r.node, n.focusOptions), xs--;
+    xs++, PP(r.node, n.focusOptions), xs--;
   }
 };
 function vu(e) {
   setTimeout(e, 1);
 }
-var T6 = function() {
+var TP = function() {
   return document && document.activeElement === document.body;
-}, k6 = function() {
-  return T6() || m6();
-}, Wr = null, Mr = null, Hr = null, Ho = !1, C6 = function() {
+}, kP = function() {
+  return TP() || mP();
+}, Wr = null, Mr = null, Hr = null, Ho = !1, CP = function() {
   return !0;
-}, R6 = function(t) {
-  return (Wr.whiteList || C6)(t);
-}, A6 = function(t, n) {
+}, RP = function(t) {
+  return (Wr.whiteList || CP)(t);
+}, AP = function(t, n) {
   Hr = {
     observerNode: t,
     portaledElement: n
   };
-}, I6 = function(t) {
+}, IP = function(t) {
   return Hr && Hr.portaledElement === t;
 };
 function Cp(e, t, n, r) {
@@ -5203,29 +5203,29 @@ function Cp(e, t, n, r) {
   } while ((a += n) !== t);
   o && (o.node.tabIndex = 0);
 }
-var O6 = function(t) {
+var OP = function(t) {
   return t && "current" in t ? t.current : t;
-}, M6 = function(t) {
+}, MP = function(t) {
   return t ? !!Ho : Ho === "meanwhile";
-}, F6 = function e(t, n, r) {
+}, FP = function e(t, n, r) {
   return n && // find host equal to active element and check nested active element
   (n.host === t && (!n.activeElement || r.contains(n.activeElement)) || n.parentNode && e(t, n.parentNode, r));
-}, L6 = function(t, n) {
+}, LP = function(t, n) {
   return n.some(function(r) {
-    return F6(t, r, r);
+    return FP(t, r, r);
   });
 }, yi = function() {
   var t = !1;
   if (Wr) {
     var n = Wr, r = n.observed, o = n.persistentFocus, a = n.autoFocus, i = n.shards, l = n.crossFrame, s = n.focusOptions, c = r || Hr && Hr.portaledElement, d = document && document.activeElement;
     if (c) {
-      var u = [c].concat(i.map(O6).filter(Boolean));
-      if ((!d || R6(d)) && (o || M6(l) || !k6() || !Mr && a) && (c && !// active element is "inside" working area
+      var u = [c].concat(i.map(OP).filter(Boolean));
+      if ((!d || RP(d)) && (o || MP(l) || !kP() || !Mr && a) && (c && !// active element is "inside" working area
       (Pm(u) || // check for shadow-dom contained elements
-      d && L6(d, u) || I6(d)) && (document && !Mr && d && !a ? (d.blur && d.blur(), document.body.focus()) : (t = Cm(u, Mr, {
+      d && LP(d, u) || IP(d)) && (document && !Mr && d && !a ? (d.blur && d.blur(), document.body.focus()) : (t = Cm(u, Mr, {
         focusOptions: s
       }), Hr = {})), Ho = !1, Mr = document && document.activeElement), document) {
-        var p = document && document.activeElement, g = D6(u), h = g.map(function(b) {
+        var p = document && document.activeElement, g = DP(u), h = g.map(function(b) {
           var m = b.node;
           return m;
         }).indexOf(p);
@@ -5244,10 +5244,10 @@ var O6 = function(t) {
   yi() && t && (t.stopPropagation(), t.preventDefault());
 }, $u = function() {
   return vu(yi);
-}, N6 = function(t) {
+}, NP = function(t) {
   var n = t.target, r = t.currentTarget;
-  r.contains(n) || A6(r, n);
-}, z6 = function() {
+  r.contains(n) || AP(r, n);
+}, zP = function() {
   return null;
 };
 process.env.NODE_ENV !== "production" && ue.node.isRequired;
@@ -5255,45 +5255,45 @@ var Am = function() {
   Ho = "just", vu(function() {
     Ho = "meanwhile";
   });
-}, K6 = function() {
+}, KP = function() {
   document.addEventListener("focusin", Rm), document.addEventListener("focusout", $u), window.addEventListener("blur", Am);
-}, V6 = function() {
+}, VP = function() {
   document.removeEventListener("focusin", Rm), document.removeEventListener("focusout", $u), window.removeEventListener("blur", Am);
 };
-function B6(e) {
+function BP(e) {
   return e.filter(function(t) {
     var n = t.disabled;
     return !n;
   });
 }
-function j6(e) {
+function jP(e) {
   var t = e.slice(-1)[0];
-  t && !Wr && K6();
+  t && !Wr && KP();
   var n = Wr, r = n && t && t.id === n.id;
   Wr = t, n && !r && (n.onDeactivation(), e.filter(function(o) {
     var a = o.id;
     return a === n.id;
-  }).length || n.returnFocus(!t)), t ? (Mr = null, (!r || n.observed !== t.observed) && t.onActivation(), yi(), vu(yi)) : (V6(), Mr = null);
+  }).length || n.returnFocus(!t)), t ? (Mr = null, (!r || n.observed !== t.observed) && t.onActivation(), yi(), vu(yi)) : (VP(), Mr = null);
 }
-fm.assignSyncMedium(N6);
+fm.assignSyncMedium(NP);
 pm.assignMedium($u);
-qP.assignMedium(function(e) {
+q6.assignMedium(function(e) {
   return e({
     moveFocusInside: Cm,
     focusInside: Pm
   });
 });
-const U6 = QP(B6, j6)(z6);
+const UP = Q6(BP, jP)(zP);
 var Im = /* @__PURE__ */ q.forwardRef(function(t, n) {
   return /* @__PURE__ */ q.createElement(gm, F({
-    sideCar: U6,
+    sideCar: UP,
     ref: n
   }, t));
 }), Om = gm.propTypes || {};
 Om.sideCar;
-var W6 = bl(Om, ["sideCar"]);
-Im.propTypes = process.env.NODE_ENV !== "production" ? W6 : {};
-const H6 = Im;
+var WP = bl(Om, ["sideCar"]);
+Im.propTypes = process.env.NODE_ENV !== "production" ? WP : {};
+const HP = Im;
 var $l = {}, yu = {}, Mm = { exports: {} };
 /*!
   Copyright (c) 2015 Jed Watson.
@@ -5316,12 +5316,12 @@ Object.defineProperty(Ve, "__esModule", {
   value: !0
 });
 Ve.pipe = Ve.listenerOptions = void 0;
-Ve.preventTouchMove = G6;
-Ve.allowTouchMove = Y6;
-Ve.preventInertiaScroll = q6;
-Ve.isTouchDevice = X6;
-Ve.camelToKebab = J6;
-Ve.parse = Z6;
+Ve.preventTouchMove = GP;
+Ve.allowTouchMove = YP;
+Ve.preventInertiaScroll = qP;
+Ve.isTouchDevice = XP;
+Ve.camelToKebab = JP;
+Ve.parse = ZP;
 Ve.getPadding = eT;
 Ve.getWindowHeight = tT;
 Ve.getDocumentHeight = nT;
@@ -5333,27 +5333,27 @@ Ve.listenerOptions = {
   capture: !1,
   passive: !1
 };
-function G6(e) {
+function GP(e) {
   return e.preventDefault(), !1;
 }
-function Y6(e) {
+function YP(e) {
   var t = e.currentTarget;
   return t.scrollHeight > t.clientHeight ? (e.stopPropagation(), !0) : (e.preventDefault(), !1);
 }
-function q6() {
+function qP() {
   var e = this.scrollTop, t = this.scrollHeight, n = e + this.offsetHeight;
   e === 0 ? this.scrollTop = 1 : n === t && (this.scrollTop = e - 1);
 }
-function X6() {
+function XP() {
   return dr.canUseDOM ? "ontouchstart" in window || navigator.maxTouchPoints : !1;
 }
-function J6(e) {
+function JP(e) {
   return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function Z6(e) {
+function ZP(e) {
   return isNaN(e) ? e : e + "px";
 }
-var Q6 = function(t, n) {
+var QP = function(t, n) {
   return function() {
     return n(t.apply(void 0, arguments));
   };
@@ -5361,7 +5361,7 @@ var Q6 = function(t, n) {
 Ve.pipe = function() {
   for (var t = arguments.length, n = Array(t), r = 0; r < t; r++)
     n[r] = arguments[r];
-  return n.reduce(Q6);
+  return n.reduce(QP);
 };
 function eT() {
   if (!dr.canUseDOM)
@@ -6257,7 +6257,7 @@ const n3 = Gm, Eu = {
   ${VT}
 `, o3 = N("div")`
   ${BT}
-`, a3 = N(H6)`
+`, a3 = N(HP)`
   ${jT}
 `, i3 = N(me)`
   ${UT}
@@ -6510,9 +6510,9 @@ const Xm = `
 `, wV = ({
   children: e = "×",
   ...t
-}) => /* @__PURE__ */ w(f3, { ...t, children: e }), SV = tm, EV = nm, DV = hl, p3 = N(FP)`
+}) => /* @__PURE__ */ w(f3, { ...t, children: e }), SV = tm, EV = nm, DV = hl, p3 = N(F6)`
   ${Ym}
-`, g3 = N(LP)`
+`, g3 = N(L6)`
   ${qm}
   width: ${(e) => Eu[e.size ?? "medium"]};
 `;
@@ -6521,16 +6521,16 @@ function PV({
   size: t,
   ...n
 }) {
-  return /* @__PURE__ */ oe(MP, { children: [
+  return /* @__PURE__ */ oe(M6, { children: [
     /* @__PURE__ */ w(p3, {}),
     /* @__PURE__ */ w(g3, { size: t, ...n, children: e })
   ] });
 }
-const TV = N(zP)`
+const TV = N(z6)`
   ${Xm}
-`, kV = N(KP)`
+`, kV = N(K6)`
   ${Jm}
-`, CV = u3, RV = IP, AV = OP, IV = NP, OV = cm, h3 = N(cm)`
+`, CV = u3, RV = I6, AV = O6, IV = N6, OV = cm, h3 = N(cm)`
   ${Zm}
 `, MV = ({
   children: e = "×",
@@ -24510,9 +24510,6 @@ function y2(e) {
   );
 }
 const jO = N.div`
-  /* 
-    --border-color: ${f.color_deprecated_outline_secondary_enabled};
-  */
   display: inline-grid;
   grid-template:
     'field increment'
@@ -24522,7 +24519,6 @@ const jO = N.div`
 
   &:hover {
     --input-border-color: ${f.color_deprecated_outline_secondary_hover};
-    background-color: ${f.color_deprecated_overlay_secondary_hover};
   }
 
   &:focus-within {
@@ -24536,17 +24532,12 @@ const jO = N.div`
     --input-border-color: ${f.color_deprecated_outline_danger_enabled};
   }
 `, UO = N($n)`
-  border-top-right-radius: 0;
-  /* border-color: var(
-    --input-border-color,
-    ${f.color_deprecated_outline_secondary_enabled}
-  ); */
+  border-top-right-radius: unset;
   border-bottom-right-radius: 0;
-  border-right-width: 1px;
+  border-right-width: 0px;
   border-right-color: transparent;
   grid-area: field;
   margin: 0;
-  margin-right: -1px; // to make the borders overlap
 `, _2 = N(y2)`
   display: grid;
   place-items: center;
@@ -24554,9 +24545,11 @@ const jO = N.div`
   margin: 0;
   padding: 0;
   width: 20px;
+  height: 16px;
   appearance: none;
   touch-action: none;
   -webkit-tap-highlight-color: transparent;
+  border-color: var(--input-border-color);
   border: none;
   border-right: 1px solid var(--input-border-color);
   border-left-width: 0px;
@@ -24579,10 +24572,10 @@ const jO = N.div`
   }
 
   &:disabled {
-    background-color: ${f.color_deprecated_fill_secondary_disabled};
+    background-color: rgba(239, 239, 239, 0.3);
+    color: ${f.color_deprecated_fill_primary_disabled};
     cursor: not-allowed;
-    color: revert;
-    border-color: none;
+    --input-border-color: revert;
   }
 
   & > svg {
@@ -24594,7 +24587,7 @@ const jO = N.div`
   border-top: 1px solid var(--input-border-color);
   border-top-right-radius: ${f.border_radius_400};
   /* border-bottom-width: 0.5px; */
-  margin-bottom: -1px;
+  /* margin-bottom: -1px; */
   grid-area: increment;
 `, HO = N(_2)`
   border-radius: unset;
@@ -24602,7 +24595,7 @@ const jO = N.div`
   border-bottom-right-radius: ${f.border_radius_400};
   border-top-color: transparent;
   /* border-top-width: 0.5px; */
-  margin-top: -1px;
+  /* margin-top: -1px; */
   grid-area: decrement;
 `;
 function Eh(e, t) {