@mercury-fx/ui 2.4.0

package/dist/mercury-ui.js

@@ -0,0 +1,4049 @@
+import { useRef as w, useEffect as P, useState as N, useMemo as E, useCallback as K, useLayoutEffect as Ot, forwardRef as j, useId as le } from "react";
+import { jsxs as b, jsx as r, Fragment as C } from "react/jsx-runtime";
+import { createPortal as ot } from "react-dom";
+function ge(e, t) {
+  return e - t * Math.floor(e / t);
+}
+const st = 1721426;
+function se(e, t, n, a) {
+  t = Ae(e, t);
+  let l = t - 1, o = -2;
+  return n <= 2 ? o = 0 : ue(t) && (o = -1), st - 1 + 365 * l + Math.floor(l / 4) - Math.floor(l / 100) + Math.floor(l / 400) + Math.floor((367 * n - 362) / 12 + o + a);
+}
+function ue(e) {
+  return e % 4 === 0 && (e % 100 !== 0 || e % 400 === 0);
+}
+function Ae(e, t) {
+  return e === "BC" ? 1 - t : t;
+}
+function Bt(e) {
+  let t = "AD";
+  return e <= 0 && (t = "BC", e = 1 - e), [
+    t,
+    e
+  ];
+}
+const Ft = {
+  standard: [
+    31,
+    28,
+    31,
+    30,
+    31,
+    30,
+    31,
+    31,
+    30,
+    31,
+    30,
+    31
+  ],
+  leapyear: [
+    31,
+    29,
+    31,
+    30,
+    31,
+    30,
+    31,
+    31,
+    30,
+    31,
+    30,
+    31
+  ]
+};
+class G {
+  fromJulianDay(t) {
+    let n = t, a = n - st, l = Math.floor(a / 146097), o = ge(a, 146097), c = Math.floor(o / 36524), s = ge(o, 36524), d = Math.floor(s / 1461), h = ge(s, 1461), f = Math.floor(h / 365), i = l * 400 + c * 100 + d * 4 + f + (c !== 4 && f !== 4 ? 1 : 0), [u, m] = Bt(i), y = n - se(u, m, 1, 1), p = 2;
+    n < se(u, m, 3, 1) ? p = 0 : ue(m) && (p = 1);
+    let v = Math.floor(((y + p) * 12 + 373) / 367), _ = n - se(u, m, v, 1) + 1;
+    return new V(u, m, v, _);
+  }
+  toJulianDay(t) {
+    return se(t.era, t.year, t.month, t.day);
+  }
+  getDaysInMonth(t) {
+    return Ft[ue(t.year) ? "leapyear" : "standard"][t.month - 1];
+  }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  getMonthsInYear(t) {
+    return 12;
+  }
+  getDaysInYear(t) {
+    return ue(t.year) ? 366 : 365;
+  }
+  getMaximumMonthsInYear() {
+    return 12;
+  }
+  getMaximumDaysInMonth() {
+    return 31;
+  }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  getYearsInEra(t) {
+    return 9999;
+  }
+  getEras() {
+    return [
+      "BC",
+      "AD"
+    ];
+  }
+  isInverseEra(t) {
+    return t.era === "BC";
+  }
+  balanceDate(t) {
+    t.year <= 0 && (t.era = t.era === "BC" ? "AD" : "BC", t.year = 1 - t.year);
+  }
+  constructor() {
+    this.identifier = "gregory";
+  }
+}
+const Zt = {
+  "001": 1,
+  AD: 1,
+  AE: 6,
+  AF: 6,
+  AI: 1,
+  AL: 1,
+  AM: 1,
+  AN: 1,
+  AR: 1,
+  AT: 1,
+  AU: 1,
+  AX: 1,
+  AZ: 1,
+  BA: 1,
+  BE: 1,
+  BG: 1,
+  BH: 6,
+  BM: 1,
+  BN: 1,
+  BY: 1,
+  CH: 1,
+  CL: 1,
+  CM: 1,
+  CN: 1,
+  CR: 1,
+  CY: 1,
+  CZ: 1,
+  DE: 1,
+  DJ: 6,
+  DK: 1,
+  DZ: 6,
+  EC: 1,
+  EE: 1,
+  EG: 6,
+  ES: 1,
+  FI: 1,
+  FJ: 1,
+  FO: 1,
+  FR: 1,
+  GB: 1,
+  GE: 1,
+  GF: 1,
+  GP: 1,
+  GR: 1,
+  HR: 1,
+  HU: 1,
+  IE: 1,
+  IQ: 6,
+  IR: 6,
+  IS: 1,
+  IT: 1,
+  JO: 6,
+  KG: 1,
+  KW: 6,
+  KZ: 1,
+  LB: 1,
+  LI: 1,
+  LK: 1,
+  LT: 1,
+  LU: 1,
+  LV: 1,
+  LY: 6,
+  MC: 1,
+  MD: 1,
+  ME: 1,
+  MK: 1,
+  MN: 1,
+  MQ: 1,
+  MV: 5,
+  MY: 1,
+  NL: 1,
+  NO: 1,
+  NZ: 1,
+  OM: 6,
+  PL: 1,
+  QA: 6,
+  RE: 1,
+  RO: 1,
+  RS: 1,
+  RU: 1,
+  SD: 6,
+  SE: 1,
+  SI: 1,
+  SK: 1,
+  SM: 1,
+  SY: 6,
+  TJ: 1,
+  TM: 1,
+  TR: 1,
+  UA: 1,
+  UY: 1,
+  UZ: 1,
+  VA: 1,
+  VN: 1,
+  XK: 1
+};
+function Be(e, t) {
+  return t = R(t, e.calendar), e.era === t.era && e.year === t.year && e.month === t.month && e.day === t.day;
+}
+function Ht(e, t) {
+  return e.isEqual?.(t) ?? t.isEqual?.(e) ?? e.identifier === t.identifier;
+}
+function Yt(e, t, n) {
+  let a = e.calendar.toJulianDay(e), l = Vt(t), o = Math.ceil(a + 1 - l) % 7;
+  return o < 0 && (o += 7), o;
+}
+function Ut(e) {
+  return F(Date.now(), e);
+}
+function Fe(e) {
+  return Gt(Ut(e));
+}
+function ct(e, t) {
+  return e.calendar.toJulianDay(e) - t.calendar.toJulianDay(t);
+}
+function it(e, t) {
+  return Ze(e) - Ze(t);
+}
+function Ze(e) {
+  return e.hour * 36e5 + e.minute * 6e4 + e.second * 1e3 + e.millisecond;
+}
+let _e = null, Kt = !1;
+function ae() {
+  return _e == null && (_e = new Intl.DateTimeFormat().resolvedOptions().timeZone), _e;
+}
+function dt() {
+  return Kt;
+}
+const He = /* @__PURE__ */ new Map(), ve = /* @__PURE__ */ new Map();
+function Wt(e) {
+  if (Intl.Locale) {
+    let n = He.get(e);
+    return n || (n = new Intl.Locale(e).maximize().region, n && He.set(e, n)), n;
+  }
+  let t = e.split("-")[1];
+  return t === "u" ? void 0 : t;
+}
+function Vt(e) {
+  let t = ve.get(e);
+  if (!t) {
+    if (Intl.Locale) {
+      let a = new Intl.Locale(e);
+      if ("getWeekInfo" in a && (t = a.getWeekInfo(), t))
+        return ve.set(e, t), t.firstDay;
+    }
+    let n = Wt(e);
+    if (e.includes("-fw-")) {
+      let a = e.split("-fw-")[1].split("-")[0];
+      a === "mon" ? t = {
+        firstDay: 1
+      } : a === "tue" ? t = {
+        firstDay: 2
+      } : a === "wed" ? t = {
+        firstDay: 3
+      } : a === "thu" ? t = {
+        firstDay: 4
+      } : a === "fri" ? t = {
+        firstDay: 5
+      } : a === "sat" ? t = {
+        firstDay: 6
+      } : t = {
+        firstDay: 0
+      };
+    } else e.includes("-ca-iso8601") ? t = {
+      firstDay: 1
+    } : t = {
+      firstDay: n && Zt[n] || 0
+    };
+    ve.set(e, t);
+  }
+  return t.firstDay;
+}
+function J(e) {
+  e = R(e, new G());
+  let t = Ae(e.era, e.year);
+  return ut(t, e.month, e.day, e.hour, e.minute, e.second, e.millisecond);
+}
+function ut(e, t, n, a, l, o, c) {
+  let s = /* @__PURE__ */ new Date();
+  return s.setUTCHours(a, l, o, c), s.setUTCFullYear(e, t - 1, n), s.getTime();
+}
+function De(e, t) {
+  if (t === "UTC") return 0;
+  if (e > 0 && t === ae() && !dt()) return new Date(e).getTimezoneOffset() * -6e4;
+  let { year: n, month: a, day: l, hour: o, minute: c, second: s } = mt(e, t);
+  return ut(n, a, l, o, c, s, 0) - Math.floor(e / 1e3) * 1e3;
+}
+const Ye = /* @__PURE__ */ new Map();
+function mt(e, t) {
+  let n = Ye.get(t);
+  n || (n = new Intl.DateTimeFormat("en-US", {
+    timeZone: t,
+    hour12: !1,
+    era: "short",
+    year: "numeric",
+    month: "numeric",
+    day: "numeric",
+    hour: "numeric",
+    minute: "numeric",
+    second: "numeric"
+  }), Ye.set(t, n));
+  let a = n.formatToParts(new Date(e)), l = {};
+  for (let o of a) o.type !== "literal" && (l[o.type] = o.value);
+  return {
+    // Firefox returns B instead of BC... https://bugzilla.mozilla.org/show_bug.cgi?id=1752253
+    year: l.era === "BC" || l.era === "B" ? -l.year + 1 : +l.year,
+    month: +l.month,
+    day: +l.day,
+    hour: l.hour === "24" ? 0 : +l.hour,
+    minute: +l.minute,
+    second: +l.second
+  };
+}
+const Ue = 864e5;
+function qt(e, t, n, a) {
+  return (n === a ? [
+    n
+  ] : [
+    n,
+    a
+  ]).filter((o) => zt(e, t, o));
+}
+function zt(e, t, n) {
+  let a = mt(n, t);
+  return e.year === a.year && e.month === a.month && e.day === a.day && e.hour === a.hour && e.minute === a.minute && e.second === a.second;
+}
+function B(e, t, n = "compatible") {
+  let a = X(e);
+  if (t === "UTC") return J(a);
+  if (t === ae() && n === "compatible" && !dt()) {
+    a = R(a, new G());
+    let d = /* @__PURE__ */ new Date(), h = Ae(a.era, a.year);
+    return d.setFullYear(h, a.month - 1, a.day), d.setHours(a.hour, a.minute, a.second, a.millisecond), d.getTime();
+  }
+  let l = J(a), o = De(l - Ue, t), c = De(l + Ue, t), s = qt(a, t, l - o, l - c);
+  if (s.length === 1) return s[0];
+  if (s.length > 1) switch (n) {
+    // 'compatible' means 'earlier' for "fall back" transitions
+    case "compatible":
+    case "earlier":
+      return s[0];
+    case "later":
+      return s[s.length - 1];
+    case "reject":
+      throw new RangeError("Multiple possible absolute times found");
+  }
+  switch (n) {
+    case "earlier":
+      return Math.min(l - o, l - c);
+    // 'compatible' means 'later' for "spring forward" transitions
+    case "compatible":
+    case "later":
+      return Math.max(l - o, l - c);
+    case "reject":
+      throw new RangeError("No such absolute time found");
+  }
+}
+function ht(e, t, n = "compatible") {
+  return new Date(B(e, t, n));
+}
+function F(e, t) {
+  let n = De(e, t), a = new Date(e + n), l = a.getUTCFullYear(), o = a.getUTCMonth() + 1, c = a.getUTCDate(), s = a.getUTCHours(), d = a.getUTCMinutes(), h = a.getUTCSeconds(), f = a.getUTCMilliseconds();
+  return new q(l < 1 ? "BC" : "AD", l < 1 ? -l + 1 : l, o, c, t, n, s, d, h, f);
+}
+function Gt(e) {
+  return new V(e.calendar, e.era, e.year, e.month, e.day);
+}
+function X(e, t) {
+  let n = 0, a = 0, l = 0, o = 0;
+  if ("timeZone" in e) ({ hour: n, minute: a, second: l, millisecond: o } = e);
+  else if ("hour" in e && !t) return e;
+  return t && ({ hour: n, minute: a, second: l, millisecond: o } = t), new Q(e.calendar, e.era, e.year, e.month, e.day, n, a, l, o);
+}
+function R(e, t) {
+  if (Ht(e.calendar, t)) return e;
+  let n = t.fromJulianDay(e.calendar.toJulianDay(e)), a = e.copy();
+  return a.calendar = t, a.era = n.era, a.year = n.year, a.month = n.month, a.day = n.day, W(a), a;
+}
+function Jt(e, t, n) {
+  if (e instanceof q)
+    return e.timeZone === t ? e : Qt(e, t);
+  let a = B(e, t, n);
+  return F(a, t);
+}
+function Xt(e) {
+  let t = J(e) - e.offset;
+  return new Date(t);
+}
+function Qt(e, t) {
+  let n = J(e) - e.offset;
+  return R(F(n, t), e.calendar);
+}
+const ne = 36e5;
+function he(e, t) {
+  let n = e.copy(), a = "hour" in n ? xt(n, t) : 0;
+  Ie(n, t.years || 0), n.calendar.balanceYearMonth && n.calendar.balanceYearMonth(n, e), n.month += t.months || 0, Se(n), ft(n), n.day += (t.weeks || 0) * 7, n.day += t.days || 0, n.day += a, en(n), n.calendar.balanceDate && n.calendar.balanceDate(n), n.year < 1 && (n.year = 1, n.month = 1, n.day = 1);
+  let l = n.calendar.getYearsInEra(n);
+  if (n.year > l) {
+    let c = n.calendar.isInverseEra?.(n);
+    n.year = l, n.month = c ? 1 : n.calendar.getMonthsInYear(n), n.day = c ? 1 : n.calendar.getDaysInMonth(n);
+  }
+  n.month < 1 && (n.month = 1, n.day = 1);
+  let o = n.calendar.getMonthsInYear(n);
+  return n.month > o && (n.month = o, n.day = n.calendar.getDaysInMonth(n)), n.day = Math.max(1, Math.min(n.calendar.getDaysInMonth(n), n.day)), n;
+}
+function Ie(e, t) {
+  e.calendar.isInverseEra?.(e) && (t = -t), e.year += t;
+}
+function Se(e) {
+  for (; e.month < 1; )
+    Ie(e, -1), e.month += e.calendar.getMonthsInYear(e);
+  let t = 0;
+  for (; e.month > (t = e.calendar.getMonthsInYear(e)); )
+    e.month -= t, Ie(e, 1);
+}
+function en(e) {
+  for (; e.day < 1; )
+    e.month--, Se(e), e.day += e.calendar.getDaysInMonth(e);
+  for (; e.day > e.calendar.getDaysInMonth(e); )
+    e.day -= e.calendar.getDaysInMonth(e), e.month++, Se(e);
+}
+function ft(e) {
+  e.month = Math.max(1, Math.min(e.calendar.getMonthsInYear(e), e.month)), e.day = Math.max(1, Math.min(e.calendar.getDaysInMonth(e), e.day));
+}
+function W(e) {
+  e.calendar.constrainDate && e.calendar.constrainDate(e), e.year = Math.max(1, Math.min(e.calendar.getYearsInEra(e), e.year)), ft(e);
+}
+function Te(e) {
+  let t = {};
+  for (let n in e) typeof e[n] == "number" && (t[n] = -e[n]);
+  return t;
+}
+function pt(e, t) {
+  return he(e, Te(t));
+}
+function Ee(e, t) {
+  let n = e.copy();
+  return t.era != null && (n.era = t.era), t.year != null && (n.year = t.year), t.month != null && (n.month = t.month), t.day != null && (n.day = t.day), W(n), n;
+}
+function re(e, t) {
+  let n = e.copy();
+  return t.hour != null && (n.hour = t.hour), t.minute != null && (n.minute = t.minute), t.second != null && (n.second = t.second), t.millisecond != null && (n.millisecond = t.millisecond), yt(n), n;
+}
+function tn(e) {
+  e.second += Math.floor(e.millisecond / 1e3), e.millisecond = ce(e.millisecond, 1e3), e.minute += Math.floor(e.second / 60), e.second = ce(e.second, 60), e.hour += Math.floor(e.minute / 60), e.minute = ce(e.minute, 60);
+  let t = Math.floor(e.hour / 24);
+  return e.hour = ce(e.hour, 24), t;
+}
+function yt(e) {
+  e.millisecond = Math.max(0, Math.min(e.millisecond, 1e3)), e.second = Math.max(0, Math.min(e.second, 59)), e.minute = Math.max(0, Math.min(e.minute, 59)), e.hour = Math.max(0, Math.min(e.hour, 23));
+}
+function ce(e, t) {
+  let n = e % t;
+  return n < 0 && (n += t), n;
+}
+function xt(e, t) {
+  return e.hour += t.hours || 0, e.minute += t.minutes || 0, e.second += t.seconds || 0, e.millisecond += t.milliseconds || 0, tn(e);
+}
+function bt(e, t) {
+  let n = e.copy();
+  return xt(n, t), n;
+}
+function nn(e, t) {
+  return bt(e, Te(t));
+}
+function Re(e, t, n, a) {
+  let l = e.copy();
+  switch (t) {
+    case "era": {
+      let o = e.calendar.getEras(), c = o.indexOf(e.era);
+      if (c < 0) throw new Error("Invalid era: " + e.era);
+      c = Z(c, n, 0, o.length - 1, a?.round), l.era = o[c], W(l);
+      break;
+    }
+    case "year":
+      l.calendar.isInverseEra?.(l) && (n = -n), l.year = Z(e.year, n, -1 / 0, 9999, a?.round), l.year === -1 / 0 && (l.year = 1), l.calendar.balanceYearMonth && l.calendar.balanceYearMonth(l, e);
+      break;
+    case "month":
+      l.month = Z(e.month, n, 1, e.calendar.getMonthsInYear(e), a?.round);
+      break;
+    case "day":
+      l.day = Z(e.day, n, 1, e.calendar.getDaysInMonth(e), a?.round);
+      break;
+    default:
+      throw new Error("Unsupported field " + t);
+  }
+  return e.calendar.balanceDate && e.calendar.balanceDate(l), W(l), l;
+}
+function Le(e, t, n, a) {
+  let l = e.copy();
+  switch (t) {
+    case "hour": {
+      let o = e.hour, c = 0, s = 23;
+      if (a?.hourCycle === 12) {
+        let d = o >= 12;
+        c = d ? 12 : 0, s = d ? 23 : 11;
+      }
+      l.hour = Z(o, n, c, s, a?.round);
+      break;
+    }
+    case "minute":
+      l.minute = Z(e.minute, n, 0, 59, a?.round);
+      break;
+    case "second":
+      l.second = Z(e.second, n, 0, 59, a?.round);
+      break;
+    case "millisecond":
+      l.millisecond = Z(e.millisecond, n, 0, 999, a?.round);
+      break;
+    default:
+      throw new Error("Unsupported field " + t);
+  }
+  return l;
+}
+function Z(e, t, n, a, l = !1) {
+  if (l) {
+    e += Math.sign(t), e < n && (e = a);
+    let o = Math.abs(t);
+    t > 0 ? e = Math.ceil(e / o) * o : e = Math.floor(e / o) * o, e > a && (e = n);
+  } else
+    e += t, e < n ? e = a - (n - e - 1) : e > a && (e = n + (e - a - 1));
+  return e;
+}
+function gt(e, t) {
+  let n;
+  if (t.years != null && t.years !== 0 || t.months != null && t.months !== 0 || t.weeks != null && t.weeks !== 0 || t.days != null && t.days !== 0) {
+    let l = he(X(e), {
+      years: t.years,
+      months: t.months,
+      weeks: t.weeks,
+      days: t.days
+    });
+    n = B(l, e.timeZone);
+  } else
+    n = J(e) - e.offset;
+  n += t.milliseconds || 0, n += (t.seconds || 0) * 1e3, n += (t.minutes || 0) * 6e4, n += (t.hours || 0) * 36e5;
+  let a = F(n, e.timeZone);
+  return R(a, e.calendar);
+}
+function an(e, t) {
+  return gt(e, Te(t));
+}
+function rn(e, t, n, a) {
+  switch (t) {
+    case "hour": {
+      let l = 0, o = 23;
+      if (a?.hourCycle === 12) {
+        let y = e.hour >= 12;
+        l = y ? 12 : 0, o = y ? 23 : 11;
+      }
+      let c = X(e), s = R(re(c, {
+        hour: l
+      }), new G()), d = [
+        B(s, e.timeZone, "earlier"),
+        B(s, e.timeZone, "later")
+      ].filter((y) => F(y, e.timeZone).day === s.day)[0], h = R(re(c, {
+        hour: o
+      }), new G()), f = [
+        B(h, e.timeZone, "earlier"),
+        B(h, e.timeZone, "later")
+      ].filter((y) => F(y, e.timeZone).day === h.day).pop(), i = J(e) - e.offset, u = Math.floor(i / ne), m = i % ne;
+      return i = Z(u, n, Math.floor(d / ne), Math.floor(f / ne), a?.round) * ne + m, R(F(i, e.timeZone), e.calendar);
+    }
+    case "minute":
+    case "second":
+    case "millisecond":
+      return Le(e, t, n, a);
+    case "era":
+    case "year":
+    case "month":
+    case "day": {
+      let l = Re(X(e), t, n, a), o = B(l, e.timeZone);
+      return R(F(o, e.timeZone), e.calendar);
+    }
+    default:
+      throw new Error("Unsupported field " + t);
+  }
+}
+function ln(e, t, n) {
+  let a = X(e), l = re(Ee(a, t), t);
+  if (l.compare(a) === 0) return e;
+  let o = B(l, e.timeZone, n);
+  return R(F(o, e.timeZone), e.calendar);
+}
+function _t(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 vt(e) {
+  let t = R(e, new G()), n;
+  return t.era === "BC" ? n = t.year === 1 ? "0000" : "-" + String(Math.abs(1 - t.year)).padStart(6, "00") : n = String(t.year).padStart(4, "0"), `${n}-${String(t.month).padStart(2, "0")}-${String(t.day).padStart(2, "0")}`;
+}
+function $t(e) {
+  return `${vt(e)}T${_t(e)}`;
+}
+function on(e) {
+  let t = Math.sign(e) < 0 ? "-" : "+";
+  e = Math.abs(e);
+  let n = Math.floor(e / 36e5), a = Math.floor(e % 36e5 / 6e4), l = Math.floor(e % 36e5 % 6e4 / 1e3), o = `${t}${String(n).padStart(2, "0")}:${String(a).padStart(2, "0")}`;
+  return l !== 0 && (o += `:${String(l).padStart(2, "0")}`), o;
+}
+function sn(e) {
+  return `${$t(e)}${on(e.offset)}[${e.timeZone}]`;
+}
+function Pe(e) {
+  let t = typeof e[0] == "object" ? e.shift() : new G(), n;
+  if (typeof e[0] == "string") n = e.shift();
+  else {
+    let c = t.getEras();
+    n = c[c.length - 1];
+  }
+  let a = e.shift(), l = e.shift(), o = e.shift();
+  return [
+    t,
+    n,
+    a,
+    l,
+    o
+  ];
+}
+class V {
+  // This prevents TypeScript from allowing other types with the same fields to match.
+  // i.e. a ZonedDateTime should not be be passable to a parameter that expects CalendarDate.
+  // If that behavior is desired, use the AnyCalendarDate interface instead.
+  // @ts-ignore
+  #e;
+  constructor(...t) {
+    let [n, a, l, o, c] = Pe(t);
+    this.calendar = n, this.era = a, this.year = l, this.month = o, this.day = c, W(this);
+  }
+  /** Returns a copy of this date. */
+  copy() {
+    return this.era ? new V(this.calendar, this.era, this.year, this.month, this.day) : new V(this.calendar, this.year, this.month, this.day);
+  }
+  /** Returns a new `CalendarDate` with the given duration added to it. */
+  add(t) {
+    return he(this, t);
+  }
+  /** Returns a new `CalendarDate` with the given duration subtracted from it. */
+  subtract(t) {
+    return pt(this, t);
+  }
+  /**
+  * Returns a new `CalendarDate` with the given fields set to the provided values. Other fields
+  * will be constrained accordingly.
+  */
+  set(t) {
+    return Ee(this, t);
+  }
+  /**
+  * Returns a new `CalendarDate` with the given field adjusted by a specified amount.
+  * When the resulting value reaches the limits of the field, it wraps around.
+  */
+  cycle(t, n, a) {
+    return Re(this, t, n, a);
+  }
+  /**
+  * Converts the date to a native JavaScript Date object, with the time set to midnight in the
+  * given time zone.
+  */
+  toDate(t) {
+    return ht(this, t);
+  }
+  /** Converts the date to an ISO 8601 formatted string. */
+  toString() {
+    return vt(this);
+  }
+  /**
+  * Compares this date with another. A negative result indicates that this date is before the given
+  * one, and a positive date indicates that it is after.
+  */
+  compare(t) {
+    return ct(this, t);
+  }
+}
+class je {
+  // This prevents TypeScript from allowing other types with the same fields to match.
+  // @ts-ignore
+  #e;
+  constructor(t = 0, n = 0, a = 0, l = 0) {
+    this.hour = t, this.minute = n, this.second = a, this.millisecond = l, yt(this);
+  }
+  /** Returns a copy of this time. */
+  copy() {
+    return new je(this.hour, this.minute, this.second, this.millisecond);
+  }
+  /** Returns a new `Time` with the given duration added to it. */
+  add(t) {
+    return bt(this, t);
+  }
+  /** Returns a new `Time` with the given duration subtracted from it. */
+  subtract(t) {
+    return nn(this, t);
+  }
+  /**
+  * Returns a new `Time` with the given fields set to the provided values. Other fields will be
+  * constrained accordingly.
+  */
+  set(t) {
+    return re(this, t);
+  }
+  /**
+  * Returns a new `Time` with the given field adjusted by a specified amount.
+  * When the resulting value reaches the limits of the field, it wraps around.
+  */
+  cycle(t, n, a) {
+    return Le(this, t, n, a);
+  }
+  /** Converts the time to an ISO 8601 formatted string. */
+  toString() {
+    return _t(this);
+  }
+  /**
+  * Compares this time with another. A negative result indicates that this time is before the given
+  * one, and a positive time indicates that it is after.
+  */
+  compare(t) {
+    return it(this, t);
+  }
+}
+class Q {
+  // This prevents TypeScript from allowing other types with the same fields to match.
+  // @ts-ignore
+  #e;
+  constructor(...t) {
+    let [n, a, l, o, c] = Pe(t);
+    this.calendar = n, this.era = a, this.year = l, this.month = o, this.day = c, this.hour = t.shift() || 0, this.minute = t.shift() || 0, this.second = t.shift() || 0, this.millisecond = t.shift() || 0, W(this);
+  }
+  /** Returns a copy of this date. */
+  copy() {
+    return this.era ? new Q(this.calendar, this.era, this.year, this.month, this.day, this.hour, this.minute, this.second, this.millisecond) : new Q(this.calendar, this.year, this.month, this.day, this.hour, this.minute, this.second, this.millisecond);
+  }
+  /** Returns a new `CalendarDateTime` with the given duration added to it. */
+  add(t) {
+    return he(this, t);
+  }
+  /** Returns a new `CalendarDateTime` with the given duration subtracted from it. */
+  subtract(t) {
+    return pt(this, t);
+  }
+  /**
+  * Returns a new `CalendarDateTime` with the given fields set to the provided values. Other fields
+  * will be constrained accordingly.
+  */
+  set(t) {
+    return Ee(re(this, t), t);
+  }
+  /**
+  * Returns a new `CalendarDateTime` with the given field adjusted by a specified amount.
+  * When the resulting value reaches the limits of the field, it wraps around.
+  */
+  cycle(t, n, a) {
+    switch (t) {
+      case "era":
+      case "year":
+      case "month":
+      case "day":
+        return Re(this, t, n, a);
+      default:
+        return Le(this, t, n, a);
+    }
+  }
+  /** Converts the date to a native JavaScript Date object in the given time zone. */
+  toDate(t, n) {
+    return ht(this, t, n);
+  }
+  /** Converts the date to an ISO 8601 formatted string. */
+  toString() {
+    return $t(this);
+  }
+  /**
+  * Compares this date with another. A negative result indicates that this date is before the given
+  * one, and a positive date indicates that it is after.
+  */
+  compare(t) {
+    let n = ct(this, t);
+    return n === 0 ? it(this, X(t)) : n;
+  }
+}
+class q {
+  // This prevents TypeScript from allowing other types with the same fields to match.
+  // @ts-ignore
+  #e;
+  constructor(...t) {
+    let [n, a, l, o, c] = Pe(t), s = t.shift(), d = t.shift();
+    this.calendar = n, this.era = a, this.year = l, this.month = o, this.day = c, this.timeZone = s, this.offset = d, this.hour = t.shift() || 0, this.minute = t.shift() || 0, this.second = t.shift() || 0, this.millisecond = t.shift() || 0, W(this);
+  }
+  /** Returns a copy of this date. */
+  copy() {
+    return this.era ? new q(this.calendar, this.era, this.year, this.month, this.day, this.timeZone, this.offset, this.hour, this.minute, this.second, this.millisecond) : new q(this.calendar, this.year, this.month, this.day, this.timeZone, this.offset, this.hour, this.minute, this.second, this.millisecond);
+  }
+  /** Returns a new `ZonedDateTime` with the given duration added to it. */
+  add(t) {
+    return gt(this, t);
+  }
+  /** Returns a new `ZonedDateTime` with the given duration subtracted from it. */
+  subtract(t) {
+    return an(this, t);
+  }
+  /**
+  * Returns a new `ZonedDateTime` with the given fields set to the provided values. Other fields
+  * will be constrained accordingly.
+  */
+  set(t, n) {
+    return ln(this, t, n);
+  }
+  /**
+  * Returns a new `ZonedDateTime` with the given field adjusted by a specified amount.
+  * When the resulting value reaches the limits of the field, it wraps around.
+  */
+  cycle(t, n, a) {
+    return rn(this, t, n, a);
+  }
+  /** Converts the date to a native JavaScript Date object. */
+  toDate() {
+    return Xt(this);
+  }
+  /**
+  * Converts the date to an ISO 8601 formatted string, including the UTC offset and time zone
+  * identifier.
+  */
+  toString() {
+    return sn(this);
+  }
+  /** Converts the date to an ISO 8601 formatted string in UTC. */
+  toAbsoluteString() {
+    return this.toDate().toISOString();
+  }
+  /**
+  * Compares this date with another. A negative result indicates that this date is before the given
+  * one, and a positive date indicates that it is after.
+  */
+  compare(t) {
+    return this.toDate().getTime() - Jt(t, this.timeZone).toDate().getTime();
+  }
+}
+let $e = /* @__PURE__ */ new Map();
+class T {
+  constructor(t, n = {}) {
+    this.formatter = Nt(t, n), this.options = n;
+  }
+  /**
+  * Formats a date as a string according to the locale and format options passed to the
+  * constructor.
+  */
+  format(t) {
+    return this.formatter.format(t);
+  }
+  /** Formats a date to an array of parts such as separators, numbers, punctuation, and more. */
+  formatToParts(t) {
+    return this.formatter.formatToParts(t);
+  }
+  /** Formats a date range as a string. */
+  formatRange(t, n) {
+    if (typeof this.formatter.formatRange == "function")
+      return this.formatter.formatRange(t, n);
+    if (n < t) throw new RangeError("End date must be >= start date");
+    return `${this.formatter.format(t)} – ${this.formatter.format(n)}`;
+  }
+  /** Formats a date range as an array of parts. */
+  formatRangeToParts(t, n) {
+    if (typeof this.formatter.formatRangeToParts == "function")
+      return this.formatter.formatRangeToParts(t, n);
+    if (n < t) throw new RangeError("End date must be >= start date");
+    let a = this.formatter.formatToParts(t), l = this.formatter.formatToParts(n);
+    return [
+      ...a.map((o) => ({
+        ...o,
+        source: "startRange"
+      })),
+      {
+        type: "literal",
+        value: " – ",
+        source: "shared"
+      },
+      ...l.map((o) => ({
+        ...o,
+        source: "endRange"
+      }))
+    ];
+  }
+  /** Returns the resolved formatting options based on the values passed to the constructor. */
+  resolvedOptions() {
+    let t = this.formatter.resolvedOptions();
+    return un() && (this.resolvedHourCycle || (this.resolvedHourCycle = mn(t.locale, this.options)), t.hourCycle = this.resolvedHourCycle, t.hour12 = this.resolvedHourCycle === "h11" || this.resolvedHourCycle === "h12"), t.calendar === "ethiopic-amete-alem" && (t.calendar = "ethioaa"), t;
+  }
+}
+const cn = {
+  true: {
+    // Only Japanese uses the h11 style for 12 hour time. All others use h12.
+    ja: "h11"
+  },
+  false: {}
+};
+function Nt(e, t = {}) {
+  if (typeof t.hour12 == "boolean" && dn()) {
+    t = {
+      ...t
+    };
+    let l = cn[String(t.hour12)][e.split("-")[0]], o = t.hour12 ? "h12" : "h23";
+    t.hourCycle = l ?? o, delete t.hour12;
+  }
+  let n = e + (t ? Object.entries(t).sort((l, o) => l[0] < o[0] ? -1 : 1).join() : "");
+  if ($e.has(n)) return $e.get(n);
+  let a = new Intl.DateTimeFormat(e, t);
+  return $e.set(n, a), a;
+}
+let Ne = null;
+function dn() {
+  return Ne == null && (Ne = new Intl.DateTimeFormat("en-US", {
+    hour: "numeric",
+    hour12: !1
+  }).format(new Date(2020, 2, 3, 0)) === "24"), Ne;
+}
+let we = null;
+function un() {
+  return we == null && (we = new Intl.DateTimeFormat("fr", {
+    hour: "numeric",
+    hour12: !1
+  }).resolvedOptions().hourCycle === "h12"), we;
+}
+function mn(e, t) {
+  if (!t.timeStyle && !t.hour) return;
+  e = e.replace(/(-u-)?-nu-[a-zA-Z0-9]+/, ""), e += (e.includes("-u-") ? "" : "-u") + "-nu-latn";
+  let n = Nt(e, {
+    ...t,
+    timeZone: void 0
+    // use local timezone
+  }), a = parseInt(n.formatToParts(new Date(2020, 2, 3, 0)).find((o) => o.type === "hour").value, 10), l = parseInt(n.formatToParts(new Date(2020, 2, 3, 23)).find((o) => o.type === "hour").value, 10);
+  if (a === 0 && l === 23) return "h23";
+  if (a === 24 && l === 23) return "h24";
+  if (a === 0 && l === 11) return "h11";
+  if (a === 12 && l === 11) return "h12";
+  throw new Error("Unexpected hour cycle result");
+}
+function g(...e) {
+  return e.filter(Boolean).join(" ");
+}
+function H(e, t = ae()) {
+  return e instanceof q ? e.toDate() : e.toDate(t);
+}
+function hn(e) {
+  return e instanceof Q;
+}
+function fe(e) {
+  return e instanceof q;
+}
+function fn(e) {
+  return hn(e) || fe(e);
+}
+function pn(e) {
+  if (e instanceof Date) {
+    const t = e.getFullYear(), n = e.getMonth() + 1;
+    return new Date(t, n, 0).getDate();
+  } else
+    return e.set({ day: 100 }).day;
+}
+function yn(e, t, n) {
+  const a = Yt(e, n);
+  return t > a ? e.subtract({ days: a + 7 - t }) : t === a ? e : e.subtract({ days: a - t });
+}
+function Ke(e) {
+  return e instanceof je ? new Q(2020, 1, 1, e.hour, e.minute, e.second, e.millisecond) : e;
+}
+const wt = {
+  year: "numeric",
+  month: "numeric",
+  day: "numeric",
+  hour: "numeric",
+  minute: "numeric",
+  second: "numeric"
+};
+function xn(e) {
+  return typeof e == "object" && e !== null && "current" in e;
+}
+function me(e) {
+  return xn(e) ? () => e.current : () => e;
+}
+function kt(e) {
+  const t = me(e.locale), n = me(e.monthFormat ?? "long"), a = me(e.yearFormat ?? "numeric");
+  let l;
+  const o = () => l ?? t();
+  function c(_) {
+    l = _;
+  }
+  function s() {
+    return o();
+  }
+  function d(_, x) {
+    return new T(o(), x).format(_);
+  }
+  function h(_, x = !0) {
+    return fn(_) && x ? d(H(_), { dateStyle: "long", timeStyle: "long" }) : d(H(_), { dateStyle: "long" });
+  }
+  function f(_) {
+    const x = n(), $ = a();
+    if (typeof x != "function" && typeof $ != "function")
+      return new T(o(), { month: x, year: $ }).format(_);
+    const k = typeof x == "function" ? x(_.getMonth() + 1) : new T(o(), { month: x }).format(_), M = typeof $ == "function" ? $(_.getFullYear()) : new T(o(), { year: $ }).format(_);
+    return `${k} ${M}`;
+  }
+  function i(_) {
+    return new T(o(), { month: "long" }).format(_);
+  }
+  function u(_) {
+    return new T(o(), { year: "numeric" }).format(_);
+  }
+  function m(_, x) {
+    return fe(_) ? new T(o(), { ...x, timeZone: _.timeZone }).formatToParts(
+      H(_)
+    ) : new T(o(), x).formatToParts(H(_));
+  }
+  function y(_, x = "narrow") {
+    return new T(o(), { weekday: x }).format(_);
+  }
+  function p(_, x = void 0) {
+    return new T(o(), {
+      hour: "numeric",
+      minute: "numeric",
+      hourCycle: x === 24 ? "h23" : void 0
+    }).formatToParts(_).find(($) => $.type === "dayPeriod")?.value === "PM" ? "PM" : "AM";
+  }
+  function v(_, x, $ = {}) {
+    return m(_, { ...wt, ...$ }).find((k) => k.type === x)?.value ?? "";
+  }
+  return {
+    setLocale: c,
+    getLocale: s,
+    custom: d,
+    selectedDate: h,
+    fullMonthAndYear: f,
+    fullMonth: i,
+    fullYear: u,
+    toParts: m,
+    dayOfWeek: y,
+    dayPeriod: p,
+    part: v
+  };
+}
+function ga(e) {
+  const t = me(e);
+  let n;
+  const a = () => n ?? t();
+  function l(i) {
+    n = i;
+  }
+  function o() {
+    return a();
+  }
+  function c(i, u) {
+    return new T(a(), u).format(i);
+  }
+  function s(i) {
+    return c(H(Ke(i)), { timeStyle: "long" });
+  }
+  function d(i, u) {
+    const m = Ke(i);
+    return fe(m) ? new T(a(), {
+      ...u,
+      timeZone: m.timeZone
+    }).formatToParts(H(m)) : new T(a(), u).formatToParts(H(m));
+  }
+  function h(i, u = void 0) {
+    return new T(a(), {
+      hour: "numeric",
+      minute: "numeric",
+      hourCycle: u === 24 ? "h23" : void 0
+    }).formatToParts(i).find((m) => m.type === "dayPeriod")?.value === "PM" ? "PM" : "AM";
+  }
+  function f(i, u, m = {}) {
+    return d(i, { ...wt, ...m }).find((y) => y.type === u)?.value ?? "";
+  }
+  return {
+    setLocale: l,
+    getLocale: o,
+    custom: c,
+    selectedTime: s,
+    toParts: d,
+    dayPeriod: h,
+    part: f
+  };
+}
+const bn = [
+  "ach",
+  "af",
+  "am",
+  "an",
+  "ar",
+  "ast",
+  "az",
+  "be",
+  "bg",
+  "bn",
+  "br",
+  "bs",
+  "ca",
+  "cak",
+  "ckb",
+  "cs",
+  "cy",
+  "da",
+  "de",
+  "dsb",
+  "el",
+  "en",
+  "eo",
+  "es",
+  "et",
+  "eu",
+  "fa",
+  "ff",
+  "fi",
+  "fr",
+  "fy",
+  "ga",
+  "gd",
+  "gl",
+  "he",
+  "hr",
+  "hsb",
+  "hu",
+  "ia",
+  "id",
+  "it",
+  "ja",
+  "ka",
+  "kk",
+  "kn",
+  "ko",
+  "lb",
+  "lo",
+  "lt",
+  "lv",
+  "meh",
+  "ml",
+  "ms",
+  "nl",
+  "nn",
+  "no",
+  "oc",
+  "pl",
+  "pt",
+  "rm",
+  "ro",
+  "ru",
+  "sc",
+  "scn",
+  "sk",
+  "sl",
+  "sr",
+  "sv",
+  "szl",
+  "tg",
+  "th",
+  "tr",
+  "uk",
+  "zh-CN",
+  "zh-TW"
+], gn = ["year", "month", "day"], ke = {
+  ach: { year: "mwaka", month: "dwe", day: "nino" },
+  af: { year: "jjjj", month: "mm", day: "dd" },
+  am: { year: "ዓዓዓዓ", month: "ሚሜ", day: "ቀቀ" },
+  an: { year: "aaaa", month: "mm", day: "dd" },
+  ar: { year: "سنة", month: "شهر", day: "يوم" },
+  ast: { year: "aaaa", month: "mm", day: "dd" },
+  az: { year: "iiii", month: "aa", day: "gg" },
+  be: { year: "гггг", month: "мм", day: "дд" },
+  bg: { year: "гггг", month: "мм", day: "дд" },
+  bn: { year: "yyyy", month: "মিমি", day: "dd" },
+  br: { year: "bbbb", month: "mm", day: "dd" },
+  bs: { year: "gggg", month: "mm", day: "dd" },
+  ca: { year: "aaaa", month: "mm", day: "dd" },
+  cak: { year: "jjjj", month: "ii", day: "q'q'" },
+  ckb: { year: "ساڵ", month: "مانگ", day: "ڕۆژ" },
+  cs: { year: "rrrr", month: "mm", day: "dd" },
+  cy: { year: "bbbb", month: "mm", day: "dd" },
+  da: { year: "åååå", month: "mm", day: "dd" },
+  de: { year: "jjjj", month: "mm", day: "tt" },
+  dsb: { year: "llll", month: "mm", day: "źź" },
+  el: { year: "εεεε", month: "μμ", day: "ηη" },
+  en: { year: "yyyy", month: "mm", day: "dd" },
+  eo: { year: "jjjj", month: "mm", day: "tt" },
+  es: { year: "aaaa", month: "mm", day: "dd" },
+  et: { year: "aaaa", month: "kk", day: "pp" },
+  eu: { year: "uuuu", month: "hh", day: "ee" },
+  fa: { year: "سال", month: "ماه", day: "روز" },
+  ff: { year: "hhhh", month: "ll", day: "ññ" },
+  fi: { year: "vvvv", month: "kk", day: "pp" },
+  fr: { year: "aaaa", month: "mm", day: "jj" },
+  fy: { year: "jjjj", month: "mm", day: "dd" },
+  ga: { year: "bbbb", month: "mm", day: "ll" },
+  gd: { year: "bbbb", month: "mm", day: "ll" },
+  gl: { year: "aaaa", month: "mm", day: "dd" },
+  he: { year: "שנה", month: "חודש", day: "יום" },
+  hr: { year: "gggg", month: "mm", day: "dd" },
+  hsb: { year: "llll", month: "mm", day: "dd" },
+  hu: { year: "éééé", month: "hh", day: "nn" },
+  ia: { year: "aaaa", month: "mm", day: "dd" },
+  id: { year: "tttt", month: "bb", day: "hh" },
+  it: { year: "aaaa", month: "mm", day: "gg" },
+  ja: { year: " 年 ", month: "月", day: "日" },
+  ka: { year: "წწწწ", month: "თთ", day: "რრ" },
+  kk: { year: "жжжж", month: "аа", day: "кк" },
+  kn: { year: "ವವವವ", month: "ಮಿಮೀ", day: "ದಿದಿ" },
+  ko: { year: "연도", month: "월", day: "일" },
+  lb: { year: "jjjj", month: "mm", day: "dd" },
+  lo: { year: "ປປປປ", month: "ດດ", day: "ວວ" },
+  lt: { year: "mmmm", month: "mm", day: "dd" },
+  lv: { year: "gggg", month: "mm", day: "dd" },
+  meh: { year: "aaaa", month: "mm", day: "dd" },
+  ml: { year: "വർഷം", month: "മാസം", day: "തീയതി" },
+  ms: { year: "tttt", month: "mm", day: "hh" },
+  nl: { year: "jjjj", month: "mm", day: "dd" },
+  nn: { year: "åååå", month: "mm", day: "dd" },
+  no: { year: "åååå", month: "mm", day: "dd" },
+  oc: { year: "aaaa", month: "mm", day: "jj" },
+  pl: { year: "rrrr", month: "mm", day: "dd" },
+  pt: { year: "aaaa", month: "mm", day: "dd" },
+  rm: { year: "oooo", month: "mm", day: "dd" },
+  ro: { year: "aaaa", month: "ll", day: "zz" },
+  ru: { year: "гггг", month: "мм", day: "дд" },
+  sc: { year: "aaaa", month: "mm", day: "dd" },
+  scn: { year: "aaaa", month: "mm", day: "jj" },
+  sk: { year: "rrrr", month: "mm", day: "dd" },
+  sl: { year: "llll", month: "mm", day: "dd" },
+  sr: { year: "гггг", month: "мм", day: "дд" },
+  sv: { year: "åååå", month: "mm", day: "dd" },
+  szl: { year: "rrrr", month: "mm", day: "dd" },
+  tg: { year: "сссс", month: "мм", day: "рр" },
+  th: { year: "ปปปป", month: "ดด", day: "วว" },
+  tr: { year: "yyyy", month: "aa", day: "gg" },
+  uk: { year: "рррр", month: "мм", day: "дд" },
+  "zh-CN": { year: "年", month: "月", day: "日" },
+  "zh-TW": { year: "年", month: "月", day: "日" }
+};
+function _n(e) {
+  if (We(e))
+    return ke[e];
+  {
+    const t = wn(e);
+    return We(t) ? ke[t] : ke.en;
+  }
+}
+function Me(e, t, n) {
+  return vn(e) ? _n(n)[e] : Nn(e) ? t : $n(e) ? "––" : "";
+}
+function We(e) {
+  return bn.includes(e);
+}
+function vn(e) {
+  return gn.includes(e);
+}
+function $n(e) {
+  return e === "hour" || e === "minute" || e === "second";
+}
+function Nn(e) {
+  return e === "era" || e === "dayPeriod";
+}
+function wn(e) {
+  return Intl.Locale ? new Intl.Locale(e).language : e.split("-")[0];
+}
+const Mt = ["day", "month", "year"], kn = ["hour", "minute", "second", "dayPeriod"], Mn = ["literal", "timeZoneName"], pe = [
+  ...Mt,
+  ...kn
+], Cn = [
+  ...pe,
+  ...Mn
+], Dn = typeof document < "u";
+function In(e) {
+  return e instanceof HTMLElement;
+}
+function Y(e) {
+  return e === null;
+}
+function Ve(e, t) {
+  const n = t.indexOf(e);
+  if (n === t.length - 1 || n === -1) return null;
+  const a = n + 1;
+  return t[a];
+}
+function Sn(e, t) {
+  const n = t.indexOf(e);
+  if (n === 0 || n === -1) return null;
+  const a = n - 1;
+  return t[a];
+}
+function Ct(e) {
+  return e ? Array.from(e.querySelectorAll("[data-segment]")).filter(
+    (t) => {
+      if (!In(t)) return !1;
+      const n = t.dataset.segment;
+      return n === "trigger" ? !0 : !(!Ln(n) || n === "literal");
+    }
+  ) : [];
+}
+let qe = 0;
+function z(e = "mx") {
+  return qe += 1, `${e}-${qe.toString(36)}`;
+}
+function Dt(e) {
+  const t = ["hour", "minute", "second"], n = pe.map((a) => a === "dayPeriod" ? [a, "AM"] : [a, null]).filter(([a]) => a === "literal" || a === null ? !1 : !t.includes(a));
+  return Object.fromEntries(n);
+}
+function An(e) {
+  const { segmentValues: t, formatter: n, locale: a, dateRef: l } = e, o = Object.keys(t).reduce((s, d) => {
+    if (!It(d)) return s;
+    if ("hour" in t && d === "dayPeriod") {
+      const h = t[d];
+      Y(h) ? s[d] = Me(d, "AM", a) : s[d] = h;
+    } else
+      s[d] = c(d);
+    return s;
+  }, {});
+  function c(s) {
+    if ("hour" in t) {
+      const d = t[s], h = typeof d == "string" && d?.startsWith("0"), f = d !== null ? Number.parseInt(d) : null;
+      if (d === "0" && s !== "year")
+        return "0";
+      if (!Y(d) && !Y(f)) {
+        const i = n.part(l.set({ [s]: d }), s, {
+          hourCycle: e.hourCycle === 24 ? "h23" : void 0
+        }), u = e.hourCycle === 12 || e.hourCycle === void 0 && Pn(a) === 12;
+        if (s === "hour" && u) {
+          if (f > 12) {
+            const m = f - 12;
+            return m === 0 ? "12" : m < 10 ? `0${m}` : `${m}`;
+          }
+          return f === 0 ? "12" : f < 10 ? `0${f}` : `${f}`;
+        }
+        return s === "year" ? `${d}` : h && i.length === 1 ? `0${i}` : i;
+      } else
+        return Me(s, "", a);
+    } else {
+      if (ye(s)) {
+        const d = t[s], h = typeof d == "string" && d?.startsWith("0");
+        if (d === "0")
+          return "0";
+        if (Y(d))
+          return Me(s, "", a);
+        {
+          const f = n.part(l.set({ [s]: d }), s);
+          return s === "year" ? `${d}` : h && f.length === 1 ? `0${f}` : f;
+        }
+      }
+      return "";
+    }
+  }
+  return o;
+}
+function Tn(e) {
+  const { granularity: t, dateRef: n, formatter: a, contentObj: l, hideTimeZone: o, hourCycle: c } = e;
+  return a.toParts(n, Rn(t, c)).map((s) => ["literal", "dayPeriod", "timeZoneName", null].includes(s.type) || !It(s.type) ? {
+    part: s.type,
+    value: s.value
+  } : {
+    part: s.type,
+    value: l[s.type]
+  }).filter((s) => !(Y(s.part) || Y(s.value) || s.part === "timeZoneName" && (!fe(n) || o)));
+}
+function En(e) {
+  const t = An(e), n = Tn({
+    contentObj: t,
+    ...e
+  });
+  return {
+    obj: t,
+    arr: n
+  };
+}
+function Rn(e, t) {
+  const n = {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    timeZoneName: "short",
+    hourCycle: t === 24 ? "h23" : void 0,
+    hour12: t === 24 ? !1 : void 0
+  };
+  return e === "day" && (delete n.second, delete n.hour, delete n.minute, delete n.timeZoneName), e === "hour" && delete n.minute, e === "minute" && delete n.second, n;
+}
+function ye(e) {
+  return Mt.includes(e);
+}
+function It(e) {
+  return pe.includes(e);
+}
+function Ln(e) {
+  return Cn.includes(e);
+}
+function St(e) {
+  return !Dn || !e ? [] : Ct(e).map((t) => t.dataset.segment).filter((t) => pe.includes(t));
+}
+function ze(e) {
+  const { segmentObj: t, fieldNode: n, dateRef: a } = e, l = St(n);
+  let o = a;
+  for (const c of l)
+    if ("hour" in t) {
+      const s = t[c];
+      if (Y(s)) continue;
+      o = o.set({ [c]: t[c] });
+    } else if (ye(c)) {
+      const s = t[c];
+      if (Y(s)) continue;
+      o = o.set({ [c]: t[c] });
+    }
+  return o;
+}
+function Ge(e, t) {
+  const n = St(t);
+  for (const a of n)
+    if ("hour" in e) {
+      if (e[a] === null)
+        return !1;
+    } else if (ye(a) && e[a] === null)
+      return !1;
+  return !0;
+}
+function Pn(e) {
+  return new Intl.DateTimeFormat(e, { hour: "numeric" }).formatToParts(/* @__PURE__ */ new Date("2023-01-01T13:00:00")).find((t) => t.type === "hour")?.value === "1" ? 12 : 24;
+}
+const At = 2024;
+function Je(e) {
+  return {
+    ...Dt(),
+    day: String(e.day),
+    month: String(e.month),
+    year: String(e.year)
+  };
+}
+function jn(e) {
+  return pn(
+    new V(Number(e.year) || At, Number(e.month) || 1, 1)
+  );
+}
+function Xe(e, t) {
+  return e === "month" ? 12 : e === "year" ? 9999 : jn(t);
+}
+function On(e = {}) {
+  const { value: t, defaultValue: n, onChange: a, locale: l = "en" } = e, o = t !== void 0, c = w(null), [s, d] = N(
+    () => n !== void 0 ? Je(n) : Dt()
+  ), h = E(
+    () => t !== void 0 ? Je(t) : s,
+    [t, s]
+  ), f = E(() => kt({ locale: l }), [l]), i = E(() => new V(At, 1, 1), []), u = E(
+    () => En({
+      segmentValues: h,
+      formatter: f,
+      locale: l,
+      dateRef: i,
+      granularity: "day",
+      hideTimeZone: !1,
+      hourCycle: void 0
+    }),
+    [h, f, l, i]
+  ), m = K(
+    (_) => (x) => {
+      const $ = c.current, k = Ct($), M = h[_], A = _ === "year" ? 4 : 2, O = Xe(_, h), oe = (I) => {
+        const D = { ...h, [_]: I };
+        o || d(D), $ && Ge(D, $) ? a?.(ze({ segmentObj: D, fieldNode: $, dateRef: i })) : a?.(void 0);
+      };
+      if (/^[0-9]$/.test(x.key)) {
+        x.preventDefault();
+        let I = (M && M.length < A ? M : "") + x.key;
+        Number(I) > O && (I = x.key);
+        const D = I.length >= A || Number(I) * 10 > O, jt = D && I.length < A ? I.padStart(A, "0") : I;
+        oe(jt), D && Ve(x.currentTarget, k)?.focus();
+        return;
+      }
+      if (x.key === "ArrowUp" || x.key === "ArrowDown") {
+        x.preventDefault();
+        const I = x.key === "ArrowUp" ? 1 : -1;
+        let D = Number(M);
+        !M || Number.isNaN(D) ? D = I > 0 ? 1 : O : (D += I, D > O && (D = 1), D < 1 && (D = O)), oe(_ === "year" ? String(D) : String(D).padStart(2, "0"));
+        return;
+      }
+      if (x.key === "ArrowLeft") {
+        x.preventDefault(), Sn(x.currentTarget, k)?.focus();
+        return;
+      }
+      if (x.key === "ArrowRight") {
+        x.preventDefault(), Ve(x.currentTarget, k)?.focus();
+        return;
+      }
+      if (x.key === "Backspace")
+        if (x.preventDefault(), !M)
+          oe(null);
+        else {
+          const I = M.slice(0, -1);
+          oe(I.length ? I : null);
+        }
+    },
+    [h, o, a, i]
+  ), y = K(
+    (_) => ye(_) ? {
+      "data-segment": _,
+      role: "spinbutton",
+      inputMode: "numeric",
+      tabIndex: 0,
+      "aria-label": _,
+      "aria-valuenow": Number(h[_]) || void 0,
+      "aria-valuemin": 1,
+      "aria-valuemax": Xe(_, h),
+      onKeyDown: m(_)
+    } : { "data-segment": _ },
+    [h, m]
+  ), p = E(
+    () => u.arr.map((_) => ({ part: _.part, value: _.value })),
+    [u]
+  ), v = E(() => {
+    if (t !== void 0) return t;
+    const _ = c.current;
+    if (_ && Ge(h, _))
+      return ze({ segmentObj: h, fieldNode: _, dateRef: i });
+  }, [t, h, i]);
+  return {
+    segments: p,
+    fieldProps: { ref: c, role: "group" },
+    segmentProps: y,
+    value: v
+  };
+}
+const Bn = 42;
+function Fn(e = {}) {
+  const { value: t, defaultValue: n, onChange: a, locale: l = "en", firstDayOfWeek: o = 0 } = e, c = t !== void 0, [s, d] = N(n), h = c ? t : s, [f, i] = N(
+    () => (t ?? n ?? Fe(ae())).set({ day: 1 })
+  ), u = E(() => kt({ locale: l }), [l]), m = E(() => Fe(ae()), []), y = E(
+    () => u.fullMonthAndYear(H(f)),
+    [u, f]
+  ), p = E(
+    () => yn(f.set({ day: 1 }), o, l),
+    [f, o, l]
+  ), v = E(
+    () => Array.from(
+      { length: 7 },
+      ($, k) => u.dayOfWeek(H(p.add({ days: k })), "short")
+    ),
+    [u, p]
+  ), _ = K(
+    ($) => {
+      c || d($), a?.($);
+    },
+    [c, a]
+  ), x = E(
+    () => Array.from({ length: Bn }, ($, k) => {
+      const M = p.add({ days: k }), A = h != null && Be(M, h);
+      return {
+        date: M,
+        label: String(M.day),
+        isSelected: A,
+        isToday: Be(M, m),
+        isOutsideMonth: M.month !== f.month,
+        cellProps: {
+          role: "gridcell",
+          "aria-selected": A,
+          "aria-label": u.selectedDate(M, !1),
+          tabIndex: A ? 0 : -1,
+          onClick: () => _(M)
+        }
+      };
+    }),
+    [p, h, m, f, u, _]
+  );
+  return {
+    monthLabel: y,
+    weekdays: v,
+    cells: x,
+    gridProps: { role: "grid", "aria-label": y },
+    selected: h,
+    prevButtonProps: {
+      onClick: () => i(($) => $.subtract({ months: 1 })),
+      "aria-label": "Previous month"
+    },
+    nextButtonProps: {
+      onClick: () => i(($) => $.add({ months: 1 })),
+      "aria-label": "Next month"
+    }
+  };
+}
+function Zn({
+  forceMount: e,
+  open: t
+}) {
+  return t;
+}
+const Hn = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "textarea:not([disabled])",
+  "select:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(",");
+function Yn(e) {
+  return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length);
+}
+function Qe(e) {
+  return Array.from(e.querySelectorAll(Hn)).filter((t) => Yn(t) && t.getAttribute("aria-hidden") !== "true");
+}
+function et(e) {
+  return e ? "current" in e ? e.current : e : null;
+}
+function Tt(e, { active: t, returnFocusTo: n, initialFocus: a, forceMount: l = !1 }) {
+  const o = w(null);
+  P(() => {
+    const c = Zn({ forceMount: l, open: t }), s = e.current;
+    if (!c || !s) return;
+    o.current = document.activeElement ?? null;
+    const d = et(a), h = Qe(s).at(0) ?? null;
+    (d ?? h ?? s).focus?.();
+    const f = (i) => {
+      if (i.key !== "Tab") return;
+      const u = Qe(s);
+      if (u.length === 0) {
+        i.preventDefault(), s.focus?.();
+        return;
+      }
+      const m = u[0], y = u[u.length - 1], p = document.activeElement;
+      if (!p || !s.contains(p)) {
+        i.preventDefault(), (i.shiftKey ? y : m)?.focus?.();
+        return;
+      }
+      i.shiftKey && p === m ? (i.preventDefault(), y?.focus?.()) : !i.shiftKey && p === y && (i.preventDefault(), m?.focus?.());
+    };
+    return document.addEventListener("keydown", f, !0), () => {
+      document.removeEventListener("keydown", f, !0), (et(n) ?? o.current)?.focus?.();
+    };
+  }, [t, l, e, n, a]);
+}
+function Un(e, t) {
+  const { clientX: n, clientY: a } = e, l = t.getBoundingClientRect();
+  return n < l.left || n > l.right || a < l.top || a > l.bottom;
+}
+function ee(e, t) {
+  const n = w(t);
+  n.current = t;
+  const a = t.enabled ?? !0;
+  P(() => {
+    if (!a) return;
+    const l = (c) => {
+      const s = n.current;
+      if (s.outsideClick === !1) return;
+      const d = e.current;
+      if (!d) return;
+      const h = c.target;
+      if (!(h && d.contains(h))) {
+        if (s.ignore)
+          for (const f of s.ignore) {
+            const i = f?.current;
+            if (i && h && i.contains(h)) return;
+          }
+        Un(c, d) && s.onDismiss();
+      }
+    }, o = (c) => {
+      const s = n.current;
+      s.escapeKey !== !1 && c.key === "Escape" && s.onDismiss();
+    };
+    return document.addEventListener("pointerdown", l, !0), document.addEventListener("keydown", o, !0), () => {
+      document.removeEventListener("pointerdown", l, !0), document.removeEventListener("keydown", o, !0);
+    };
+  }, [a, e]);
+}
+function Kn(e, t) {
+  const n = e.indexOf("-"), a = n === -1 ? e : e.slice(0, n), l = n === -1 ? void 0 : e.slice(n + 1);
+  return { side: a, align: l ?? t ?? "center" };
+}
+function ie(e, t, n, a) {
+  return a === "start" ? e : a === "end" ? t - n : e + (t - e - n) / 2;
+}
+function Wn(e, t, n, a) {
+  const { side: l, align: o } = Kn(a.placement ?? "bottom-start", a.align), c = a.gap ?? 8, s = a.padding ?? 8;
+  let d = 0, h = 0;
+  switch (l) {
+    case "top":
+      d = e.top - n - c, h = ie(e.left, e.right, t, o);
+      break;
+    case "bottom":
+      d = e.bottom + c, h = ie(e.left, e.right, t, o);
+      break;
+    case "left":
+      h = e.left - t - c, d = ie(e.top, e.bottom, n, o);
+      break;
+    case "right":
+      h = e.right + c, d = ie(e.top, e.bottom, n, o);
+      break;
+  }
+  const f = Math.max(s, window.innerWidth - t - s), i = Math.max(s, window.innerHeight - n - s);
+  return {
+    top: Math.min(Math.max(s, d), i),
+    left: Math.min(Math.max(s, h), f)
+  };
+}
+function te(e, t, n = {}) {
+  const a = w(n);
+  a.current = n;
+  const [l, o] = N({
+    position: "fixed",
+    top: 0,
+    left: 0,
+    visibility: "hidden"
+  }), c = K(() => {
+    const s = a.current;
+    if (s.open === !1) return;
+    const d = t.current;
+    if (!d) return;
+    const h = d.getBoundingClientRect(), f = s.width ?? h.width, i = h.height;
+    let u = null;
+    if (s.point)
+      u = { top: s.point.y, bottom: s.point.y, left: s.point.x, right: s.point.x };
+    else {
+      const p = e.current;
+      if (p) {
+        const v = p.getBoundingClientRect();
+        u = { top: v.top, bottom: v.bottom, left: v.left, right: v.right };
+      }
+    }
+    if (!u) return;
+    const { top: m, left: y } = Wn(u, f, i, s);
+    o({
+      position: "fixed",
+      top: m,
+      left: y,
+      visibility: "visible",
+      ...s.width != null ? { width: s.width } : {}
+    });
+  }, [e, t]);
+  return Ot(() => {
+    if (n.open !== !1)
+      return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
+        window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
+      };
+  }, [
+    n.open,
+    n.placement,
+    n.align,
+    n.width,
+    n.gap,
+    n.point?.x,
+    n.point?.y,
+    c
+  ]), { style: l, update: c };
+}
+const Vn = ["INPUT", "TEXTAREA"];
+function Oe(e, t, n, a) {
+  if (!t || a.enableIgnoredElement && Vn.includes(t.nodeName))
+    return null;
+  const {
+    arrowKeyOptions: l = "both",
+    candidateSelector: o,
+    itemsArray: c = [],
+    loop: s = !0,
+    dir: d = "ltr",
+    preventScroll: h = !0,
+    focus: f = !1
+  } = a, [i, u, m, y, p, v] = [
+    e.key === "ArrowRight",
+    e.key === "ArrowLeft",
+    e.key === "ArrowUp",
+    e.key === "ArrowDown",
+    e.key === "Home",
+    e.key === "End"
+  ], _ = m || y, x = i || u;
+  if (!p && !v && (!_ && !x || l === "vertical" && x || l === "horizontal" && _))
+    return null;
+  const $ = n ? Array.from(n.querySelectorAll(o)) : c;
+  if (!$.length) return null;
+  h && e.preventDefault();
+  let k = null;
+  return x || _ ? k = Et($, t, {
+    goForward: _ ? y : d === "ltr" ? i : u,
+    loop: s
+  }) : p ? k = $.at(0) || null : v && (k = $.at(-1) || null), f && k?.focus(), k;
+}
+function Et(e, t, { goForward: n, loop: a }, l = e.length) {
+  if (--l === 0) return null;
+  const o = e.indexOf(t), c = n ? o + 1 : o - 1;
+  if (!a && (c < 0 || c >= e.length)) return null;
+  const s = (c + e.length) % e.length, d = e[s];
+  return d ? d.hasAttribute("disabled") && d.getAttribute("disabled") !== "false" ? Et(e, d, { goForward: n, loop: a }, l) : d : null;
+}
+const tt = j(function({ variant: t = "primary", size: n = "md", loading: a = !1, fullWidth: l = !1, leading: o, trailing: c, type: s = "button", className: d, children: h, disabled: f, ...i }, u) {
+  return /* @__PURE__ */ b(
+    "button",
+    {
+      ref: u,
+      type: s,
+      disabled: f || a,
+      "aria-busy": a || void 0,
+      className: g("mx-btn", `mx-btn--${t}`, `mx-btn--${n}`, l && "is-full", d),
+      ...i,
+      children: [
+        a ? /* @__PURE__ */ r("span", { className: "mx-btn__spin", "aria-hidden": "true" }) : o ? /* @__PURE__ */ r("span", { className: "mx-btn__icon", children: o }) : null,
+        h != null && /* @__PURE__ */ r("span", { className: "mx-btn__lbl", children: h }),
+        c && !a ? /* @__PURE__ */ r("span", { className: "mx-btn__icon mx-btn__icon--trail", children: c }) : null
+      ]
+    }
+  );
+});
+function _a({
+  href: e,
+  onClick: t,
+  disabled: n = !1,
+  size: a = "md",
+  muted: l = !1,
+  leading: o,
+  trailing: c,
+  type: s = "button",
+  target: d,
+  rel: h,
+  className: f,
+  children: i,
+  "aria-label": u
+}) {
+  const m = g("mx-link", `mx-link--${a}`, l && "mx-link--muted", n && "is-disabled", f), y = /* @__PURE__ */ b(C, { children: [
+    o && /* @__PURE__ */ r("span", { className: "mx-link__icon", children: o }),
+    i != null && /* @__PURE__ */ r("span", { className: "mx-link__lbl", children: i }),
+    c && /* @__PURE__ */ r("span", { className: "mx-link__icon", children: c })
+  ] });
+  return e !== void 0 && !n ? /* @__PURE__ */ r("a", { className: m, href: e, target: d, rel: h, onClick: t, "aria-label": u, children: y }) : /* @__PURE__ */ r("button", { className: m, type: s, disabled: n, onClick: t, "aria-label": u, children: y });
+}
+const qn = {
+  arrow: /* @__PURE__ */ r("path", { d: "M5 12h14M13 5l7 7-7 7" }),
+  "arrow-up-right": /* @__PURE__ */ r("path", { d: "M7 17 17 7M8 7h9v9" }),
+  "arrow-down-left": /* @__PURE__ */ r("path", { d: "M17 7 7 17M16 17H7V8" }),
+  check: /* @__PURE__ */ r("path", { d: "M20 6 9 17l-5-5" }),
+  close: /* @__PURE__ */ r("path", { d: "M18 6 6 18M6 6l12 12" }),
+  plus: /* @__PURE__ */ r("path", { d: "M12 5v14M5 12h14" }),
+  minus: /* @__PURE__ */ r("path", { d: "M5 12h14" }),
+  search: /* @__PURE__ */ r("path", { d: "M21 21l-4.35-4.35M17 10a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z" }),
+  star: /* @__PURE__ */ r("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01Z" }),
+  bell: /* @__PURE__ */ r("path", { d: "M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9M13.73 21a2 2 0 0 1-3.46 0" }),
+  cog: /* @__PURE__ */ b(C, { children: [
+    /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "3" }),
+    /* @__PURE__ */ r("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.6h.09A1.65 1.65 0 0 0 10 3.09V3a2 2 0 0 1 4 0v.09A1.65 1.65 0 0 0 15 4.6a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9v.09a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" })
+  ] }),
+  user: /* @__PURE__ */ b(C, { children: [
+    /* @__PURE__ */ r("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
+    /* @__PURE__ */ r("circle", { cx: "12", cy: "7", r: "4" })
+  ] }),
+  users: /* @__PURE__ */ r("path", { d: "M9 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM3 20a6 6 0 0 1 12 0M16 6a3 3 0 0 1 0 6M21 20a5 5 0 0 0-4-5" }),
+  home: /* @__PURE__ */ r("path", { d: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2h-4v-7H8v7H4a2 2 0 0 1-2-2Z" }),
+  list: /* @__PURE__ */ r("path", { d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" }),
+  mail: /* @__PURE__ */ r("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2ZM22 6 12 13 2 6" }),
+  wallet: /* @__PURE__ */ b(C, { children: [
+    /* @__PURE__ */ r("path", { d: "M19 7H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2Z" }),
+    /* @__PURE__ */ r("path", { d: "M3 9V7a2 2 0 0 1 2-2h11M16 13h2" })
+  ] }),
+  "credit-card": /* @__PURE__ */ b(C, { children: [
+    /* @__PURE__ */ r("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2" }),
+    /* @__PURE__ */ r("path", { d: "M2 10h20" })
+  ] }),
+  shield: /* @__PURE__ */ r("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z" }),
+  globe: /* @__PURE__ */ b(C, { children: [
+    /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ r("path", { d: "M2 12h20M12 2a15 15 0 0 1 0 20 15 15 0 0 1 0-20Z" })
+  ] }),
+  "help-circle": /* @__PURE__ */ b(C, { children: [
+    /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ r("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01" })
+  ] }),
+  "chevron-right": /* @__PURE__ */ r("path", { d: "M9 18l6-6-6-6" }),
+  "chevron-down": /* @__PURE__ */ r("path", { d: "M6 9l6 6 6-6" }),
+  alert: /* @__PURE__ */ r("path", { d: "M10.3 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0ZM12 9v4M12 17h.01" }),
+  info: /* @__PURE__ */ b(C, { children: [
+    /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ r("path", { d: "M12 16v-4M12 8h.01" })
+  ] }),
+  download: /* @__PURE__ */ r("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" }),
+  upload: /* @__PURE__ */ r("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12" }),
+  trash: /* @__PURE__ */ r("path", { d: "M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }),
+  refresh: /* @__PURE__ */ r("path", { d: "M21 12a9 9 0 1 1-2.64-6.36M21 4v4h-4" }),
+  copy: /* @__PURE__ */ b(C, { children: [
+    /* @__PURE__ */ r("rect", { x: "9", y: "9", width: "11", height: "11", rx: "2" }),
+    /* @__PURE__ */ r("path", { d: "M5 15V5a2 2 0 0 1 2-2h8" })
+  ] }),
+  pause: /* @__PURE__ */ r("path", { d: "M8 5v14M16 5v14" }),
+  play: /* @__PURE__ */ r("path", { d: "M6 4l14 8-14 8V4Z" }),
+  repeat: /* @__PURE__ */ r("path", { d: "M17 1l4 4-4 4M3 11V9a4 4 0 0 1 4-4h14M7 23l-4-4 4-4M21 13v2a4 4 0 0 1-4 4H3" }),
+  "trending-up": /* @__PURE__ */ r("path", { d: "M23 6l-9.5 9.5-5-5L1 18M17 6h6v6" }),
+  bank: /* @__PURE__ */ r("path", { d: "M3 21h18M5 21V8l7-5 7 5v13M9 21v-6h6v6" }),
+  bolt: /* @__PURE__ */ r("path", { d: "M13 2 4 14h6l-1 8 9-12h-6l1-8Z" }),
+  flow: /* @__PURE__ */ b(C, { children: [
+    /* @__PURE__ */ r("circle", { cx: "6", cy: "6", r: "2.5" }),
+    /* @__PURE__ */ r("circle", { cx: "18", cy: "6", r: "2.5" }),
+    /* @__PURE__ */ r("circle", { cx: "12", cy: "18", r: "2.5" }),
+    /* @__PURE__ */ r("path", { d: "m7.5 7.8 3.5 7.2M17 7.8 13 15" })
+  ] }),
+  batch: /* @__PURE__ */ b(C, { children: [
+    /* @__PURE__ */ r("rect", { x: "3", y: "4", width: "18", height: "5", rx: "1" }),
+    /* @__PURE__ */ r("rect", { x: "3", y: "11", width: "18", height: "5", rx: "1" }),
+    /* @__PURE__ */ r("path", { d: "M6 20h12" })
+  ] })
+};
+function S({ name: e, size: t = 16, strokeWidth: n = 2, ...a }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      width: t,
+      height: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: n,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      style: { flexShrink: 0, display: "block" },
+      ...a,
+      children: qn[e]
+    }
+  );
+}
+const zn = { sm: 16, md: 18, lg: 20 }, Gn = j(function({ icon: t, label: n, variant: a = "secondary", size: l = "md", shape: o = "circle", type: c = "button", className: s, ...d }, h) {
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      ref: h,
+      type: c,
+      className: g(
+        "mx-icon-btn",
+        `mx-btn--${a}`,
+        `mx-icon-btn--${l}`,
+        `mx-icon-btn--${o}`,
+        s
+      ),
+      ...d,
+      "aria-label": n,
+      title: n,
+      children: /* @__PURE__ */ r(S, { name: t, size: zn[l] })
+    }
+  );
+});
+function va({ label: e, orientation: t = "horizontal", className: n }) {
+  return t === "vertical" ? /* @__PURE__ */ r("span", { className: g("mx-divider mx-divider--v", n), role: "separator", "aria-orientation": "vertical" }) : e != null ? /* @__PURE__ */ b("div", { className: g("mx-divider mx-divider--label", n), role: "separator", children: [
+    /* @__PURE__ */ r("span", { className: "mx-divider__line" }),
+    /* @__PURE__ */ r("span", { className: "mx-divider__lbl", children: e }),
+    /* @__PURE__ */ r("span", { className: "mx-divider__line" })
+  ] }) : /* @__PURE__ */ r("hr", { className: g("mx-divider", n) });
+}
+const Jn = {
+  1: "h6",
+  2: "h6",
+  3: "h6",
+  4: "h5",
+  5: "h4",
+  6: "h3",
+  7: "h2",
+  8: "h1",
+  9: "h1"
+};
+function Rt({
+  size: e = 6,
+  weight: t = "bold",
+  align: n,
+  as: a,
+  accent: l,
+  truncate: o,
+  className: c,
+  children: s,
+  ...d
+}) {
+  const h = a ?? Jn[e];
+  return /* @__PURE__ */ r(
+    h,
+    {
+      className: g(
+        "mx-heading",
+        `mx-heading--${e}`,
+        `mx-heading--w-${t}`,
+        n && `mx-heading--align-${n}`,
+        l && `mx-heading--accent-${l}`,
+        o && "mx-heading--truncate",
+        c
+      ),
+      ...d,
+      children: s
+    }
+  );
+}
+const Xn = {
+  display: "h1",
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  lead: "p",
+  body: "p",
+  small: "p",
+  muted: "p",
+  code: "code",
+  quote: "blockquote"
+};
+function $a({
+  variant: e = "body",
+  children: t,
+  accent: n,
+  italic: a,
+  align: l,
+  className: o,
+  ...c
+}) {
+  const s = Xn[e];
+  return /* @__PURE__ */ r(
+    s,
+    {
+      className: g(
+        "mx-text",
+        `mx-text--${e}`,
+        a && "mx-text--italic",
+        l && `mx-text--align-${l}`,
+        n && `mx-text--accent-${n}`,
+        o
+      ),
+      ...c,
+      children: t
+    }
+  );
+}
+function Na({
+  orientation: e = "horizontal",
+  label: t,
+  size: n,
+  decorative: a = !0,
+  className: l,
+  style: o,
+  ...c
+}) {
+  const s = n != null ? typeof n == "number" ? `${n}px` : n : void 0, d = s ? { "--mx-sep-size": s } : void 0, h = d || o ? { ...d, ...o } : void 0, f = a ? { role: "none" } : { role: "separator", "aria-orientation": e };
+  return e === "vertical" ? /* @__PURE__ */ r(
+    "div",
+    {
+      className: g("mx-separator", "mx-separator--v", l),
+      style: h,
+      ...c,
+      ...f
+    }
+  ) : t != null ? /* @__PURE__ */ b(
+    "div",
+    {
+      className: g("mx-separator", "mx-separator--label", l),
+      style: h,
+      ...c,
+      ...f,
+      children: [
+        /* @__PURE__ */ r("span", { className: "mx-separator__line" }),
+        /* @__PURE__ */ r("span", { className: "mx-separator__lbl", children: t }),
+        /* @__PURE__ */ r("span", { className: "mx-separator__line" })
+      ]
+    }
+  ) : /* @__PURE__ */ r("div", { className: g("mx-separator", l), style: h, ...c, ...f });
+}
+const Qn = j(function({ label: t, hint: n, error: a, leading: l, trailing: o, id: c, className: s, required: d, disabled: h, ...f }, i) {
+  const u = le(), m = c ?? u, y = a || n;
+  return /* @__PURE__ */ b("label", { htmlFor: m, className: g("mx-in", a && "mx-in--err", h && "mx-in--dis", s), children: [
+    t && /* @__PURE__ */ b("span", { className: "mx-in__lbl", children: [
+      t,
+      d && /* @__PURE__ */ r("span", { className: "mx-in__req", "aria-hidden": "true", children: " *" })
+    ] }),
+    /* @__PURE__ */ b("span", { className: "mx-in__field", children: [
+      l && /* @__PURE__ */ r("span", { className: "mx-in__aff mx-in__aff--lead", children: l }),
+      /* @__PURE__ */ r(
+        "input",
+        {
+          ref: i,
+          id: m,
+          className: "mx-in__inp",
+          "aria-invalid": a ? "true" : void 0,
+          required: d,
+          disabled: h,
+          ...f
+        }
+      ),
+      o && /* @__PURE__ */ r("span", { className: "mx-in__aff mx-in__aff--trail", children: o })
+    ] }),
+    y && /* @__PURE__ */ r("span", { className: g("mx-in__msg", a && "mx-in__msg--err"), children: y })
+  ] });
+}), wa = j(function({ label: t, hint: n, error: a, resizable: l = !1, size: o = "md", id: c, className: s, rows: d = 4, maxLength: h, value: f, required: i, disabled: u, ...m }, y) {
+  const p = le(), v = c ?? p, _ = typeof f == "string" ? f.length : 0, x = a || n;
+  return /* @__PURE__ */ b("label", { htmlFor: v, className: g("mx-ta", `mx-ta--${o}`, a && "mx-ta--err", u && "mx-ta--dis", s), children: [
+    t && /* @__PURE__ */ b("span", { className: "mx-ta__lbl", children: [
+      t,
+      i && /* @__PURE__ */ r("span", { className: "mx-ta__req", "aria-hidden": "true", children: " *" })
+    ] }),
+    /* @__PURE__ */ r("div", { className: g("mx-ta__field", l && "is-resize"), children: /* @__PURE__ */ r(
+      "textarea",
+      {
+        ref: y,
+        id: v,
+        className: "mx-ta__inp",
+        rows: d,
+        maxLength: h,
+        value: f,
+        "aria-invalid": a ? "true" : void 0,
+        required: i,
+        disabled: u,
+        ...m
+      }
+    ) }),
+    /* @__PURE__ */ b("div", { className: "mx-ta__foot", children: [
+      x ? /* @__PURE__ */ r("span", { className: g("mx-ta__msg", a && "mx-ta__msg--err"), children: x }) : /* @__PURE__ */ r("span", {}),
+      h != null && /* @__PURE__ */ b("span", { className: g("mx-ta__count", _ >= h && "is-over"), children: [
+        _,
+        "/",
+        h
+      ] })
+    ] })
+  ] });
+});
+function ka({ value: e, onChange: t, onSearch: n, placeholder: a = "Search", className: l, disabled: o, ...c }) {
+  return /* @__PURE__ */ b("label", { className: g("mx-sr", o && "mx-sr--dis", l), children: [
+    /* @__PURE__ */ r("span", { className: "mx-sr__icon", children: /* @__PURE__ */ r(S, { name: "search", size: 14 }) }),
+    /* @__PURE__ */ r(
+      "input",
+      {
+        className: "mx-sr__inp",
+        type: "search",
+        value: e,
+        placeholder: a,
+        disabled: o,
+        onChange: (s) => t?.(s.target.value),
+        onKeyDown: (s) => {
+          s.key === "Enter" ? n?.(e) : s.key === "Escape" && t?.("");
+        },
+        ...c
+      }
+    ),
+    e && !o && /* @__PURE__ */ r("button", { type: "button", className: "mx-sr__x", "aria-label": "Clear", onClick: () => t?.(""), children: "×" })
+  ] });
+}
+const Ma = j(function({ label: t, hint: n, error: a, options: l, placeholder: o, id: c, className: s, required: d, disabled: h, ...f }, i) {
+  const u = le(), m = c ?? u, y = a || n;
+  return /* @__PURE__ */ b("label", { htmlFor: m, className: g("mx-sl", a && "mx-sl--err", h && "mx-sl--dis", s), children: [
+    t && /* @__PURE__ */ b("span", { className: "mx-sl__lbl", children: [
+      t,
+      d && /* @__PURE__ */ r("span", { className: "mx-sl__req", children: " *" })
+    ] }),
+    /* @__PURE__ */ b("div", { className: "mx-sl__field", children: [
+      /* @__PURE__ */ b(
+        "select",
+        {
+          ref: i,
+          id: m,
+          className: "mx-sl__sel",
+          "aria-invalid": a ? "true" : void 0,
+          required: d,
+          disabled: h,
+          ...f,
+          children: [
+            o && /* @__PURE__ */ r("option", { value: "", disabled: !0, hidden: !0, children: o }),
+            l.map((p) => /* @__PURE__ */ r("option", { value: p.value, disabled: p.disabled, children: p.label }, p.value))
+          ]
+        }
+      ),
+      /* @__PURE__ */ r("span", { className: "mx-sl__chev", "aria-hidden": "true" })
+    ] }),
+    y && /* @__PURE__ */ r("span", { className: g("mx-sl__msg", a && "mx-sl__msg--err"), children: y })
+  ] });
+});
+function Ca({ value: e, onChange: t, onComplete: n, length: a = 6, allow: l = "numeric", error: o, disabled: c }) {
+  const s = w([]), d = l === "numeric" ? /[^0-9]/g : /[^a-zA-Z0-9]/g, h = Array.from({ length: a }, (i, u) => e[u] ?? ""), f = (i, u) => {
+    const m = h.slice();
+    m[i] = u;
+    const y = m.join("").slice(0, a);
+    t(y), y.length === a && n?.(y);
+  };
+  return /* @__PURE__ */ b("div", { className: g("mx-auth", o && "mx-auth--err", c && "mx-auth--dis"), children: [
+    /* @__PURE__ */ r("div", { className: "mx-auth__row", children: h.map((i, u) => /* @__PURE__ */ r(
+      "input",
+      {
+        ref: (m) => {
+          (s.current ??= [])[u] = m;
+        },
+        className: "mx-auth__cell",
+        type: "text",
+        inputMode: l === "numeric" ? "numeric" : "text",
+        maxLength: 1,
+        value: i,
+        disabled: c,
+        "aria-label": `Digit ${u + 1}`,
+        onChange: (m) => {
+          const y = m.target.value.replace(d, "").slice(-1);
+          f(u, y), y && u < a - 1 && s.current?.[u + 1]?.focus();
+        },
+        onKeyDown: (m) => {
+          m.key === "Backspace" && !h[u] && u > 0 && (m.preventDefault(), s.current?.[u - 1]?.focus(), f(u - 1, ""));
+        },
+        onPaste: (m) => {
+          const y = (m.clipboardData.getData("text") || "").replace(d, "");
+          if (!y) return;
+          m.preventDefault();
+          const p = y.slice(0, a);
+          t(p), s.current?.[Math.min(y.length, a - 1)]?.focus(), p.length === a && n?.(p);
+        }
+      },
+      u
+    )) }),
+    o && /* @__PURE__ */ r("div", { className: "mx-auth__msg", children: o })
+  ] });
+}
+const Da = j(function({ currency: t = "$", label: n, hint: a, error: l, inputMode: o = "decimal", className: c, ...s }, d) {
+  return /* @__PURE__ */ r(
+    Qn,
+    {
+      ref: d,
+      className: g("mx-money", c),
+      label: n,
+      hint: a,
+      error: l,
+      inputMode: o,
+      leading: /* @__PURE__ */ r("span", { className: "mx-money__ccy", children: t }),
+      ...s
+    }
+  );
+});
+function Ia({
+  children: e,
+  required: t,
+  optional: n,
+  disabled: a,
+  size: l = "md",
+  accent: o = "red",
+  hint: c,
+  className: s,
+  ...d
+}) {
+  return /* @__PURE__ */ b(
+    "label",
+    {
+      className: g(
+        "mx-label",
+        `mx-label--${l}`,
+        `mx-label--accent-${o}`,
+        a && "is-disabled",
+        s
+      ),
+      ...d,
+      children: [
+        /* @__PURE__ */ b("span", { className: "mx-label__text", children: [
+          e,
+          t && /* @__PURE__ */ r("span", { className: "mx-label__req", "aria-hidden": "true", children: "*" }),
+          n && /* @__PURE__ */ r("span", { className: "mx-label__opt", children: "(optional)" })
+        ] }),
+        c != null && /* @__PURE__ */ r("span", { className: "mx-label__hint", children: c })
+      ]
+    }
+  );
+}
+function Sa({
+  value: e,
+  defaultValue: t,
+  onChange: n,
+  label: a,
+  locale: l,
+  disabled: o,
+  className: c
+}) {
+  const { segments: s, fieldProps: d, segmentProps: h } = On({ value: e, defaultValue: t, onChange: n, locale: l });
+  return /* @__PURE__ */ b("label", { className: g("mx-datefield", o && "mx-datefield--disabled", c), children: [
+    a != null && /* @__PURE__ */ r("span", { className: "mx-datefield__lbl", children: a }),
+    /* @__PURE__ */ r("span", { ...d, className: "mx-datefield__field", children: s.map(
+      (f, i) => f.part === "literal" ? /* @__PURE__ */ r("span", { className: "mx-datefield__sep", "aria-hidden": "true", children: f.value }, i) : (
+        // `readOnly`: the hook drives the value via its key handler (it
+        // `preventDefault`s digits), so the native input never owns it —
+        // this suppresses React's controlled-without-onChange warning.
+        // The per-segment `width` is a non-color dynamic inline (INV-2).
+        /* @__PURE__ */ r(
+          "input",
+          {
+            ...h(f.part),
+            className: "mx-datefield__seg",
+            style: { width: f.part === "year" ? 44 : 24 },
+            value: f.value,
+            readOnly: !0,
+            disabled: o
+          },
+          f.part
+        )
+      )
+    ) })
+  ] });
+}
+function Aa({
+  value: e,
+  defaultValue: t,
+  onChange: n,
+  locale: a,
+  firstDayOfWeek: l,
+  accent: o,
+  className: c
+}) {
+  const { monthLabel: s, weekdays: d, cells: h, gridProps: f, prevButtonProps: i, nextButtonProps: u } = Fn({ value: e, defaultValue: t, onChange: n, locale: a, firstDayOfWeek: l });
+  return /* @__PURE__ */ b("div", { className: g("mx-calendar", o && `mx-calendar--accent-${o}`, c), children: [
+    /* @__PURE__ */ b("div", { className: "mx-calendar__header", children: [
+      /* @__PURE__ */ r("button", { type: "button", className: "mx-calendar__nav mx-calendar__nav--prev", ...i, children: /* @__PURE__ */ r(S, { name: "chevron-right" }) }),
+      /* @__PURE__ */ r("span", { className: "mx-calendar__title", children: s }),
+      /* @__PURE__ */ r("button", { type: "button", className: "mx-calendar__nav mx-calendar__nav--next", ...u, children: /* @__PURE__ */ r(S, { name: "chevron-right" }) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "mx-calendar__weekdays", "aria-hidden": "true", children: d.map((m, y) => /* @__PURE__ */ r("span", { className: "mx-calendar__weekday", children: m }, y)) }),
+    /* @__PURE__ */ r("div", { ...f, className: "mx-calendar__days", children: h.map((m) => /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        ...m.cellProps,
+        className: g(
+          "mx-calendar__day",
+          m.isSelected && "mx-calendar__day--selected",
+          m.isToday && "mx-calendar__day--today",
+          m.isOutsideMonth && "mx-calendar__day--outside"
+        ),
+        children: m.label
+      },
+      m.date.toString()
+    )) })
+  ] });
+}
+function Lt({ checked: e = !1, onChange: t, label: n, indeterminate: a = !1, disabled: l, name: o, value: c, id: s }) {
+  const d = w(null);
+  return P(() => {
+    d.current && (d.current.indeterminate = a);
+  }, [a]), /* @__PURE__ */ b("label", { className: g("mx-cb", l && "mx-cb--dis"), htmlFor: s, children: [
+    /* @__PURE__ */ r(
+      "input",
+      {
+        ref: d,
+        id: s,
+        type: "checkbox",
+        name: o,
+        value: c,
+        checked: e,
+        disabled: l,
+        onChange: (h) => t?.(h.target.checked)
+      }
+    ),
+    /* @__PURE__ */ r("span", { className: "mx-cb__box", "aria-hidden": "true", children: a ? /* @__PURE__ */ r("svg", { viewBox: "0 0 12 12", width: "12", height: "12", children: /* @__PURE__ */ r("path", { d: "M3 6h6", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) : e ? /* @__PURE__ */ r("svg", { viewBox: "0 0 12 12", width: "12", height: "12", children: /* @__PURE__ */ r("path", { d: "M2.5 6.2l2.3 2.3L9.5 3.8", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) : null }),
+    n != null && /* @__PURE__ */ r("span", { className: "mx-cb__lbl", children: n })
+  ] });
+}
+function Pt({ checked: e = !1, onChange: t, label: n, value: a, name: l, disabled: o, id: c }) {
+  return /* @__PURE__ */ b("label", { className: g("mx-rd", o && "mx-rd--dis"), htmlFor: c, children: [
+    /* @__PURE__ */ r(
+      "input",
+      {
+        id: c,
+        type: "radio",
+        name: l,
+        value: a,
+        checked: e,
+        disabled: o,
+        onChange: () => t?.(a)
+      }
+    ),
+    /* @__PURE__ */ r("span", { className: "mx-rd__ring", "aria-hidden": "true", children: /* @__PURE__ */ r("span", { className: "mx-rd__dot" }) }),
+    n != null && /* @__PURE__ */ r("span", { className: "mx-rd__lbl", children: n })
+  ] });
+}
+function Ta({ checked: e = !1, onChange: t, label: n, disabled: a, name: l, id: o }) {
+  return /* @__PURE__ */ b("label", { className: g("mx-sw", !e && "mx-sw--off", a && "mx-sw--dis"), htmlFor: o, children: [
+    /* @__PURE__ */ r(
+      "input",
+      {
+        id: o,
+        type: "checkbox",
+        role: "switch",
+        name: l,
+        checked: e,
+        disabled: a,
+        onChange: (c) => t?.(c.target.checked)
+      }
+    ),
+    /* @__PURE__ */ r("span", { className: "mx-sw__track", "aria-hidden": "true", children: /* @__PURE__ */ r("span", { className: "mx-sw__thumb" }) }),
+    n != null && /* @__PURE__ */ r("span", { className: "mx-sw__lbl", children: n })
+  ] });
+}
+function Ea({ segments: e, value: t, onChange: n, size: a = "md", fullWidth: l = !1 }) {
+  return /* @__PURE__ */ r("div", { className: g("mx-seg", `mx-seg--${a}`, l && "is-full"), role: "radiogroup", children: e.map((o) => /* @__PURE__ */ r(
+    "button",
+    {
+      type: "button",
+      role: "radio",
+      "aria-checked": o.value === t,
+      disabled: o.disabled,
+      className: g("mx-seg__seg", o.value === t && "is-active"),
+      onClick: () => !o.disabled && n?.(o.value),
+      children: o.label
+    },
+    o.value
+  )) });
+}
+function Ra({ value: e, onChange: t, min: n = 0, max: a = 100, step: l = 1, label: o, unit: c = "", showValue: s = !0, size: d = "md", disabled: h }) {
+  const f = (e - n) / (a - n) * 100;
+  return /* @__PURE__ */ b("div", { className: g("mx-sd", `mx-sd--${d}`, h && "mx-sd--dis"), children: [
+    (o || s) && /* @__PURE__ */ b("div", { className: "mx-sd__head", children: [
+      o && /* @__PURE__ */ r("span", { className: "mx-sd__lbl", children: o }),
+      s && /* @__PURE__ */ b("span", { className: "mx-sd__val", children: [
+        e,
+        c
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "mx-sd__track", style: { "--mx-pct": `${f}%` }, children: /* @__PURE__ */ r(
+      "input",
+      {
+        className: "mx-sd__inp",
+        type: "range",
+        min: n,
+        max: a,
+        step: l,
+        value: e,
+        disabled: h,
+        onChange: (i) => t?.(Number(i.target.value))
+      }
+    ) })
+  ] });
+}
+const La = j(function({ pressed: t, defaultPressed: n = !1, onPressedChange: a, size: l = "md", className: o, children: c, disabled: s, onClick: d, ...h }, f) {
+  const [i, u] = N(n), m = t ?? i;
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      ref: f,
+      type: "button",
+      disabled: s,
+      "aria-pressed": m,
+      className: g("mx-tgl", `mx-tgl--${l}`, m && "is-on", o),
+      onClick: (y) => {
+        t == null && u((p) => !p), a?.(!m), d?.(y);
+      },
+      ...h,
+      children: c
+    }
+  );
+});
+function nt(e) {
+  return e == null ? [] : Array.isArray(e) ? e : e ? [e] : [];
+}
+function Pa({
+  items: e,
+  type: t = "single",
+  value: n,
+  defaultValue: a,
+  onValueChange: l,
+  size: o = "md",
+  accent: c,
+  disabled: s,
+  className: d
+}) {
+  const [h, f] = N(() => nt(a)), i = n != null, u = i ? nt(n) : h, m = (p) => {
+    i || f(p), l?.(t === "multiple" ? p : p[0] ?? "");
+  }, y = (p) => {
+    const v = u.includes(p);
+    m(t === "multiple" ? v ? u.filter((_) => _ !== p) : [...u, p] : v ? [] : [p]);
+  };
+  return /* @__PURE__ */ r("div", { className: g("mx-tgl-grp", `mx-tgl-grp--${o}`, c && `mx-tgl-grp--accent-${c}`, d), role: "group", children: e.map((p) => {
+    const v = u.includes(p.value);
+    return /* @__PURE__ */ b(
+      "button",
+      {
+        type: "button",
+        disabled: s || p.disabled,
+        "aria-label": p.ariaLabel,
+        "aria-pressed": v,
+        className: g("mx-tgl", "mx-tgl--grouped", `mx-tgl--${o}`, v && "is-on"),
+        onClick: () => y(p.value),
+        children: [
+          p.icon && /* @__PURE__ */ r("span", { className: "mx-tgl__icon", children: p.icon }),
+          p.label
+        ]
+      },
+      p.value
+    );
+  }) });
+}
+function ja({
+  items: e,
+  value: t,
+  defaultValue: n,
+  onChange: a,
+  accent: l,
+  orientation: o = "vertical",
+  disabled: c
+}) {
+  const [s, d] = N(n ?? []), h = t ?? s, f = (i) => {
+    const u = h.includes(i) ? h.filter((m) => m !== i) : [...h, i];
+    t == null && d(u), a?.(u);
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: g(
+        "mx-checkbox-group",
+        `mx-checkbox-group--${o}`,
+        l && `mx-checkbox-group--accent-${l}`
+      ),
+      role: "group",
+      children: e.map((i) => /* @__PURE__ */ r(
+        Lt,
+        {
+          checked: h.includes(i.value),
+          disabled: c || i.disabled,
+          label: i.label,
+          onChange: () => f(i.value)
+        },
+        i.value
+      ))
+    }
+  );
+}
+function Oa({
+  items: e,
+  value: t,
+  defaultValue: n,
+  onChange: a,
+  accent: l,
+  columns: o = 1,
+  size: c = "md"
+}) {
+  const [s, d] = N(n ?? []), h = t ?? s, f = (i) => {
+    const u = h.includes(i) ? h.filter((m) => m !== i) : [...h, i];
+    t == null && d(u), a?.(u);
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: g(
+        "mx-checkbox-cards",
+        `mx-checkbox-cards--${c}`,
+        l && `mx-checkbox-cards--accent-${l}`
+      ),
+      style: { gridTemplateColumns: `repeat(${o}, minmax(0, 1fr))` },
+      children: e.map((i) => /* @__PURE__ */ r(
+        "div",
+        {
+          className: g(
+            "mx-checkbox-cards__card",
+            h.includes(i.value) && "is-selected",
+            i.disabled && "is-disabled"
+          ),
+          children: /* @__PURE__ */ r(
+            Lt,
+            {
+              checked: h.includes(i.value),
+              disabled: i.disabled,
+              onChange: () => f(i.value),
+              label: /* @__PURE__ */ b("span", { className: "mx-checkbox-cards__body", children: [
+                i.icon && /* @__PURE__ */ r(S, { name: i.icon, className: "mx-checkbox-cards__icon" }),
+                /* @__PURE__ */ b("span", { className: "mx-checkbox-cards__text", children: [
+                  i.label != null && /* @__PURE__ */ r("span", { className: "mx-checkbox-cards__label", children: i.label }),
+                  i.description != null && /* @__PURE__ */ r("span", { className: "mx-checkbox-cards__desc", children: i.description })
+                ] })
+              ] })
+            }
+          )
+        },
+        i.value
+      ))
+    }
+  );
+}
+function Ba({
+  items: e,
+  value: t,
+  defaultValue: n,
+  onChange: a,
+  name: l,
+  accent: o,
+  orientation: c = "vertical",
+  disabled: s
+}) {
+  const d = le(), h = l ?? d, [f, i] = N(n ?? ""), u = t ?? f, m = (y) => {
+    t == null && i(y), a?.(y);
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: g(
+        "mx-radio-group",
+        `mx-radio-group--${c}`,
+        o && `mx-radio-group--accent-${o}`
+      ),
+      role: "radiogroup",
+      children: e.map((y) => /* @__PURE__ */ r(
+        Pt,
+        {
+          value: y.value,
+          name: h,
+          checked: u === y.value,
+          disabled: s || y.disabled,
+          label: y.label,
+          onChange: (p) => m(p)
+        },
+        y.value
+      ))
+    }
+  );
+}
+function Fa({
+  items: e,
+  value: t,
+  defaultValue: n,
+  onChange: a,
+  accent: l,
+  columns: o = 1,
+  size: c = "md"
+}) {
+  const d = le(), [h, f] = N(n ?? ""), i = t ?? h, u = (m) => {
+    t == null && f(m), a?.(m);
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: g(
+        "mx-radio-cards",
+        `mx-radio-cards--${c}`,
+        l && `mx-radio-cards--accent-${l}`
+      ),
+      style: { gridTemplateColumns: `repeat(${o}, minmax(0, 1fr))` },
+      children: e.map((m) => /* @__PURE__ */ r(
+        "div",
+        {
+          className: g(
+            "mx-radio-cards__card",
+            i === m.value && "is-selected",
+            m.disabled && "is-disabled"
+          ),
+          children: /* @__PURE__ */ r(
+            Pt,
+            {
+              value: m.value,
+              name: d,
+              checked: i === m.value,
+              disabled: m.disabled,
+              onChange: (y) => u(y),
+              label: /* @__PURE__ */ b("span", { className: "mx-radio-cards__body", children: [
+                m.icon && /* @__PURE__ */ r(S, { name: m.icon, className: "mx-radio-cards__icon" }),
+                /* @__PURE__ */ b("span", { className: "mx-radio-cards__text", children: [
+                  m.label != null && /* @__PURE__ */ r("span", { className: "mx-radio-cards__label", children: m.label }),
+                  m.description != null && /* @__PURE__ */ r("span", { className: "mx-radio-cards__desc", children: m.description })
+                ] })
+              ] })
+            }
+          )
+        },
+        m.value
+      ))
+    }
+  );
+}
+const ea = { info: "i", success: "✓", warning: "!", danger: "×" };
+function Za({ tone: e = "info", title: t, children: n, dismissible: a, onDismiss: l, actions: o }) {
+  return /* @__PURE__ */ b("div", { className: g("mx-alt", `mx-alt--${e}`), role: e === "danger" ? "alert" : "status", children: [
+    /* @__PURE__ */ r("span", { className: "mx-alt__icon", "aria-hidden": "true", children: ea[e] }),
+    /* @__PURE__ */ b("div", { className: "mx-alt__body", children: [
+      t && /* @__PURE__ */ r("h4", { className: "mx-alt__h", children: t }),
+      n && /* @__PURE__ */ r("div", { className: "mx-alt__msg", children: n }),
+      o && /* @__PURE__ */ r("div", { className: "mx-alt__actions", children: o })
+    ] }),
+    a && /* @__PURE__ */ r("button", { className: "mx-alt__x", type: "button", "aria-label": "Dismiss", onClick: l, children: "×" })
+  ] });
+}
+function ta({ value: e = 0, max: t = 100, variant: n = "brand", size: a = "md", indeterminate: l = !1 }) {
+  const o = l ? 0 : Math.min(100, Math.max(0, e / t * 100));
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: g("mx-pr", `mx-pr--${a}`, `mx-pr--${n}`, l && "is-indet"),
+      role: "progressbar",
+      "aria-valuenow": l ? void 0 : Math.round(o),
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      children: /* @__PURE__ */ r("div", { className: "mx-pr__track", children: /* @__PURE__ */ r("div", { className: "mx-pr__bar", style: l ? void 0 : { width: `${o}%` } }) })
+    }
+  );
+}
+const na = {
+  negative: "negative",
+  caution: "caution",
+  positive: "positive"
+};
+function Ha({ score: e, label: t, variant: n = "negative", className: a }) {
+  return /* @__PURE__ */ b("div", { className: g("mx-pwstr", a), children: [
+    /* @__PURE__ */ r(ta, { value: e, variant: na[n], size: "sm" }),
+    t && /* @__PURE__ */ r("span", { className: g("mx-pwstr__lbl", `mx-pwstr__lbl--${n}`), children: t })
+  ] });
+}
+const aa = {
+  info: "info",
+  brand: "info",
+  positive: "check",
+  caution: "alert",
+  negative: "alert",
+  discovery: "help-circle"
+}, ra = { sm: 16, md: 18, lg: 20 };
+function Ya({
+  title: e,
+  intent: t = "info",
+  variant: n = "soft",
+  size: a = "md",
+  icon: l,
+  className: o,
+  children: c,
+  ...s
+}) {
+  const d = l !== null, h = l ?? aa[t];
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      role: "note",
+      className: g(
+        "mx-callout",
+        `mx-callout--${t}`,
+        `mx-callout--${n}`,
+        `mx-callout--${a}`,
+        o
+      ),
+      ...s,
+      children: [
+        d && /* @__PURE__ */ r("span", { className: "mx-callout__icon", "aria-hidden": "true", children: /* @__PURE__ */ r(S, { name: h, size: ra[a] }) }),
+        /* @__PURE__ */ b("div", { className: "mx-callout__body", children: [
+          e && /* @__PURE__ */ r("div", { className: "mx-callout__title", children: e }),
+          /* @__PURE__ */ r("div", { className: "mx-callout__msg", children: c })
+        ] })
+      ]
+    }
+  );
+}
+function Ua({ size: e = "md", accent: t, label: n = "Loading", className: a, style: l, ...o }) {
+  const c = typeof e == "number", s = c ? { width: e, height: e, borderWidth: Math.max(2, Math.round(e / 10)) } : void 0;
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      role: "status",
+      "aria-label": n,
+      className: g("mx-spinner", !c && `mx-spinner--${e}`, t && `mx-spinner--accent-${t}`, a),
+      style: { ...s, ...l },
+      ...o
+    }
+  );
+}
+const Ce = (e) => typeof e == "number" ? `${e}px` : e;
+function Ka({ width: e = "100%", height: t = 16, radius: n = 6, circle: a, className: l, style: o, ...c }) {
+  const s = {
+    width: Ce(e),
+    height: Ce(a ? e : t),
+    borderRadius: a ? "9999px" : `${n}px`
+  };
+  return /* @__PURE__ */ r("span", { "aria-hidden": "true", className: g("mx-skeleton", l), style: { ...s, ...o }, ...c });
+}
+function la({ children: e, variant: t = "neutral", size: n = "md", selected: a, leading: l, onRemove: o, onClick: c, className: s }) {
+  return /* @__PURE__ */ b(
+    "span",
+    {
+      className: g("mx-chip", `mx-chip--${t}`, n !== "md" && `mx-chip--${n}`, c && "mx-chip--selectable", a && "is-selected", s),
+      onClick: c,
+      children: [
+        l,
+        e,
+        o && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            className: "mx-chip__x",
+            "aria-label": "Remove",
+            onClick: (d) => {
+              d.stopPropagation(), o();
+            },
+            children: /* @__PURE__ */ r(S, { name: "close", size: 12, strokeWidth: 2.5 })
+          }
+        )
+      ]
+    }
+  );
+}
+function Wa({ children: e, tone: t = "neutral", dot: n = !0, size: a = "sm" }) {
+  return /* @__PURE__ */ r(la, { variant: t, size: a, leading: n ? /* @__PURE__ */ r("span", { style: { width: 6, height: 6, borderRadius: "50%", background: "currentColor" } }) : void 0, children: e });
+}
+function Va({ children: e, variant: t = "negative", size: n = "md" }) {
+  return /* @__PURE__ */ r("span", { className: g("mx-badge", `mx-badge--${t}`, n !== "md" && `mx-badge--${n}`), children: e });
+}
+const at = ["--iris-9", "--indigo-9", "--green-9", "--orange-9", "--plum-9", "--red-9"];
+function qa({ name: e = "", src: t, size: n = 40, status: a }) {
+  const l = e.split(" ").map((h) => h[0]).slice(0, 2).join("").toUpperCase(), o = [...e].reduce((h, f) => h + f.charCodeAt(0), 0), c = at[o % at.length], s = {
+    background: t ? "rgb(var(--bg-tertiary))" : `rgb(var(${c}))`,
+    fontSize: Math.round(n * 0.38)
+  }, d = Math.round(n * 0.28);
+  return /* @__PURE__ */ b("span", { className: "mx-avatar", style: { width: n, height: n }, children: [
+    /* @__PURE__ */ r("span", { className: "mx-avatar__img", style: s, children: t ? /* @__PURE__ */ r("img", { src: t, alt: e }) : l }),
+    a && /* @__PURE__ */ r("span", { className: "mx-avatar__status", style: { width: d, height: d, background: `rgb(var(--bg-${a}))` } })
+  ] });
+}
+function za({
+  variant: e = "flat",
+  padding: t = 20,
+  title: n,
+  actions: a,
+  className: l,
+  style: o,
+  children: c,
+  ...s
+}) {
+  const d = n != null || a != null;
+  return /* @__PURE__ */ b("div", { className: g("mx-card", e !== "flat" && `mx-card--${e}`, l), style: { padding: t, ...o }, ...s, children: [
+    d && /* @__PURE__ */ b("div", { className: "mx-card__header", children: [
+      n != null && /* @__PURE__ */ r("div", { className: "mx-card__title", children: n }),
+      a != null && /* @__PURE__ */ r("div", { className: "mx-card__actions", children: a })
+    ] }),
+    c
+  ] });
+}
+function Ga({ columns: e, data: t, striped: n, getRowKey: a }) {
+  return /* @__PURE__ */ r("div", { className: "mx-table-wrap", children: /* @__PURE__ */ b("table", { className: g("mx-table", n && "mx-table--striped"), children: [
+    /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: e.map((l) => /* @__PURE__ */ r("th", { className: g(l.align === "right" && "is-right"), children: l.label }, l.key)) }) }),
+    /* @__PURE__ */ r("tbody", { children: t.map((l, o) => /* @__PURE__ */ r("tr", { children: e.map((c) => /* @__PURE__ */ r("td", { className: g(c.align === "right" && "is-right"), children: c.render ? c.render(l) : l[c.key] }, c.key)) }, a ? a(l, o) : o)) })
+  ] }) });
+}
+function Ja({ label: e, value: t, delta: n, deltaTone: a = "neutral", hint: l, leading: o, align: c = "left" }) {
+  return /* @__PURE__ */ b("div", { className: g("mx-stat", c === "center" && "mx-stat--center"), children: [
+    /* @__PURE__ */ b("div", { className: "mx-stat__head", children: [
+      o && /* @__PURE__ */ r("span", { className: "mx-stat__icon", children: o }),
+      /* @__PURE__ */ r("span", { className: "mx-stat__label", children: e })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "mx-stat__value", children: t }),
+    (n || l) && /* @__PURE__ */ b("div", { className: "mx-stat__foot", children: [
+      n && /* @__PURE__ */ r("span", { className: g("mx-stat__delta", `mx-stat__delta--${a}`), children: n }),
+      l && /* @__PURE__ */ r("span", { className: "mx-stat__hint", children: l })
+    ] })
+  ] });
+}
+function Xa({
+  viewBox: e,
+  series: t,
+  gridY: n = [],
+  gridX: a = [],
+  yTicks: l,
+  xTicks: o,
+  gradients: c = [],
+  markers: s = [],
+  height: d = 240,
+  ariaLabel: h
+}) {
+  const [, , f, i] = e.split(/\s+/).map(Number);
+  return /* @__PURE__ */ b("div", { className: "mx-chart", style: { height: d }, children: [
+    /* @__PURE__ */ b("svg", { className: "mx-chart__svg", viewBox: e, preserveAspectRatio: "none", role: "img", "aria-label": h, children: [
+      n.map((u, m) => /* @__PURE__ */ r("line", { className: "mx-chart__grid", x1: 0, x2: f, y1: u, y2: u }, `gy${m}`)),
+      a.map((u, m) => /* @__PURE__ */ r("line", { className: "mx-chart__grid", x1: u, x2: u, y1: 0, y2: i }, `gx${m}`)),
+      t.map((u, m) => u.area ? /* @__PURE__ */ r("path", { d: u.area, fill: u.fillId ? `url(#${u.fillId})` : "none", stroke: "none" }, `a${m}`) : null),
+      s.map((u, m) => /* @__PURE__ */ r("line", { className: g("mx-chart__marker", u.dashed === !1 && "mx-chart__marker--solid"), x1: 0, x2: f, y1: u.y, y2: u.y }, `m${m}`)),
+      t.map((u, m) => /* @__PURE__ */ r(
+        "path",
+        {
+          className: "mx-chart__line",
+          d: u.d,
+          stroke: u.stroke,
+          strokeWidth: u.width ?? 2.5,
+          strokeDasharray: u.dashed ? "6 5" : void 0,
+          vectorEffect: "non-scaling-stroke"
+        },
+        `l${m}`
+      )),
+      c.length > 0 && /* @__PURE__ */ r("defs", { children: c.map((u) => /* @__PURE__ */ b("linearGradient", { id: u.id, x1: "0", x2: "0", y1: "0", y2: "1", children: [
+        /* @__PURE__ */ r("stop", { offset: "0%", stopColor: u.stroke, stopOpacity: "0.28" }),
+        /* @__PURE__ */ r("stop", { offset: "100%", stopColor: u.stroke, stopOpacity: "0" })
+      ] }, u.id)) })
+    ] }),
+    l && /* @__PURE__ */ r("div", { className: "mx-chart__yaxis", children: l.map((u, m) => /* @__PURE__ */ r("span", { children: u }, m)) }),
+    o && /* @__PURE__ */ r("div", { className: "mx-chart__xaxis", children: o.map((u, m) => /* @__PURE__ */ r("span", { children: u }, m)) })
+  ] });
+}
+function Qa({ items: e, className: t }) {
+  return /* @__PURE__ */ r("ul", { className: g("mx-checklist", t), children: e.map((n, a) => /* @__PURE__ */ b("li", { className: g("mx-checklist__item", n.met && "is-met"), children: [
+    /* @__PURE__ */ r("span", { className: "mx-checklist__mark", "aria-hidden": "true", children: n.met ? "✓" : "○" }),
+    /* @__PURE__ */ r("span", { children: n.label })
+  ] }, a)) });
+}
+function er({ label: e, leading: t, description: n, value: a, trailing: l, onClick: o, className: c, ...s }) {
+  const d = o != null, h = g("mx-listrow", d && "mx-listrow--interactive", c), f = /* @__PURE__ */ b(C, { children: [
+    t != null && /* @__PURE__ */ r("span", { className: "mx-listrow__lead", children: t }),
+    /* @__PURE__ */ b("span", { className: "mx-listrow__body", children: [
+      /* @__PURE__ */ r("span", { className: "mx-listrow__label", children: e }),
+      n != null && /* @__PURE__ */ r("span", { className: "mx-listrow__desc", children: n })
+    ] }),
+    a != null && /* @__PURE__ */ r("span", { className: "mx-listrow__value", children: a }),
+    l != null && /* @__PURE__ */ r("span", { className: "mx-listrow__trail", children: l })
+  ] });
+  return d ? /* @__PURE__ */ r("button", { type: "button", className: h, onClick: o, ...s, children: f }) : /* @__PURE__ */ r("div", { className: h, ...s, children: f });
+}
+function tr({ children: e, size: t = "md", accent: n, cite: a, className: l, ...o }) {
+  return /* @__PURE__ */ b(
+    "blockquote",
+    {
+      className: g("mx-blockquote", `mx-blockquote--${t}`, n && `mx-blockquote--accent-${n}`, l),
+      ...o,
+      children: [
+        /* @__PURE__ */ r("p", { className: "mx-blockquote__text", children: e }),
+        a && /* @__PURE__ */ r("footer", { className: "mx-blockquote__cite", children: a })
+      ]
+    }
+  );
+}
+function nr({
+  items: e,
+  orientation: t = "horizontal",
+  size: n = "md",
+  labelWidth: a = 140,
+  className: l,
+  ...o
+}) {
+  const c = t === "horizontal";
+  return /* @__PURE__ */ r(
+    "dl",
+    {
+      className: g("mx-datalist", `mx-datalist--${t}`, `mx-datalist--${n}`, l),
+      ...o,
+      children: e.map((s, d) => /* @__PURE__ */ b("div", { className: "mx-datalist__row", children: [
+        /* @__PURE__ */ r("dt", { className: "mx-datalist__label", style: c ? { width: a } : void 0, children: s.label }),
+        /* @__PURE__ */ r("dd", { className: "mx-datalist__value", children: s.value })
+      ] }, d))
+    }
+  );
+}
+function ar({
+  children: e,
+  variant: t = "soft",
+  size: n = "md",
+  accent: a,
+  block: l = !1,
+  className: o,
+  ...c
+}) {
+  return /* @__PURE__ */ r(
+    l ? "pre" : "code",
+    {
+      className: g(
+        "mx-code",
+        `mx-code--${t}`,
+        `mx-code--${n}`,
+        l && "mx-code--block",
+        a && `mx-code--accent-${a}`,
+        o
+      ),
+      ...c,
+      children: e
+    }
+  );
+}
+function rr({ children: e, size: t = "md", className: n, ...a }) {
+  return /* @__PURE__ */ r("kbd", { className: g("mx-kbd", `mx-kbd--${t}`, n), ...a, children: e });
+}
+function lr({ tabs: e, value: t, onChange: n, variant: a = "underline" }) {
+  return /* @__PURE__ */ r("div", { className: g("mx-tabs", a === "pills" && "mx-tabs--pills"), role: "tablist", children: e.map((l) => /* @__PURE__ */ r(
+    "button",
+    {
+      type: "button",
+      role: "tab",
+      "aria-selected": l.value === t,
+      disabled: l.disabled,
+      className: g("mx-tab", l.value === t && "is-active"),
+      onClick: () => !l.disabled && n?.(l.value),
+      children: l.label
+    },
+    l.value
+  )) });
+}
+function oa() {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      className: "mx-acc__caret",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ r("path", { d: "M6 9l6 6 6-6" })
+    }
+  );
+}
+const or = j(function({ items: t, type: n = "single", defaultValue: a, collapsible: l = !0, className: o, ...c }, s) {
+  const [d, h] = N(
+    () => a == null ? [] : Array.isArray(a) ? a : [a]
+  ), f = w([]), i = (m) => {
+    h((y) => {
+      const p = y.includes(m);
+      return n === "multiple" ? p ? y.filter((v) => v !== m) : [...y, m] : p ? l ? [] : y : [m];
+    });
+  }, u = (m, y) => {
+    const p = t.map((x, $) => x.disabled ? -1 : $).filter((x) => x >= 0);
+    if (p.length === 0) return;
+    const v = p.indexOf(y);
+    let _ = -1;
+    m.key === "ArrowDown" ? _ = p[(v + 1) % p.length] ?? -1 : m.key === "ArrowUp" ? _ = p[(v - 1 + p.length) % p.length] ?? -1 : m.key === "Home" ? _ = p[0] ?? -1 : m.key === "End" && (_ = p[p.length - 1] ?? -1), _ >= 0 && (m.preventDefault(), f.current?.[_]?.focus());
+  };
+  return /* @__PURE__ */ r("div", { ref: s, className: g("mx-acc", o), ...c, children: t.map((m, y) => {
+    const p = d.includes(m.value), v = `mx-acc-panel-${m.value}`;
+    return /* @__PURE__ */ b(
+      "div",
+      {
+        className: g("mx-acc__item", p && "is-open", m.disabled && "is-disabled"),
+        children: [
+          /* @__PURE__ */ r("h3", { className: "mx-acc__heading", children: /* @__PURE__ */ b(
+            "button",
+            {
+              ref: (_) => {
+                f.current && (f.current[y] = _);
+              },
+              type: "button",
+              className: "mx-acc__trigger",
+              "aria-expanded": p,
+              "aria-controls": v,
+              disabled: m.disabled,
+              onClick: () => i(m.value),
+              onKeyDown: (_) => u(_, y),
+              children: [
+                /* @__PURE__ */ r("span", { className: "mx-acc__title", children: m.title }),
+                /* @__PURE__ */ r(oa, {})
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ r("div", { id: v, className: "mx-acc__panel", role: "region", children: /* @__PURE__ */ r("div", { className: "mx-acc__content", children: /* @__PURE__ */ r("div", { className: "mx-acc__body", children: m.content }) }) })
+        ]
+      },
+      m.value
+    );
+  }) });
+});
+function de(e, t) {
+  const n = [];
+  for (let a = e; a <= t; a++) n.push(a);
+  return n;
+}
+function sa(e, t, n) {
+  const a = n * 2 + 5;
+  if (t <= a) return de(1, t);
+  const l = Math.max(e - n, 1), o = Math.min(e + n, t), c = l > 2, s = o < t - 1;
+  return !c && s ? [...de(1, n * 2 + 3), "dots", t] : c && !s ? [1, "dots", ...de(t - (n * 2 + 2), t)] : [1, "dots", ...de(l, o), "dots", t];
+}
+function rt({ dir: e }) {
+  return /* @__PURE__ */ r("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ r("path", { d: e === "left" ? "M15 18l-6-6 6-6" : "M9 18l6-6-6-6" }) });
+}
+const sr = j(function({ page: t, count: n, onPageChange: a, siblingCount: l = 1, size: o = "md", caption: c, className: s, ...d }, h) {
+  const f = sa(t, n, l), i = (u) => {
+    u >= 1 && u <= n && u !== t && a(u);
+  };
+  return /* @__PURE__ */ b("nav", { ref: h, className: g("mx-pag", `mx-pag--${o}`, s), "aria-label": "Pagination", ...d, children: [
+    /* @__PURE__ */ b("ul", { className: "mx-pag__list", children: [
+      /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r("button", { type: "button", className: "mx-pag__btn mx-pag__btn--nav", disabled: t <= 1, "aria-label": "Previous page", onClick: () => i(t - 1), children: /* @__PURE__ */ r(rt, { dir: "left" }) }) }),
+      f.map(
+        (u, m) => u === "dots" ? /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r("span", { className: "mx-pag__gap", "aria-hidden": "true", children: "…" }) }, `d${m}`) : /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            className: g("mx-pag__btn", u === t && "is-active"),
+            "aria-current": u === t ? "page" : void 0,
+            onClick: () => i(u),
+            children: u
+          }
+        ) }, u)
+      ),
+      /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r("button", { type: "button", className: "mx-pag__btn mx-pag__btn--nav", disabled: t >= n, "aria-label": "Next page", onClick: () => i(t + 1), children: /* @__PURE__ */ r(rt, { dir: "right" }) }) })
+    ] }),
+    c != null && /* @__PURE__ */ r("div", { className: "mx-pag__caption", children: c })
+  ] });
+});
+function U({ children: e }) {
+  return typeof document > "u" ? null : ot(e, document.body);
+}
+const ca = '[role="menuitem"]:not([aria-disabled="true"]),[role="menuitemradio"],[role="menuitemcheckbox"]';
+function cr({ menus: e, accent: t = "iris" }) {
+  const [n, a] = N(null), l = w(null), [o, c] = N(() => {
+    const h = {};
+    for (const f of e) for (const i of f.items) i.type === "check" && i.id && (h[i.id] = !!i.checked);
+    return h;
+  }), [s, d] = N(() => {
+    const h = {};
+    for (const f of e)
+      for (const i of f.items) i.type === "radio" && i.group && i.value != null && i.checked && (h[i.group] = i.value);
+    return h;
+  });
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ref: l,
+      role: "menubar",
+      className: g("mx-menubar", `mx-menubar--accent-${t}`),
+      onKeyDown: (h) => {
+        if (h.key !== "ArrowRight" && h.key !== "ArrowLeft") return;
+        const f = l.current;
+        if (!f) return;
+        const i = Array.from(f.querySelectorAll('[role="menuitem"]')), u = i.indexOf(document.activeElement);
+        if (u === -1) return;
+        h.preventDefault();
+        const m = h.key === "ArrowRight" ? (u + 1) % i.length : (u - 1 + i.length) % i.length;
+        i[m]?.focus(), a((y) => y != null ? m : y);
+      },
+      children: e.map((h, f) => /* @__PURE__ */ r(
+        ia,
+        {
+          menu: h,
+          accent: t,
+          isOpen: n === f,
+          anyOpen: n != null,
+          barRef: l,
+          onToggle: () => a((i) => i === f ? null : f),
+          onHover: () => a(f),
+          onClose: () => a(null),
+          checks: o,
+          radios: s,
+          onToggleCheck: (i) => c((u) => ({ ...u, [i]: !u[i] })),
+          onSelectRadio: (i, u) => d((m) => ({ ...m, [i]: u }))
+        },
+        h.label
+      ))
+    }
+  );
+}
+function ia({
+  menu: e,
+  accent: t,
+  isOpen: n,
+  anyOpen: a,
+  barRef: l,
+  onToggle: o,
+  onHover: c,
+  onClose: s,
+  checks: d,
+  radios: h,
+  onToggleCheck: f,
+  onSelectRadio: i
+}) {
+  const u = w(null), m = w(null), [y] = N(() => z("mx-menubar")), { style: p } = te(u, m, { placement: "bottom-start", open: n });
+  ee(m, {
+    onDismiss: s,
+    outsideClick: !0,
+    escapeKey: !0,
+    ignore: [l],
+    enabled: n
+  }), P(() => {
+    n && m.current?.focus?.();
+  }, [n]);
+  function v(x) {
+    if (x.type === "check" && x.id) {
+      f(x.id), x.onSelect?.();
+      return;
+    }
+    if (x.type === "radio" && x.group && x.value != null) {
+      i(x.group, x.value), x.onSelect?.();
+      return;
+    }
+    x.onSelect?.(), s();
+  }
+  function _(x, $) {
+    const k = x.id ?? `${x.type ?? "item"}-${$}`;
+    if (x.type === "separator") return /* @__PURE__ */ r("div", { className: "mx-menubar__sep", role: "separator" }, k);
+    if (x.type === "label")
+      return /* @__PURE__ */ r("div", { className: "mx-menubar__label", children: x.label }, k);
+    const M = x.type === "check", A = x.type === "radio", O = M && x.id ? !!d[x.id] : A && x.group && x.value != null ? h[x.group] === x.value : !1;
+    return /* @__PURE__ */ b(
+      "button",
+      {
+        type: "button",
+        role: M ? "menuitemcheckbox" : A ? "menuitemradio" : "menuitem",
+        "aria-checked": M || A ? O : void 0,
+        className: "mx-menubar__item",
+        onClick: () => v(x),
+        children: [
+          M && /* @__PURE__ */ r("span", { className: "mx-menubar__check", "aria-hidden": "true", children: O ? /* @__PURE__ */ r(S, { name: "check", size: 14 }) : null }),
+          A && /* @__PURE__ */ r("span", { className: "mx-menubar__radio", "aria-hidden": "true", children: O ? /* @__PURE__ */ r("span", { className: "mx-menubar__radio-dot" }) : null }),
+          x.icon && !M && !A && /* @__PURE__ */ r(S, { className: "mx-menubar__icon", name: x.icon, size: 15 }),
+          /* @__PURE__ */ r("span", { className: "mx-menubar__text", children: x.label }),
+          x.shortcut && /* @__PURE__ */ r("span", { className: "mx-menubar__shortcut", children: x.shortcut })
+        ]
+      },
+      k
+    );
+  }
+  return /* @__PURE__ */ b(C, { children: [
+    /* @__PURE__ */ b(
+      "button",
+      {
+        ref: u,
+        type: "button",
+        role: "menuitem",
+        "aria-haspopup": "menu",
+        "aria-expanded": n,
+        "aria-controls": n ? y : void 0,
+        className: g("mx-menubar__trigger", n && "mx-menubar__trigger--active"),
+        onClick: o,
+        onMouseEnter: () => {
+          a && c();
+        },
+        children: [
+          e.icon && /* @__PURE__ */ r(S, { name: e.icon, size: 15 }),
+          e.label
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r(
+      "div",
+      {
+        ref: m,
+        id: y,
+        role: "menu",
+        tabIndex: -1,
+        className: g("mx-menubar__panel", `mx-menubar--accent-${t}`),
+        style: p,
+        onKeyDown: (x) => {
+          Oe(x.nativeEvent, document.activeElement, m.current ?? void 0, {
+            candidateSelector: ca,
+            focus: !0,
+            arrowKeyOptions: "vertical"
+          });
+        },
+        children: e.items.map((x, $) => _(x, $))
+      }
+    ) })
+  ] });
+}
+function ir({ items: e, value: t, onChange: n, size: a = "md" }) {
+  return /* @__PURE__ */ r("nav", { className: g("mx-tabnav", `mx-tabnav--${a}`), children: e.map((l) => {
+    const o = t === l.value;
+    return /* @__PURE__ */ r(
+      "a",
+      {
+        href: l.disabled ? void 0 : l.href ?? "#",
+        "aria-current": o ? "page" : void 0,
+        "aria-disabled": l.disabled || void 0,
+        className: g("mx-tabnav__link", o && "mx-tabnav__link--active"),
+        onClick: (c) => {
+          if (l.disabled) {
+            c.preventDefault();
+            return;
+          }
+          n?.(l.value);
+        },
+        children: l.label
+      },
+      l.value
+    );
+  }) });
+}
+function dr({ open: e, onClose: t, title: n, footer: a, size: l = "md", children: o }) {
+  return P(() => {
+    if (!e) return;
+    const c = (s) => {
+      s.key === "Escape" && t?.();
+    };
+    return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
+  }, [e, t]), !e || typeof document > "u" ? null : ot(
+    /* @__PURE__ */ r("div", { className: "mx-modal-backdrop", onClick: t, children: /* @__PURE__ */ b(
+      "div",
+      {
+        className: g("mx-modal", l !== "md" && `mx-modal--${l}`),
+        role: "dialog",
+        "aria-modal": "true",
+        onClick: (c) => c.stopPropagation(),
+        children: [
+          n && /* @__PURE__ */ b("div", { className: "mx-modal__head", children: [
+            /* @__PURE__ */ r("h3", { className: "mx-modal__title", children: n }),
+            /* @__PURE__ */ r("button", { className: "mx-modal__x", type: "button", "aria-label": "Close", onClick: t, children: /* @__PURE__ */ r("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ r("path", { d: "M18 6 6 18M6 6l12 12" }) }) })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "mx-modal__body", children: o }),
+          a && /* @__PURE__ */ r("div", { className: "mx-modal__foot", children: a })
+        ]
+      }
+    ) }),
+    document.body
+  );
+}
+function ur({ content: e, children: t }) {
+  return /* @__PURE__ */ b("span", { className: "mx-tooltip-wrap", children: [
+    t,
+    /* @__PURE__ */ r("span", { className: "mx-tooltip", role: "tooltip", children: e })
+  ] });
+}
+const mr = j(function({ open: t, onClose: n, title: a, description: l, children: o, footer: c, size: s = "md", showClose: d = !0, className: h, ...f }, i) {
+  const u = w(null), [m] = N(() => z("mx-dialog-title")), [y] = N(() => z("mx-dialog-desc")), p = K(
+    (_) => {
+      u.current = _, typeof i == "function" ? i(_) : i && (i.current = _);
+    },
+    [i]
+  );
+  if (Tt(u, { active: t }), ee(u, {
+    onDismiss: () => n?.(),
+    outsideClick: !0,
+    escapeKey: !0,
+    enabled: t
+  }), !t) return null;
+  const v = a != null || l != null;
+  return /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r("div", { className: "mx-modal-backdrop mx-dialog-backdrop", children: /* @__PURE__ */ b(
+    "div",
+    {
+      ref: p,
+      className: g("mx-modal", "mx-dialog", s !== "md" && `mx-dialog--${s}`, h),
+      ...f,
+      role: "dialog",
+      "aria-modal": "true",
+      tabIndex: -1,
+      "aria-labelledby": a != null ? m : void 0,
+      "aria-describedby": l != null ? y : void 0,
+      children: [
+        v && /* @__PURE__ */ b("div", { className: "mx-dialog__head", children: [
+          a != null && /* @__PURE__ */ r(Rt, { size: 3, as: "h2", id: m, className: "mx-dialog__title", children: a }),
+          l != null && /* @__PURE__ */ r("p", { id: y, className: "mx-dialog__desc", children: l })
+        ] }),
+        d && /* @__PURE__ */ r(
+          Gn,
+          {
+            icon: "close",
+            label: "Close",
+            variant: "ghost",
+            size: "sm",
+            className: "mx-dialog__close",
+            onClick: n
+          }
+        ),
+        v && /* @__PURE__ */ r("div", { className: "mx-dialog__divider" }),
+        /* @__PURE__ */ r("div", { className: "mx-dialog__body", children: o }),
+        c != null && /* @__PURE__ */ r("div", { className: "mx-dialog__foot", children: c })
+      ]
+    }
+  ) }) });
+}), hr = j(function({
+  open: t,
+  title: n,
+  description: a,
+  children: l,
+  confirmLabel: o = "Confirm",
+  cancelLabel: c = "Cancel",
+  destructive: s,
+  onConfirm: d,
+  onCancel: h,
+  className: f,
+  ...i
+}, u) {
+  const m = w(null), y = w(null), [p] = N(() => z("mx-alert-title")), [v] = N(() => z("mx-alert-desc")), _ = K(
+    (x) => {
+      m.current = x, typeof u == "function" ? u(x) : u && (u.current = x);
+    },
+    [u]
+  );
+  return Tt(m, { active: t, initialFocus: y }), ee(m, {
+    onDismiss: () => h?.(),
+    outsideClick: !1,
+    escapeKey: !0,
+    enabled: t
+  }), t ? /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r("div", { className: "mx-modal-backdrop mx-alert-dialog-backdrop", children: /* @__PURE__ */ b(
+    "div",
+    {
+      ref: _,
+      className: g("mx-modal", "mx-alert-dialog", f),
+      ...i,
+      role: "alertdialog",
+      "aria-modal": "true",
+      tabIndex: -1,
+      "aria-labelledby": n != null ? p : void 0,
+      "aria-describedby": a != null ? v : void 0,
+      children: [
+        n != null && /* @__PURE__ */ r(Rt, { size: 3, as: "h2", id: p, className: "mx-alert-dialog__title", children: n }),
+        a != null && /* @__PURE__ */ r("p", { id: v, className: "mx-alert-dialog__desc", children: a }),
+        l != null && /* @__PURE__ */ r("div", { className: "mx-alert-dialog__extra", children: l }),
+        /* @__PURE__ */ b("div", { className: "mx-alert-dialog__actions", children: [
+          /* @__PURE__ */ r(tt, { variant: "secondary", onClick: h, children: c }),
+          /* @__PURE__ */ r(
+            tt,
+            {
+              ref: y,
+              variant: s ? "destructive" : "primary",
+              onClick: d,
+              children: o
+            }
+          )
+        ] })
+      ]
+    }
+  ) }) }) : null;
+});
+function fr({
+  trigger: e,
+  children: t,
+  open: n,
+  defaultOpen: a = !1,
+  onOpenChange: l,
+  placement: o = "bottom-start",
+  width: c = 280
+}) {
+  const s = n != null, [d, h] = N(a), f = s ? n : d, i = w(null), u = w(null), [m] = N(() => z("mx-popover")), y = K(
+    (v) => {
+      s || h(v), l?.(v);
+    },
+    [s, l]
+  ), { style: p } = te(i, u, { placement: o, width: c, open: f });
+  return ee(u, {
+    onDismiss: () => y(!1),
+    outsideClick: !0,
+    escapeKey: !0,
+    ignore: [i],
+    enabled: f
+  }), P(() => {
+    if (!f) return;
+    const v = i.current;
+    return u.current?.focus?.(), () => v?.focus?.();
+  }, [f]), /* @__PURE__ */ b(C, { children: [
+    /* @__PURE__ */ r(
+      "button",
+      {
+        ref: i,
+        type: "button",
+        className: "mx-popover__trigger",
+        "aria-haspopup": "dialog",
+        "aria-expanded": f,
+        "aria-controls": f ? m : void 0,
+        onClick: () => y(!f),
+        children: e
+      }
+    ),
+    f && /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r(
+      "div",
+      {
+        ref: u,
+        id: m,
+        role: "dialog",
+        tabIndex: -1,
+        className: "mx-popover",
+        style: p,
+        children: t
+      }
+    ) })
+  ] });
+}
+const da = '[role="menuitem"]:not([aria-disabled="true"]),[role="menuitemcheckbox"]:not([aria-disabled="true"])';
+function pr({ trigger: e, items: t, accent: n = "iris", align: a = "start", width: l = 220 }) {
+  const [o, c] = N(!1), s = w(null), d = w(null), [h] = N(() => z("mx-dropdown")), [f, i] = N(() => {
+    const p = {};
+    for (const v of t) v.type === "check" && v.id && (p[v.id] = !!v.checked);
+    return p;
+  }), { style: u } = te(s, d, {
+    placement: a === "end" ? "bottom-end" : "bottom-start",
+    width: l,
+    open: o
+  });
+  ee(d, {
+    onDismiss: () => c(!1),
+    outsideClick: !0,
+    escapeKey: !0,
+    ignore: [s],
+    enabled: o
+  }), P(() => {
+    if (!o) return;
+    const p = s.current;
+    return d.current?.focus?.(), () => p?.focus?.();
+  }, [o]);
+  function m(p) {
+    if (!p.disabled) {
+      if (p.type === "check" && p.id) {
+        const v = p.id;
+        i((_) => ({ ..._, [v]: !_[v] })), p.onSelect?.();
+        return;
+      }
+      p.onSelect?.(), c(!1);
+    }
+  }
+  function y(p, v) {
+    const _ = p.id ?? `${p.type ?? "item"}-${v}`;
+    if (p.type === "separator") return /* @__PURE__ */ r("div", { className: "mx-dropdown__sep", role: "separator" }, _);
+    if (p.type === "label")
+      return /* @__PURE__ */ r("div", { className: "mx-dropdown__label", children: p.label }, _);
+    const x = p.type === "check", $ = x && p.id ? f[p.id] : !1;
+    return /* @__PURE__ */ b(
+      "button",
+      {
+        type: "button",
+        role: x ? "menuitemcheckbox" : "menuitem",
+        "aria-checked": x ? !!$ : void 0,
+        "aria-disabled": p.disabled || void 0,
+        className: "mx-dropdown__item",
+        onClick: () => m(p),
+        children: [
+          x && /* @__PURE__ */ r("span", { className: "mx-dropdown__check", "aria-hidden": "true", children: $ ? /* @__PURE__ */ r(S, { name: "check", size: 14 }) : null }),
+          p.icon && !x && /* @__PURE__ */ r(S, { className: "mx-dropdown__icon", name: p.icon, size: 15 }),
+          /* @__PURE__ */ r("span", { className: "mx-dropdown__text", children: p.label }),
+          p.shortcut && /* @__PURE__ */ r("span", { className: "mx-dropdown__shortcut", children: p.shortcut })
+        ]
+      },
+      _
+    );
+  }
+  return /* @__PURE__ */ b(C, { children: [
+    /* @__PURE__ */ r(
+      "button",
+      {
+        ref: s,
+        type: "button",
+        className: "mx-dropdown__trigger",
+        "aria-haspopup": "menu",
+        "aria-expanded": o,
+        "aria-controls": o ? h : void 0,
+        onClick: () => c((p) => !p),
+        children: e
+      }
+    ),
+    o && /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r(
+      "div",
+      {
+        ref: d,
+        id: h,
+        role: "menu",
+        tabIndex: -1,
+        className: g("mx-dropdown", `mx-dropdown--accent-${n}`),
+        style: u,
+        onKeyDown: (p) => {
+          Oe(p.nativeEvent, document.activeElement, d.current ?? void 0, {
+            candidateSelector: da,
+            focus: !0,
+            arrowKeyOptions: "vertical"
+          });
+        },
+        children: t.map((p, v) => y(p, v))
+      }
+    ) })
+  ] });
+}
+const ua = '[role="menuitem"]:not([aria-disabled="true"])';
+function yr({ children: e, items: t, width: n = 220 }) {
+  const [a, l] = N(null), o = a != null, c = w(null), s = w(null), { style: d } = te(c, s, { point: a, width: n, open: o });
+  ee(s, {
+    onDismiss: () => l(null),
+    outsideClick: !0,
+    escapeKey: !0,
+    enabled: o
+  }), P(() => {
+    if (!o) return;
+    const i = () => l(null);
+    return window.addEventListener("scroll", i, !0), () => window.removeEventListener("scroll", i, !0);
+  }, [o]), P(() => {
+    o && s.current?.focus?.();
+  }, [o]);
+  function h(i) {
+    i.disabled || (i.onSelect?.(), l(null));
+  }
+  function f(i, u) {
+    const m = `${i.type ?? "item"}-${u}`;
+    return i.type === "separator" ? /* @__PURE__ */ r("div", { className: "mx-ctx__sep", role: "separator" }, m) : i.type === "label" ? /* @__PURE__ */ r("div", { className: "mx-ctx__label", children: i.label }, m) : /* @__PURE__ */ b(
+      "button",
+      {
+        type: "button",
+        role: "menuitem",
+        "aria-disabled": i.disabled || void 0,
+        className: g("mx-ctx__item", i.danger && "mx-ctx__item--danger"),
+        onClick: () => h(i),
+        children: [
+          i.icon && /* @__PURE__ */ r(S, { className: "mx-ctx__icon", name: i.icon, size: 15 }),
+          /* @__PURE__ */ r("span", { className: "mx-ctx__text", children: i.label }),
+          i.shortcut && /* @__PURE__ */ r("span", { className: "mx-ctx__shortcut", children: i.shortcut })
+        ]
+      },
+      m
+    );
+  }
+  return /* @__PURE__ */ b(C, { children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        ref: c,
+        className: "mx-ctx__area",
+        onContextMenu: (i) => {
+          i.preventDefault(), l({ x: i.clientX, y: i.clientY });
+        },
+        children: e
+      }
+    ),
+    o && /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r(
+      "div",
+      {
+        ref: s,
+        role: "menu",
+        tabIndex: -1,
+        className: "mx-ctx",
+        style: d,
+        onKeyDown: (i) => {
+          Oe(i.nativeEvent, document.activeElement, s.current ?? void 0, {
+            candidateSelector: ua,
+            focus: !0,
+            arrowKeyOptions: "vertical"
+          });
+        },
+        children: t.map((i, u) => f(i, u))
+      }
+    ) })
+  ] });
+}
+function xr({
+  children: e,
+  content: t,
+  placement: n = "bottom",
+  openDelay: a = 250,
+  closeDelay: l = 150,
+  width: o = 280
+}) {
+  const [c, s] = N(!1), d = w(null), h = w(null), f = w(void 0), { style: i } = te(d, h, { placement: n, width: o, open: c }), u = () => {
+    f.current && clearTimeout(f.current), f.current = window.setTimeout(() => s(!0), a);
+  }, m = () => {
+    f.current && clearTimeout(f.current), f.current = window.setTimeout(() => s(!1), l);
+  };
+  return P(
+    () => () => {
+      f.current && clearTimeout(f.current);
+    },
+    []
+  ), /* @__PURE__ */ b(C, { children: [
+    /* @__PURE__ */ r(
+      "span",
+      {
+        ref: d,
+        onMouseEnter: u,
+        onMouseLeave: m,
+        onFocus: u,
+        onBlur: m,
+        children: e
+      }
+    ),
+    c && /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r(
+      "div",
+      {
+        ref: h,
+        role: "dialog",
+        className: "mx-hovercard",
+        style: i,
+        onMouseEnter: u,
+        onMouseLeave: m,
+        children: t
+      }
+    ) })
+  ] });
+}
+function br({
+  children: e,
+  content: t,
+  placement: n = "bottom",
+  openDelay: a = 300,
+  width: l = 300
+}) {
+  const [o, c] = N(!1), s = w(null), d = w(null), h = w(void 0), f = w(void 0), { style: i } = te(s, d, { placement: n, width: l, open: o }), u = () => {
+    f.current && clearTimeout(f.current), h.current = window.setTimeout(() => c(!0), a);
+  }, m = () => {
+    h.current && clearTimeout(h.current), f.current = window.setTimeout(() => c(!1), 120);
+  };
+  return P(
+    () => () => {
+      h.current && clearTimeout(h.current), f.current && clearTimeout(f.current);
+    },
+    []
+  ), /* @__PURE__ */ b(C, { children: [
+    /* @__PURE__ */ r(
+      "span",
+      {
+        ref: s,
+        onMouseEnter: u,
+        onMouseLeave: m,
+        onFocus: u,
+        onBlur: m,
+        children: e
+      }
+    ),
+    o && /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r(
+      "div",
+      {
+        ref: d,
+        role: "dialog",
+        className: "mx-linkpreview",
+        style: i,
+        onMouseEnter: u,
+        onMouseLeave: m,
+        children: t
+      }
+    ) })
+  ] });
+}
+const ma = [
+  "Tokens, themes and dark mode out of the box",
+  "Accessible components with sensible defaults",
+  "An Effector state plug for forms and toasts"
+], ha = /* @__PURE__ */ r("svg", { viewBox: "0 0 24 24", width: "22", height: "22", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ r("path", { d: "M13 2L4 14h6l-1 8 9-12h-6z" }) });
+function gr({
+  eyebrow: e,
+  heading: t,
+  subheading: n,
+  children: a,
+  footer: l,
+  brand: o,
+  brandName: c = "Mercury",
+  brandBadge: s = "UI",
+  brandLogo: d = ha,
+  brandTagline: h = "The design system for your whole product.",
+  brandFeatures: f = ma,
+  brandStatus: i = "All systems operational",
+  brandVersion: u = "v2.4.0",
+  className: m
+}) {
+  return /* @__PURE__ */ b("div", { className: g("mx-al", m), children: [
+    /* @__PURE__ */ b("aside", { className: "mx-al__brand", children: [
+      /* @__PURE__ */ b("div", { className: "mx-al__brandtop", children: [
+        /* @__PURE__ */ r("span", { className: "mx-al__logo", children: d }),
+        /* @__PURE__ */ r("span", { className: "mx-al__wordmark", children: c }),
+        s && /* @__PURE__ */ r("span", { className: "mx-al__badge", children: s })
+      ] }),
+      o ?? /* @__PURE__ */ b("div", { className: "mx-al__brandmid", children: [
+        /* @__PURE__ */ r("h2", { className: "mx-al__brandh", children: h }),
+        /* @__PURE__ */ r("ul", { className: "mx-al__feat", children: f.map((y) => /* @__PURE__ */ b("li", { children: [
+          /* @__PURE__ */ r("span", { className: "mx-al__check", "aria-hidden": "true", children: "✓" }),
+          y
+        ] }, y)) })
+      ] }),
+      /* @__PURE__ */ b("div", { className: "mx-al__brandfoot", children: [
+        /* @__PURE__ */ b("span", { className: "mx-al__statline", children: [
+          /* @__PURE__ */ r("span", { className: "mx-al__dot" }),
+          i
+        ] }),
+        u && /* @__PURE__ */ r("span", { className: "mx-al__ver", children: u })
+      ] }),
+      /* @__PURE__ */ r("span", { className: "mx-al__glow mx-al__glow--1", "aria-hidden": "true" }),
+      /* @__PURE__ */ r("span", { className: "mx-al__glow mx-al__glow--2", "aria-hidden": "true" })
+    ] }),
+    /* @__PURE__ */ r("main", { className: "mx-al__main", children: /* @__PURE__ */ b("div", { className: "mx-al__form", children: [
+      e && /* @__PURE__ */ r("p", { className: "mx-al__eyebrow", children: e }),
+      t && /* @__PURE__ */ r("h1", { className: "mx-al__h", children: t }),
+      n && /* @__PURE__ */ r("p", { className: "mx-al__sub", children: n }),
+      /* @__PURE__ */ r("div", { className: "mx-al__body", children: a }),
+      l && /* @__PURE__ */ r("div", { className: "mx-al__foot", children: l })
+    ] }) })
+  ] });
+}
+function _r({
+  title: e,
+  children: t,
+  defaultOpen: n = !1,
+  open: a,
+  onOpenChange: l,
+  bordered: o = !0,
+  accent: c = "iris",
+  width: s = 360,
+  className: d,
+  style: h,
+  ...f
+}) {
+  const i = a != null, [u, m] = N(n), y = i ? a : u, p = () => {
+    const v = !y;
+    i || m(v), l?.(v);
+  };
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: g(
+        "mx-collapsible",
+        o && "mx-collapsible--bordered",
+        `mx-collapsible--accent-${c}`,
+        y && "is-open",
+        d
+      ),
+      style: { width: s, ...h },
+      ...f,
+      children: [
+        /* @__PURE__ */ b("div", { className: "mx-collapsible__header", children: [
+          /* @__PURE__ */ r("span", { className: "mx-collapsible__title", children: e }),
+          /* @__PURE__ */ r("button", { type: "button", className: "mx-collapsible__toggle", "aria-expanded": y, onClick: p, children: /* @__PURE__ */ r("span", { className: "mx-collapsible__chev", "aria-hidden": "true", children: /* @__PURE__ */ r(S, { name: "chevron-down", size: 15 }) }) })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "mx-collapsible__panel", children: /* @__PURE__ */ r("div", { className: "mx-collapsible__panel-inner", children: /* @__PURE__ */ r("div", { className: "mx-collapsible__content", children: t }) }) })
+      ]
+    }
+  );
+}
+function vr({ ratio: e = 16 / 9, children: t, className: n, style: a, ...l }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: g("mx-aspect", n),
+      style: { aspectRatio: String(e), ...a },
+      ...l,
+      children: /* @__PURE__ */ r("div", { className: "mx-aspect__inner", children: t })
+    }
+  );
+}
+function $r({
+  children: e,
+  scrollbars: t = "vertical",
+  size: n = "md",
+  maxHeight: a,
+  width: l,
+  className: o,
+  style: c,
+  ...s
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: g("mx-scrollarea", `mx-scrollarea--${t}`, `mx-scrollarea--${n}`, o),
+      style: { maxHeight: a, width: l, ...c },
+      ...s,
+      children: e
+    }
+  );
+}
+const L = (e) => `var(--space-${e})`, fa = (e) => `var(--radius-${e})`, xe = {
+  start: "start",
+  center: "center",
+  end: "end",
+  stretch: "stretch",
+  baseline: "baseline"
+}, be = {
+  start: "start",
+  center: "center",
+  end: "end",
+  between: "space-between",
+  around: "space-around",
+  evenly: "space-evenly"
+};
+function Nr({
+  as: e,
+  p: t,
+  px: n,
+  py: a,
+  pt: l,
+  pr: o,
+  pb: c,
+  pl: s,
+  bg: d,
+  radius: h,
+  border: f,
+  shadow: i,
+  className: u,
+  style: m,
+  ...y
+}) {
+  const p = e ?? "div", v = (x, $) => {
+    const k = x ?? $ ?? t;
+    return k ? L(k) : void 0;
+  }, _ = {
+    paddingTop: v(l, a),
+    paddingRight: v(o, n),
+    paddingBottom: v(c, a),
+    paddingLeft: v(s, n),
+    background: d ? `rgb(var(--bg-${d}))` : void 0,
+    borderRadius: h ? fa(h) : void 0,
+    border: f ? "1px solid rgb(var(--border-secondary))" : void 0,
+    boxShadow: i ? `var(--shadow-${i})` : void 0,
+    ...m
+  };
+  return /* @__PURE__ */ r(p, { className: g("mx-box", u), style: _, ...y });
+}
+function wr({ as: e, gap: t, align: n, justify: a, className: l, style: o, ...c }) {
+  return /* @__PURE__ */ r(
+    e ?? "div",
+    {
+      className: g("mx-stack", l),
+      style: {
+        gap: t ? L(t) : void 0,
+        alignItems: n ? xe[n] : void 0,
+        justifyContent: a ? be[a] : void 0,
+        ...o
+      },
+      ...c
+    }
+  );
+}
+function kr({ as: e, direction: t, gap: n, align: a, justify: l, wrap: o, className: c, style: s, ...d }) {
+  return /* @__PURE__ */ r(
+    e ?? "div",
+    {
+      className: g("mx-flex", c),
+      style: {
+        flexDirection: t,
+        flexWrap: o ? "wrap" : void 0,
+        gap: n ? L(n) : void 0,
+        alignItems: a ? xe[a] : void 0,
+        justifyContent: l ? be[l] : void 0,
+        ...s
+      },
+      ...d
+    }
+  );
+}
+const lt = (e) => e === void 0 ? void 0 : typeof e == "number" ? `repeat(${e}, minmax(0, 1fr))` : e;
+function Mr({ as: e, cols: t, rows: n, gap: a, flow: l, align: o, justify: c, className: s, style: d, ...h }) {
+  const f = e ?? "div", i = {
+    gridTemplateColumns: lt(t),
+    gridTemplateRows: lt(n),
+    gridAutoFlow: l,
+    gap: a ? L(a) : void 0,
+    alignItems: o ? xe[o] : void 0,
+    justifyItems: c ? be[c] : void 0,
+    ...d
+  };
+  return /* @__PURE__ */ r(f, { className: g("mx-grid", s), style: i, ...h });
+}
+const pa = { sm: 480, md: 768, lg: 1024, xl: 1280 };
+function Cr({ as: e, size: t = "lg", padding: n, center: a = !0, className: l, style: o, ...c }) {
+  const s = e ?? "div", d = {
+    maxWidth: pa[t],
+    marginInline: a ? "auto" : void 0,
+    paddingInline: n ? L(n) : void 0,
+    ...o
+  };
+  return /* @__PURE__ */ r(s, { className: g("mx-container", l), style: d, ...c });
+}
+function Dr({ as: e, size: t, className: n, style: a, ...l }) {
+  const o = e ?? "div", c = t ? { flexGrow: 0, flexShrink: 0, flexBasis: L(t), ...a } : a;
+  return /* @__PURE__ */ r(o, { className: g("mx-spacer", n), style: c, ...l });
+}
+function Ir({ as: e, colSpan: t, rowSpan: n, colStart: a, rowStart: l, className: o, style: c, ...s }) {
+  const d = e ?? "div", h = {
+    gridColumnStart: a,
+    gridColumnEnd: t ? `span ${t}` : void 0,
+    gridRowStart: l,
+    gridRowEnd: n ? `span ${n}` : void 0,
+    ...c
+  };
+  return /* @__PURE__ */ r(d, { className: g("mx-grid-item", o), style: h, ...s });
+}
+function Sr({ as: e, inline: t, className: n, style: a, ...l }) {
+  const o = e ?? "div", c = {
+    display: t ? "inline-grid" : void 0,
+    ...a
+  };
+  return /* @__PURE__ */ r(o, { className: g("mx-center", n), style: c, ...l });
+}
+function Ar({
+  as: e,
+  aside: t,
+  side: n = "left",
+  sideWidth: a = 272,
+  gap: l,
+  children: o,
+  className: c,
+  style: s,
+  ...d
+}) {
+  const h = e ?? "div", f = typeof a == "number" ? `${a}px` : a, i = { gap: l ? L(l) : void 0, ...s }, u = t == null ? null : /* @__PURE__ */ r("div", { className: "mx-sidebar-aside", style: { flex: `0 0 ${f}` }, children: t }), m = /* @__PURE__ */ r("div", { className: "mx-sidebar-main", children: o });
+  return /* @__PURE__ */ r(h, { className: g("mx-sidebar", c), style: i, ...d, children: n === "right" ? /* @__PURE__ */ b(C, { children: [
+    m,
+    u
+  ] }) : /* @__PURE__ */ b(C, { children: [
+    u,
+    m
+  ] }) });
+}
+function Tr({ as: e, gap: t, align: n, justify: a, className: l, style: o, ...c }) {
+  const s = e ?? "div", d = {
+    gap: t ? L(t) : void 0,
+    alignItems: n ? xe[n] : void 0,
+    justifyContent: a ? be[a] : void 0,
+    ...o
+  };
+  return /* @__PURE__ */ r(s, { className: g("mx-cluster", l), style: d, ...c });
+}
+function Er({ as: e, gap: t, py: n, px: a, className: l, style: o, ...c }) {
+  const s = e ?? "section", d = {
+    gap: t ? L(t) : void 0,
+    paddingBlock: n ? L(n) : void 0,
+    paddingInline: a ? L(a) : void 0,
+    ...o
+  };
+  return /* @__PURE__ */ r(s, { className: g("mx-section", l), style: d, ...c });
+}
+export {
+  or as Accordion,
+  Za as Alert,
+  hr as AlertDialog,
+  vr as AspectRatio,
+  Ca as AuthCode,
+  gr as AuthLayout,
+  qa as Avatar,
+  Va as Badge,
+  tr as Blockquote,
+  Nr as Box,
+  tt as Button,
+  Aa as Calendar,
+  Ya as Callout,
+  za as Card,
+  Sr as Center,
+  Xa as Chart,
+  Lt as Checkbox,
+  Oa as CheckboxCards,
+  ja as CheckboxGroup,
+  Qa as Checklist,
+  la as Chip,
+  Tr as Cluster,
+  ar as Code,
+  _r as Collapsible,
+  Cr as Container,
+  yr as ContextMenu,
+  nr as DataList,
+  Sa as DateField,
+  mr as Dialog,
+  va as Divider,
+  pr as Dropdown,
+  kr as Flex,
+  Mr as Grid,
+  Ir as GridItem,
+  Rt as Heading,
+  xr as HoverCard,
+  S as Icon,
+  Gn as IconButton,
+  Qn as Input,
+  rr as Kbd,
+  Ia as Label,
+  _a as Link,
+  br as LinkPreview,
+  er as ListRow,
+  cr as Menubar,
+  dr as Modal,
+  Da as MoneyInput,
+  sr as Pagination,
+  Ha as PasswordStrength,
+  fr as Popover,
+  ta as Progress,
+  Pt as Radio,
+  Fa as RadioCards,
+  Ba as RadioGroup,
+  $r as ScrollArea,
+  ka as Search,
+  Er as Section,
+  Ea as Segmented,
+  Ma as Select,
+  Na as Separator,
+  Ar as Sidebar,
+  Ka as Skeleton,
+  Ra as Slider,
+  Dr as Spacer,
+  Ua as Spinner,
+  wr as Stack,
+  Ja as Stat,
+  Ta as Switch,
+  ir as TabNav,
+  Ga as Table,
+  lr as Tabs,
+  Wa as Tag,
+  $a as Text,
+  wa as Textarea,
+  La as Toggle,
+  Pa as ToggleGroup,
+  ur as Tooltip,
+  kt as createFormatter,
+  ga as createTimeFormatter,
+  g as cx
+};