@theroutingcompany/components 0.0.71-alpha.2 → 0.0.71-alpha.4

package/dist/trc-components.es.js

@@ -289,14 +289,14 @@ function fS() {
       } catch (Ht) {
         if (Ht && ge && typeof Ht.stack == "string") {
           for (var we = Ht.stack.split(`
-`), Qe = ge.stack.split(`
-`), Me = we.length - 1, Ke = Qe.length - 1; Me >= 1 && Ke >= 0 && we[Me] !== Qe[Ke]; )
+`), et = ge.stack.split(`
+`), Me = we.length - 1, Ke = et.length - 1; Me >= 1 && Ke >= 0 && we[Me] !== et[Ke]; )
             Ke--;
           for (; Me >= 1 && Ke >= 0; Me--, Ke--)
-            if (we[Me] !== Qe[Ke]) {
+            if (we[Me] !== et[Ke]) {
               if (Me !== 1 || Ke !== 1)
                 do
-                  if (Me--, Ke--, Ke < 0 || we[Me] !== Qe[Ke]) {
+                  if (Me--, Ke--, Ke < 0 || we[Me] !== et[Ke]) {
                     var bt = `
 ` + we[Me].replace(" at new ", " at ");
                     return T.displayName && bt.includes("<anonymous>") && (bt = bt.replace("<anonymous>", T.displayName)), typeof T == "function" && le.set(T, bt), bt;
@@ -363,8 +363,8 @@ function fS() {
             var we = void 0;
             try {
               if (typeof T[De] != "function") {
-                var Qe = Error((ge || "React class") + ": " + ce + " type `" + De + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof T[De] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw Qe.name = "Invariant Violation", Qe;
+                var et = Error((ge || "React class") + ": " + ce + " type `" + De + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof T[De] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw et.name = "Invariant Violation", et;
               }
               we = T[De](te, De, ge, ce, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (Me) {
@@ -480,8 +480,8 @@ function fS() {
     };
     function LD(T, te, ce, ge, Pe) {
       {
-        var Te, De = {}, we = null, Qe = null;
-        ce !== void 0 && (ct(ce), we = "" + ce), OD(te) && (ct(te.key), we = "" + te.key), AD(te) && (Qe = te.ref, MD(te, Pe));
+        var Te, De = {}, we = null, et = null;
+        ce !== void 0 && (ct(ce), we = "" + ce), OD(te) && (ct(te.key), we = "" + te.key), AD(te) && (et = te.ref, MD(te, Pe));
         for (Te in te)
           ht.call(te, Te) && !ID.hasOwnProperty(Te) && (De[Te] = te[Te]);
         if (T && T.defaultProps) {
@@ -489,11 +489,11 @@ function fS() {
           for (Te in Me)
             De[Te] === void 0 && (De[Te] = Me[Te]);
         }
-        if (we || Qe) {
+        if (we || et) {
           var Ke = typeof T == "function" ? T.displayName || T.name || "Unknown" : T;
-          we && FD(De, Ke), Qe && ND(De, Ke);
+          we && FD(De, Ke), et && ND(De, Ke);
         }
-        return zD(T, we, Qe, Pe, ge, vo.current, De);
+        return zD(T, we, et, Pe, ge, vo.current, De);
       }
     }
     var tl = $.ReactCurrentOwner, Kf = $.ReactDebugCurrentFrame;
@@ -620,8 +620,8 @@ Check the top-level render call using <` + ce + ">.");
         if (!De) {
           var we = "";
           (T === void 0 || typeof T == "object" && T !== null && Object.keys(T).length === 0) && (we += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var Qe = KD(Pe);
-          Qe ? we += Qe : we += Vf();
+          var et = KD(Pe);
+          et ? we += et : we += Vf();
           var Me;
           T === null ? Me = "null" : xn(T) ? Me = "array" : T !== void 0 && T.$$typeof === t ? (Me = "<" + (I(T.type) || "Unknown") + " />", we = " Did you accidentally export a JSX literal instead of a component?") : Me = typeof T, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Me, we);
         }
@@ -1081,7 +1081,7 @@ function Ea(e) {
 const DS = Z["useId".toString()] || (() => {
 });
 let SS = 0;
-function et(e) {
+function tt(e) {
   const [t, r] = Z.useState(DS());
   return _t(() => {
     e || r(
@@ -1100,7 +1100,7 @@ const eb = "Collapsible", [PS, tb] = je(eb), [TS, jd] = PS(eb), kS = /* @__PURE_
   return /* @__PURE__ */ S(TS, {
     scope: r,
     disabled: a,
-    contentId: et(),
+    contentId: tt(),
     open: l,
     onOpenToggle: ne(
       () => c(
@@ -1333,7 +1333,7 @@ const [ob, KS] = Ji(Ar), [ab, VS] = Ji(Ar, {
     onKeyDown: n ? void 0 : p
   }))));
 }), _c = "AccordionItem", [WS, Gd] = Ji(_c), HS = /* @__PURE__ */ N.forwardRef((e, t) => {
-  const { __scopeAccordion: r, value: n, ...o } = e, a = Qi(_c, r), i = KS(_c, r), s = Hd(r), l = et(), c = n && i.value.includes(n) || !1, d = a.disabled || e.disabled;
+  const { __scopeAccordion: r, value: n, ...o } = e, a = Qi(_c, r), i = KS(_c, r), s = Hd(r), l = tt(), c = n && i.value.includes(n) || !1, d = a.disabled || e.disabled;
   return /* @__PURE__ */ N.createElement(WS, {
     scope: r,
     open: c,
@@ -2880,12 +2880,12 @@ if (hb.length === 0)
   throw new Error(
     "Prop names are required for the Box component. Make sure you have included the necessary styled-system props."
   );
-const jP = [...hb, "truncate"], Xe = O.div.withConfig(oP(jP))`
+const jP = [...hb, "truncate"], Je = O.div.withConfig(oP(jP))`
   ${Or}
   ${({ truncate: e }) => e && mb()}
 `;
-Xe.displayName = "Box";
-const Re = Xe, UP = O(Xe)`
+Je.displayName = "Box";
+const Re = Je, UP = O(Je)`
   display: flex;
   ${({ $cursor: e }) => e && `cursor: ${e};`};
 `, Nt = B((e, t) => {
@@ -3919,9 +3919,9 @@ const Ib = "Dialog", [Ab, Ob] = je(Ib), [q7, Et] = Ab(Ib), Z7 = (e) => {
     scope: t,
     triggerRef: s,
     contentRef: l,
-    contentId: et(),
-    titleId: et(),
-    descriptionId: et(),
+    contentId: tt(),
+    titleId: tt(),
+    descriptionId: tt(),
     open: c,
     onOpenChange: d,
     onOpenToggle: ne(
@@ -6240,7 +6240,6 @@ const qk = Ig, bu = {
         className: o,
         role: "dialog",
         "aria-modal": "true",
-        title: p,
         "aria-label": p,
         "aria-labelledby": p,
         children: /* @__PURE__ */ x(Re, { size: "100%", ref: h, "data-id": "modal-overlay", children: /* @__PURE__ */ x(Xk, { children: /* @__PURE__ */ x(Jk, { disabled: !l || cb(), returnFocus: !0, children: /* @__PURE__ */ x(
@@ -7766,7 +7765,7 @@ function gs(e) {
   let { children: t, elementType: r = "div", isFocusable: n, style: o, ...a } = e, { visuallyHiddenProps: i } = Jg(e);
   return /* @__PURE__ */ N.createElement(r, $e(a, i), t);
 }
-const J6 = O(Xe)`
+const J6 = O(Je)`
   display: flex;
   flex-direction: column;
 
@@ -7795,7 +7794,7 @@ function wu(e) {
   const s = {
     ...i
   };
-  return /* @__PURE__ */ x(Xe, { "data-id": e["data-id"], ...s, children: a.map((l, c) => /* @__PURE__ */ x(
+  return /* @__PURE__ */ x(Je, { "data-id": e["data-id"], ...s, children: a.map((l, c) => /* @__PURE__ */ x(
     J6,
     {
       "data-id": "stack-item",
@@ -8102,7 +8101,7 @@ const Qg = `
     case "large":
       return fE;
   }
-}, Du = ts(qd, FP, NP, Zd), Lp = O(Xe)`
+}, Du = ts(qd, FP, NP, Zd), Lp = O(Je)`
   ${e0} // order here matters! ... sets css precedence
   ${Q6} 
   ${tE}
@@ -8212,7 +8211,7 @@ function vE(e) {
   `;
   }
 }
-const $E = "default", Kp = "info", yE = "success", _E = "warning", xE = "danger", wE = O(Xe)`
+const $E = "default", Kp = "info", yE = "success", _E = "warning", xE = "danger", wE = O(Je)`
   position: relative;
   padding: 16px;
   border-radius: ${u.border_radius_400};
@@ -8224,7 +8223,7 @@ const $E = "default", Kp = "info", yE = "success", _E = "warning", xE = "danger"
   ${({ variant: e }) => e === yE && `background-color: ${u.color_green_opacity_48};`};
   ${({ variant: e }) => e === _E && `background-color: ${u.color_brand_solidago_opacity_48}`};
   ${({ variant: e }) => e === xE && `background-color: ${u.color_brand_red_opacity_48}`};
-`, DE = O(Xe)`
+`, DE = O(Je)`
   ${Qg}
   ${gE}
   ${vE}
@@ -8241,7 +8240,7 @@ const $E = "default", Kp = "info", yE = "success", _E = "warning", xE = "danger"
     // layout default is stacked all the time while inline is stacked on mobile and inline on desktop
     title: s,
     ...l
-  } = t, c = Ft(l, qd.propNames ?? []), d = s ? /* @__PURE__ */ x(Xe, { mb: u.spacing_200, children: /* @__PURE__ */ x(eo, { as: "h2", looksLike: "h6", normal: !0, children: s }) }) : null, f = o ? /* @__PURE__ */ oe(
+  } = t, c = Ft(l, qd.propNames ?? []), d = s ? /* @__PURE__ */ x(Je, { mb: u.spacing_200, children: /* @__PURE__ */ x(eo, { as: "h2", looksLike: "h6", normal: !0, children: s }) }) : null, f = o ? /* @__PURE__ */ oe(
     DE,
     {
       as: "button",
@@ -9201,7 +9200,7 @@ const pa = HE, xs = YE, ws = XE, ku = e4, x0 = "Popover", [w0, ZB] = je(x0, [
   });
   return /* @__PURE__ */ S(pa, s, /* @__PURE__ */ S(n4, {
     scope: t,
-    contentId: et(),
+    contentId: tt(),
     triggerRef: l,
     open: f,
     onOpenChange: p,
@@ -10055,7 +10054,7 @@ const z4 = {
     31
   ]
 };
-class tt {
+class rt {
   fromJulianDay(t) {
     let r = t, n = r - O0, o = Math.floor(n / 146097), a = nr(n, 146097), i = Math.floor(a / 36524), s = nr(a, 36524), l = Math.floor(s / 1461), c = nr(s, 1461), d = Math.floor(c / 365), f = o * 400 + i * 100 + l * 4 + d + (i !== 4 && d !== 4 ? 1 : 0), [p, m] = Ps(f), h = r - Yr(p, m, 1, 1), b = 2;
     r < Yr(p, m, 3, 1) ? b = 0 : yr(m) && (b = 1);
@@ -10283,7 +10282,7 @@ function Mu(e, t) {
   return e && t ? e.compare(t) >= 0 ? e : t : e || t;
 }
 function no(e) {
-  e = Ae(e, new tt());
+  e = Ae(e, new rt());
   let t = ma(e.era, e.year);
   return z0(t, e.month, e.day, e.hour, e.minute, e.second, e.millisecond);
 }
@@ -10344,7 +10343,7 @@ function Zt(e, t, r = "compatible") {
   if (t === "UTC")
     return no(n);
   if (t === Au() && r === "compatible") {
-    n = Ae(n, new tt());
+    n = Ae(n, new rt());
     let l = /* @__PURE__ */ new Date(), c = ma(n.era, n.year);
     return l.setFullYear(c, n.month - 1, n.day), l.setHours(n.hour, n.minute, n.second, n.millisecond), l.getTime();
   }
@@ -10576,12 +10575,12 @@ function aC(e, t, r, n) {
       }
       let i = Er(e), s = Ae(Xo(i, {
         hour: o
-      }), new tt()), l = [
+      }), new rt()), l = [
         Zt(s, e.timeZone, "earlier"),
         Zt(s, e.timeZone, "later")
       ].filter((h) => Jt(h, e.timeZone).day === s.day)[0], c = Ae(Xo(i, {
         hour: a
-      }), new tt()), d = [
+      }), new rt()), d = [
         Zt(c, e.timeZone, "earlier"),
         Zt(c, e.timeZone, "later")
       ].filter((h) => Jt(h, e.timeZone).day === c.day).pop(), f = no(e) - e.offset, p = Math.floor(f / wo), m = f % wo;
@@ -10613,7 +10612,7 @@ function G0(e) {
   return `${String(e.hour).padStart(2, "0")}:${String(e.minute).padStart(2, "0")}:${String(e.second).padStart(2, "0")}${e.millisecond ? String(e.millisecond / 1e3).slice(1) : ""}`;
 }
 function Y0(e) {
-  let t = Ae(e, new tt());
+  let t = Ae(e, new rt());
   return `${String(t.year).padStart(4, "0")}-${String(t.month).padStart(2, "0")}-${String(t.day).padStart(2, "0")}`;
 }
 function q0(e) {
@@ -10629,7 +10628,7 @@ function lC(e) {
   return `${q0(e)}${sC(e.offset)}[${e.timeZone}]`;
 }
 function Ku(e) {
-  let t = typeof e[0] == "object" ? e.shift() : new tt(), r;
+  let t = typeof e[0] == "object" ? e.shift() : new rt(), r;
   if (typeof e[0] == "string")
     r = e.shift();
   else {
@@ -10906,7 +10905,7 @@ function El(e) {
     throw new Error("Unknown era: " + e.era);
   return new Le(e.year + t, e.month, e.day);
 }
-class mC extends tt {
+class mC extends rt {
   fromJulianDay(t) {
     let r = super.fromJulianDay(t), n = om(r);
     return new Le(this, vr[n], r.year - si[n], r.month, r.day);
@@ -10961,7 +10960,7 @@ function am(e) {
   }
 }
 const Z0 = -543;
-class hC extends tt {
+class hC extends rt {
   fromJulianDay(t) {
     let r = super.fromJulianDay(t), n = ma(r.era, r.year);
     return new Le(this, n - Z0, r.month, r.day);
@@ -11001,7 +11000,7 @@ function sm(e) {
     1 - t
   ];
 }
-class bC extends tt {
+class bC extends rt {
   fromJulianDay(t) {
     let r = super.fromJulianDay(t), n = ma(r.era, r.year), [o, a] = sm(n);
     return new Le(this, o, a, r.month, r.day);
@@ -11074,7 +11073,7 @@ class $C {
   }
 }
 const Cl = 78, cm = 80;
-class yC extends tt {
+class yC extends rt {
   fromJulianDay(t) {
     let r = super.fromJulianDay(t), n = r.year - Cl, o = t - Yr(r.era, r.year, 1, 1), a;
     o < cm ? (n--, a = yr(r.year - 1) ? 31 : 30, o += a + 155 + 90 + 10) : (a = yr(r.year) ? 31 : 30, o -= cm);
@@ -11424,7 +11423,7 @@ function Uu(e) {
       return new bC();
     case "gregory":
     default:
-      return new tt();
+      return new rt();
   }
 }
 let Rl = /* @__PURE__ */ new Map();
@@ -12812,7 +12811,7 @@ const Nl = "rovingFocusGroup.onEntryFocus", P9 = {
     )
   })));
 }), A9 = "RovingFocusGroupItem", O9 = /* @__PURE__ */ B((e, t) => {
-  const { __scopeRovingFocusGroup: r, focusable: n = !0, active: o = !1, tabStopId: a, ...i } = e, s = et(), l = a || s, c = C9(A9, r), d = c.currentTabStopId === l, f = Yv(r), { onFocusableItemAdd: p, onFocusableItemRemove: m } = c;
+  const { __scopeRovingFocusGroup: r, focusable: n = !0, active: o = !1, tabStopId: a, ...i } = e, s = tt(), l = a || s, c = C9(A9, r), d = c.currentTabStopId === l, f = Yv(r), { onFocusableItemAdd: p, onFocusableItemRemove: m } = c;
   return J(() => {
     if (n)
       return p(), () => m();
@@ -14581,7 +14580,7 @@ function L$(e) {
     if (!e.isDisabled && !e.isReadOnly) {
       if (F = br(F, i, s), F = z$(F, w, c), !F)
         return;
-      F = Ae(F, (p == null ? void 0 : p.calendar) || new tt()), p && "hour" in p ? m(p.set(F)) : m(F);
+      F = Ae(F, (p == null ? void 0 : p.calendar) || new rt()), p && "hour" in p ? m(p.set(F)) : m(F);
     }
   }
   let I = re(() => h ? c && c(h) ? !0 : Xn(h, i, s) : !1, [
@@ -14820,7 +14819,7 @@ function Ll(e, t) {
   });
 }
 function Pm(e, t) {
-  return e = Ae(e, (t == null ? void 0 : t.calendar) || new tt()), t && "hour" in t ? t.set(e) : e;
+  return e = Ae(e, (t == null ? void 0 : t.calendar) || new rt()), t && "hour" in t ? t.set(e) : e;
 }
 function Tm(e, t, r) {
   let n = e.add({
@@ -14834,7 +14833,7 @@ function Tm(e, t, r) {
     days: -r
   }) : null;
 }
-const v8 = O(Xe)`
+const v8 = O(Je)`
   font-family: ${u.font_family_pingo} !important;
   color: ${u.color_black} !important;
   font-weight: ${u.font_weight_100};
@@ -15130,7 +15129,7 @@ const S8 = [
     onValueNodeChange: v,
     valueNodeHasChildren: _,
     onValueNodeHasChildrenChange: w,
-    contentId: et(),
+    contentId: tt(),
     value: y,
     onValueChange: R,
     open: M,
@@ -15588,7 +15587,7 @@ const dd = "SelectItem", [B8, B$] = mo(dd), j8 = /* @__PURE__ */ B((e, t) => {
   const { __scopeSelect: r, value: n, disabled: o = !1, textValue: a, ...i } = e, s = ho(dd, r), l = zs(dd, r), c = s.value === n, [d, f] = X(a ?? ""), [p, m] = X(!1), h = _e(t, ($) => {
     var v;
     return (v = l.itemRefCallback) === null || v === void 0 ? void 0 : v.call(l, $, n, o);
-  }), b = et(), g = () => {
+  }), b = tt(), g = () => {
     o || (s.onValueChange(n), s.onOpenChange(!1));
   };
   return /* @__PURE__ */ S(B8, {
@@ -17666,7 +17665,7 @@ function p_(e) {
     ...R
   }, D(z)), m == null && Object.keys(z).length === Object.keys(R).length && (z = {}, D(z), $(Wa(e.placeholderValue, l, p, c)));
   let I = b && Object.keys(z).length >= Object.keys(R).length ? b : g, C = (A) => {
-    e.isDisabled || e.isReadOnly || (Object.keys(z).length >= Object.keys(R).length ? (A = Ae(A, (s == null ? void 0 : s.calendar) || new tt()), h(A)) : $(A));
+    e.isDisabled || e.isReadOnly || (Object.keys(z).length >= Object.keys(R).length ? (A = Ae(A, (s == null ? void 0 : s.calendar) || new rt()), h(A)) : $(A));
   }, Y = re(() => I.toDate(d), [
     I,
     d
@@ -17914,7 +17913,7 @@ function _R(e) {
     maxGranularity: "hour",
     placeholderValue: c,
     // Calendar should not matter for time fields.
-    createCalendar: () => new tt()
+    createCalendar: () => new rt()
   });
 }
 function Ga(e, t = gn(Au())) {
@@ -17998,7 +17997,6 @@ const va = O.input`
     --input-border-color: ${u.color_deprecated_outline_danger_enabled};
   }
 
-  /* &:active too? */
   &:focus-visible {
     --input-border-color: ${u.color_black};
     background-color: ${u.color_deprecated_overlay_secondary_enabled};
@@ -18173,7 +18171,7 @@ const DR = xe`
   large: kR,
   xlarge: ER
 };
-function rt({
+function Xe({
   children: e,
   bold: t,
   size: r = "medium",
@@ -18229,7 +18227,7 @@ function IR({ ...e }) {
     r.validationState === "invalid" && /* @__PURE__ */ x("span", { "aria-hidden": "true", children: "🚫" })
   ] });
   return /* @__PURE__ */ oe(g_, { children: [
-    e.label ? /* @__PURE__ */ x(rt, { ...o, htmlFor: a.id, mb: u.spacing_100, children: e.label }) : /* @__PURE__ */ x(rt, { srOnly: !0, ...o, children: "Select Time" }),
+    e.label ? /* @__PURE__ */ x(Xe, { ...o, htmlFor: a.id, mb: u.spacing_100, children: e.label }) : /* @__PURE__ */ x(Xe, { srOnly: !0, ...o, children: "Select Time" }),
     s ? /* @__PURE__ */ x(s, { children: l }) : l,
     e.errorMessage ? /* @__PURE__ */ oe(Nr, { ...i, children: [
       /* @__PURE__ */ x(Ir, {}),
@@ -19320,7 +19318,7 @@ const o1 = B(
       w
     );
     let I = null;
-    typeof s == "string" ? I = /* @__PURE__ */ x(rt, { ...M, mb: u.spacing_100, children: s }) : or(s) && (I = sn(s, { ...M, mb: u.spacing_100 }));
+    typeof s == "string" ? I = /* @__PURE__ */ x(Xe, { ...M, mb: u.spacing_100, children: s }) : or(s) && (I = sn(s, { ...M, mb: u.spacing_100 }));
     const C = (Y) => {
       const { formatOptions: F } = e;
       if ((F == null ? void 0 : F.style) === "unit") {
@@ -19407,7 +19405,7 @@ const a1 = B((e, t) => {
     m
   );
   let w = null;
-  return typeof l == "string" ? w = /* @__PURE__ */ x(rt, { ...g, mb: u.spacing_100, children: l }) : or(l) && (w = sn(l, { ...g, mb: u.spacing_100 })), /* @__PURE__ */ oe(vn, { children: [
+  return typeof l == "string" ? w = /* @__PURE__ */ x(Xe, { ...g, mb: u.spacing_100, children: l }) : or(l) && (w = sn(l, { ...g, mb: u.spacing_100 })), /* @__PURE__ */ oe(vn, { children: [
     w,
     /* @__PURE__ */ x(
       va,
@@ -19479,7 +19477,7 @@ const Qu = i1, s1 = B(
       w
     );
     let D = null;
-    return typeof m == "string" ? D = /* @__PURE__ */ x(rt, { ...k, mb: u.spacing_100, children: m }) : or(m) && (D = sn(m, { ...k, mb: u.spacing_100 })), J(() => {
+    return typeof m == "string" ? D = /* @__PURE__ */ x(Xe, { ...k, mb: u.spacing_100, children: m }) : or(m) && (D = sn(m, { ...k, mb: u.spacing_100 })), J(() => {
       r && w.current.focus();
     }, [r, w]), /* @__PURE__ */ oe(vn, { "data-id": "input-wrapper", children: [
       D,
@@ -19539,7 +19537,7 @@ const [Vs, oj] = je("Tooltip", [
     disableHoverableContent: o
   }, a);
 }, tf = "Tooltip", [dI, _a] = Vs(tf), uI = (e) => {
-  const { __scopeTooltip: t, children: r, open: n, defaultOpen: o = !1, onOpenChange: a, disableHoverableContent: i, delayDuration: s } = e, l = ef(tf, e.__scopeTooltip), c = Bs(t), [d, f] = X(null), p = et(), m = L(0), h = i ?? l.disableHoverableContent, b = s ?? l.delayDuration, g = L(!1), [$ = !1, v] = Ve({
+  const { __scopeTooltip: t, children: r, open: n, defaultOpen: o = !1, onOpenChange: a, disableHoverableContent: i, delayDuration: s } = e, l = ef(tf, e.__scopeTooltip), c = Bs(t), [d, f] = X(null), p = tt(), m = L(0), h = i ?? l.disableHoverableContent, b = s ?? l.delayDuration, g = L(!1), [$ = !1, v] = Ve({
     prop: n,
     defaultProp: o,
     onChange: (k) => {
@@ -20021,7 +20019,7 @@ function aj({
     ...l
   });
   return /* @__PURE__ */ x(rf.Provider, { value: f, children: /* @__PURE__ */ oe(vn, { children: [
-    /* @__PURE__ */ oe(rt, { ...p, display: "flex", children: [
+    /* @__PURE__ */ oe(Xe, { ...p, display: "flex", children: [
       t,
       o ? /* @__PURE__ */ x($n, { icon: a, children: o }) : null
     ] }),
@@ -20040,7 +20038,7 @@ const HI = B((e, t) => {
     {
       paddingSize: "small",
       ref: t,
-      label: /* @__PURE__ */ oe(rt, { children: [
+      label: /* @__PURE__ */ oe(Xe, { children: [
         r,
         n ? /* @__PURE__ */ x($n, { icon: o, children: n }) : null
       ] }),
@@ -20055,7 +20053,7 @@ const GI = B((e, t) => {
     a1,
     {
       ref: t,
-      label: /* @__PURE__ */ oe(rt, { children: [
+      label: /* @__PURE__ */ oe(Xe, { children: [
         r,
         n ? /* @__PURE__ */ x($n, { icon: o, children: n }) : null
       ] }),
@@ -20070,7 +20068,7 @@ const YI = B((e, t) => {
     o1,
     {
       ref: t,
-      label: /* @__PURE__ */ oe(rt, { children: [
+      label: /* @__PURE__ */ oe(Xe, { children: [
         r,
         n ? /* @__PURE__ */ x($n, { icon: o, children: n }) : null
       ] }),
@@ -23676,7 +23674,7 @@ function S2(e) {
     n
   ), { buttonProps: m } = po(l, o);
   return /* @__PURE__ */ oe(UA, { children: [
-    e.label ? /* @__PURE__ */ oe(rt, { ...f, mb: u.spacing_100, children: [
+    e.label ? /* @__PURE__ */ oe(Xe, { ...f, mb: u.spacing_100, children: [
       e.label,
       t ? /* @__PURE__ */ x($n, { children: t }) : null
     ] }) : null,
@@ -23711,7 +23709,7 @@ const ij = N.forwardRef(
   function(t, r) {
     const { "data-id": n, color: o, children: a, ...i } = t;
     return /* @__PURE__ */ x(
-      Xe,
+      Je,
       {
         ...i,
         ref: r,
@@ -23734,7 +23732,7 @@ var YA = ts(Xd, lr, Yd, nt, ot, Kt, ca, cn, lt, pb, AP, OP, MP), qA = new RegExp
 const XA = Ue`
   from { opacity: 0.5 }
   to { opacity: 1; }
-`, mf = O(Xe)`
+`, mf = O(Je)`
   border-radius: ${u.border_radius_400};
   position: relative;
   overflow: hidden;
@@ -23760,7 +23758,7 @@ const XA = Ue`
         return "200";
     }
   }, [o]);
-  return /* @__PURE__ */ x(Xe, { ref: r, tabIndex: -1, "aria-hidden": "true", "data-id": n, children: /* @__PURE__ */ x(
+  return /* @__PURE__ */ x(Je, { ref: r, tabIndex: -1, "aria-hidden": "true", "data-id": n, children: /* @__PURE__ */ x(
     mf,
     {
       borderRadius: "200",
@@ -23795,7 +23793,7 @@ const T2 = N.forwardRef(
       return s;
     }, [a, o]);
     return /* @__PURE__ */ x(
-      Xe,
+      Je,
       {
         ref: r,
         mt: u.spacing_100,
@@ -23811,7 +23809,7 @@ T2.displayName = "Skeleton.Body";
 const k2 = N.forwardRef(
   function(t, r) {
     const { "data-id": n, children: o, ...a } = t, i = N.useMemo(() => `${Math.random() / 2}s`, []);
-    return /* @__PURE__ */ x(Xe, { ref: r, tabIndex: -1, "aria-hidden": "true", "data-id": n, children: /* @__PURE__ */ x(
+    return /* @__PURE__ */ x(Je, { ref: r, tabIndex: -1, "aria-hidden": "true", "data-id": n, children: /* @__PURE__ */ x(
       mf,
       {
         ...a,
@@ -24510,8 +24508,8 @@ const bd = [
     onContentChange: d
   }, /* @__PURE__ */ S(RO, {
     scope: t,
-    contentId: et(),
-    triggerId: et(),
+    contentId: tt(),
+    triggerId: tt(),
     trigger: s,
     onTriggerChange: l
   }, r)));
@@ -24697,17 +24695,17 @@ function aa(e) {
 }
 const VO = fO, BO = O2, jO = mO, UO = bO, WO = N2, HO = $O, GO = gf, YO = yO, qO = DO, ZO = PO, XO = kO, JO = EO, QO = CO, eM = IO, tM = AO, rM = MO, U2 = "DropdownMenu", [nM, lj] = je(U2, [
   R2
-]), Je = R2(), [oM, W2] = nM(U2), aM = (e) => {
-  const { __scopeDropdownMenu: t, children: r, dir: n, open: o, defaultOpen: a, onOpenChange: i, modal: s = !0 } = e, l = Je(t), c = L(null), [d = !1, f] = Ve({
+]), Qe = R2(), [oM, W2] = nM(U2), aM = (e) => {
+  const { __scopeDropdownMenu: t, children: r, dir: n, open: o, defaultOpen: a, onOpenChange: i, modal: s = !0 } = e, l = Qe(t), c = L(null), [d = !1, f] = Ve({
     prop: o,
     defaultProp: a,
     onChange: i
   });
   return /* @__PURE__ */ S(oM, {
     scope: t,
-    triggerId: et(),
+    triggerId: tt(),
     triggerRef: c,
-    contentId: et(),
+    contentId: tt(),
     open: d,
     onOpenChange: f,
     onOpenToggle: ne(
@@ -24726,7 +24724,7 @@ const VO = fO, BO = O2, jO = mO, UO = bO, WO = N2, HO = $O, GO = gf, YO = yO, qO
     modal: s
   }), r));
 }, iM = "DropdownMenuTrigger", sM = /* @__PURE__ */ B((e, t) => {
-  const { __scopeDropdownMenu: r, disabled: n = !1, ...o } = e, a = W2(iM, r), i = Je(r);
+  const { __scopeDropdownMenu: r, disabled: n = !1, ...o } = e, a = W2(iM, r), i = Qe(r);
   return /* @__PURE__ */ S(BO, E({
     asChild: !0
   }, i), /* @__PURE__ */ S(me.button, E({
@@ -24755,10 +24753,10 @@ const VO = fO, BO = O2, jO = mO, UO = bO, WO = N2, HO = $O, GO = gf, YO = yO, qO
     })
   })));
 }), lM = (e) => {
-  const { __scopeDropdownMenu: t, ...r } = e, n = Je(t);
+  const { __scopeDropdownMenu: t, ...r } = e, n = Qe(t);
   return /* @__PURE__ */ S(jO, E({}, n, r));
 }, cM = "DropdownMenuContent", dM = /* @__PURE__ */ B((e, t) => {
-  const { __scopeDropdownMenu: r, ...n } = e, o = W2(cM, r), a = Je(r), i = L(!1);
+  const { __scopeDropdownMenu: r, ...n } = e, o = W2(cM, r), a = Qe(r), i = L(!1);
   return /* @__PURE__ */ S(UO, E({
     id: o.contentId,
     "aria-labelledby": o.triggerId
@@ -24782,52 +24780,52 @@ const VO = fO, BO = O2, jO = mO, UO = bO, WO = N2, HO = $O, GO = gf, YO = yO, qO
     }
   }));
 }), uM = /* @__PURE__ */ B((e, t) => {
-  const { __scopeDropdownMenu: r, ...n } = e, o = Je(r);
+  const { __scopeDropdownMenu: r, ...n } = e, o = Qe(r);
   return /* @__PURE__ */ S(WO, E({}, o, n, {
     ref: t
   }));
 }), fM = /* @__PURE__ */ B((e, t) => {
-  const { __scopeDropdownMenu: r, ...n } = e, o = Je(r);
+  const { __scopeDropdownMenu: r, ...n } = e, o = Qe(r);
   return /* @__PURE__ */ S(HO, E({}, o, n, {
     ref: t
   }));
 }), pM = /* @__PURE__ */ B((e, t) => {
-  const { __scopeDropdownMenu: r, ...n } = e, o = Je(r);
+  const { __scopeDropdownMenu: r, ...n } = e, o = Qe(r);
   return /* @__PURE__ */ S(GO, E({}, o, n, {
     ref: t
   }));
 }), mM = /* @__PURE__ */ B((e, t) => {
-  const { __scopeDropdownMenu: r, ...n } = e, o = Je(r);
+  const { __scopeDropdownMenu: r, ...n } = e, o = Qe(r);
   return /* @__PURE__ */ S(YO, E({}, o, n, {
     ref: t
   }));
 }), hM = /* @__PURE__ */ B((e, t) => {
-  const { __scopeDropdownMenu: r, ...n } = e, o = Je(r);
+  const { __scopeDropdownMenu: r, ...n } = e, o = Qe(r);
   return /* @__PURE__ */ S(qO, E({}, o, n, {
     ref: t
   }));
 }), bM = /* @__PURE__ */ B((e, t) => {
-  const { __scopeDropdownMenu: r, ...n } = e, o = Je(r);
+  const { __scopeDropdownMenu: r, ...n } = e, o = Qe(r);
   return /* @__PURE__ */ S(ZO, E({}, o, n, {
     ref: t
   }));
 }), gM = /* @__PURE__ */ B((e, t) => {
-  const { __scopeDropdownMenu: r, ...n } = e, o = Je(r);
+  const { __scopeDropdownMenu: r, ...n } = e, o = Qe(r);
   return /* @__PURE__ */ S(XO, E({}, o, n, {
     ref: t
   }));
 }), vM = /* @__PURE__ */ B((e, t) => {
-  const { __scopeDropdownMenu: r, ...n } = e, o = Je(r);
+  const { __scopeDropdownMenu: r, ...n } = e, o = Qe(r);
   return /* @__PURE__ */ S(JO, E({}, o, n, {
     ref: t
   }));
 }), $M = /* @__PURE__ */ B((e, t) => {
-  const { __scopeDropdownMenu: r, ...n } = e, o = Je(r);
+  const { __scopeDropdownMenu: r, ...n } = e, o = Qe(r);
   return /* @__PURE__ */ S(QO, E({}, o, n, {
     ref: t
   }));
 }), yM = (e) => {
-  const { __scopeDropdownMenu: t, children: r, open: n, onOpenChange: o, defaultOpen: a } = e, i = Je(t), [s = !1, l] = Ve({
+  const { __scopeDropdownMenu: t, children: r, open: n, onOpenChange: o, defaultOpen: a } = e, i = Qe(t), [s = !1, l] = Ve({
     prop: n,
     defaultProp: a,
     onChange: o
@@ -24837,12 +24835,12 @@ const VO = fO, BO = O2, jO = mO, UO = bO, WO = N2, HO = $O, GO = gf, YO = yO, qO
     onOpenChange: l
   }), r);
 }, _M = /* @__PURE__ */ B((e, t) => {
-  const { __scopeDropdownMenu: r, ...n } = e, o = Je(r);
+  const { __scopeDropdownMenu: r, ...n } = e, o = Qe(r);
   return /* @__PURE__ */ S(tM, E({}, o, n, {
     ref: t
   }));
 }), xM = /* @__PURE__ */ B((e, t) => {
-  const { __scopeDropdownMenu: r, ...n } = e, o = Je(r);
+  const { __scopeDropdownMenu: r, ...n } = e, o = Qe(r);
   return /* @__PURE__ */ S(rM, E({}, o, n, {
     ref: t,
     style: {
@@ -27055,7 +27053,7 @@ const ch = (e, t, r, n = []) => {
     );
   }, [m, l, M]), J(() => M, []);
   const R = ne(() => f && typeof f == "string" ? /* @__PURE__ */ x(
-    rt,
+    Xe,
     {
       bold: !0,
       size: "medium",
@@ -27118,8 +27116,20 @@ const _F = O.div`
   align-items: center;
   border-radius: 4px;
 
-  border: 1px solid ${u.color_black};
+  border: 1px solid
+      var(
+        --input-border-color,
+        ${u.color_deprecated_outline_secondary_enabled}
+      );
   background-color: ${u.color_deprecated_fill_inverse_enabled};
+  border-radius: ${u.border_radius_400};
+
+  // TODO: Get focus border working
+  // &:focus {
+  //   --input-border-color: ${u.color_black};
+  //   background-color: ${u.color_deprecated_overlay_secondary_enabled};
+  //   outline: 1px solid ${u.color_black};
+  // }
 
   width: 100%;
 `;
@@ -27148,7 +27158,7 @@ function Dj({
     (p) => !(p.type === "literal" && p.text === " ")
   ).map((p, m) => /* @__PURE__ */ x(b_, { segment: p, state: i }, m)) });
   return /* @__PURE__ */ oe(g_, { children: [
-    /* @__PURE__ */ x("span", { ...l, children: n.label }),
+    /* @__PURE__ */ x(Xe, { ...l, mb: u.spacing_100, children: n.label }),
     d
   ] });
 }
@@ -27162,7 +27172,7 @@ const xF = O(Zr)`
 
     margin-top: ${u.spacing_100};
 `, wF = ({ label: e, value: t, truncate: r = !1 }) => /* @__PURE__ */ oe(Re, { role: "group", title: e, children: [
-  /* @__PURE__ */ x(rt, { htmlFor: `labeled-text-${e}`, color: u.color_gray_52, size: "medium", bold: !0, title: e, "aria-label": e, children: e }),
+  /* @__PURE__ */ x(Xe, { htmlFor: `labeled-text-${e}`, color: u.color_gray_52, size: "medium", bold: !0, title: e, "aria-label": e, children: e }),
   /* @__PURE__ */ x(xF, { id: `labeled-text-${e}`, title: typeof t == "string" ? t : e, "aria-label": typeof t == "string" ? t : e, truncate: r, children: t })
 ] }), Sj = wF;
 function DF(e, t, r) {
@@ -27414,7 +27424,7 @@ const TF = O.span`
         n
       ),
       children: [
-        c ? /* @__PURE__ */ oe(rt, { ...$, mb: u.spacing_100, children: [
+        c ? /* @__PURE__ */ oe(Xe, { ...$, mb: u.spacing_100, children: [
           c,
           f ? /* @__PURE__ */ x($n, { icon: p, children: f }) : null
         ] }) : null,
@@ -27719,7 +27729,7 @@ const Pj = Object.assign(bo, {
     case "secondary":
       return UF;
   }
-}, HF = O(Xe)`
+}, HF = O(Je)`
   border-radius: ${u.border_radius_800};
   ${({ size: e }) => BF(e)}
   ${({ variant: e }) => WF(e)}
@@ -31421,7 +31431,7 @@ const QK = O.div`
       g
     );
     return /* @__PURE__ */ oe(vn, { children: [
-      /* @__PURE__ */ x(rt, { ...$, srOnly: c, mb: c ? u.spacing_100 : void 0, children: r }),
+      /* @__PURE__ */ x(Xe, { ...$, srOnly: c, mb: c ? u.spacing_100 : void 0, children: r }),
       /* @__PURE__ */ oe(QK, { children: [
         /* @__PURE__ */ x(w5, {}),
         /* @__PURE__ */ x(
@@ -31660,8 +31670,8 @@ ${({ lineHeight: e, fontSize: t }) => h_({
 `;
 function Fj(e) {
   const t = iV(e), { placeholder: r = "Select...", hideLabel: n, showCaret: o = !0 } = e, a = Z.useRef(null), { labelProps: i, triggerProps: s, valueProps: l, menuProps: c, errorMessageProps: d } = nV(e, t, a), { buttonProps: f } = po(s, a), { focusProps: p, isFocusVisible: m } = bn();
-  return console.log("state: ", t), /* @__PURE__ */ oe(vn, { children: [
-    e.label ? /* @__PURE__ */ oe(rt, { ...i, srOnly: n, mb: u.spacing_100, children: [
+  return /* @__PURE__ */ oe(vn, { children: [
+    e.label ? /* @__PURE__ */ oe(Xe, { ...i, srOnly: n, mb: u.spacing_100, onClick: () => t.open(), children: [
       e.label,
       e.tooltipContent ? /* @__PURE__ */ x($n, { icon: e.tooltipIcon, children: e.tooltipContent }) : null
     ] }) : null,
@@ -31853,7 +31863,7 @@ const sD = "Tabs", [DV, zj] = je(sD, [
   });
   return /* @__PURE__ */ S(SV, {
     scope: r,
-    baseId: et(),
+    baseId: tt(),
     value: f,
     onValueChange: p,
     orientation: i,
@@ -32834,7 +32844,7 @@ export {
   $n as IconTooltip,
   yF as InlineEdit,
   Fw as Item,
-  rt as Label,
+  Xe as Label,
   Sj as LabeledText,
   AB as Modal,
   EF as MultiSelect,