@articles-media/articles-dev-box 1.0.6 → 1.0.8

package/dist/ViewUserModal.js

@@ -0,0 +1,3793 @@
+import { j as i } from "./jsx-runtime-tc70JA_2.js";
+import * as ue from "react";
+import { useRef as Q, useEffect as z, useMemo as Fe, useState as T, useCallback as X, useLayoutEffect as Tn, cloneElement as Wn } from "react";
+import { t as L, c as he, a as An, b as sn, L as Ve } from "./toDate-DiBqlcLH.js";
+import { u as Rn, a as $n, c as lt, b as ut, o as on, l as We, i as Fn, d as Ln, e as Ct, r as Bn, f as je, g as cn, h as Tt, j as ln, k as Yn, F as Wt, s as dt, m as Un, P as Hn, M as Ie } from "./Modal-CZ77qLgM.js";
+import { g as In, c as ge, A as F } from "./Button-B5nVYPMZ.js";
+import qn from "react-dom";
+import { w as Vn, u as un, a as dn } from "./index-DLYx67wi.js";
+let Xn = {};
+function Je() {
+  return Xn;
+}
+function Le(e, t) {
+  const n = Je(), r = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, a = L(e, t?.in), s = a.getDay(), o = (s < r ? 7 : 0) + s - r;
+  return a.setDate(a.getDate() - o), a.setHours(0, 0, 0, 0), a;
+}
+function Qe(e, t) {
+  return Le(e, { ...t, weekStartsOn: 1 });
+}
+function fn(e, t) {
+  const n = L(e, t?.in), r = n.getFullYear(), a = he(n, 0);
+  a.setFullYear(r + 1, 0, 4), a.setHours(0, 0, 0, 0);
+  const s = Qe(a), o = he(n, 0);
+  o.setFullYear(r, 0, 4), o.setHours(0, 0, 0, 0);
+  const c = Qe(o);
+  return n.getTime() >= s.getTime() ? r + 1 : n.getTime() >= c.getTime() ? r : r - 1;
+}
+function At(e) {
+  const t = L(e), n = new Date(
+    Date.UTC(
+      t.getFullYear(),
+      t.getMonth(),
+      t.getDate(),
+      t.getHours(),
+      t.getMinutes(),
+      t.getSeconds(),
+      t.getMilliseconds()
+    )
+  );
+  return n.setUTCFullYear(t.getFullYear()), +e - +n;
+}
+function ht(e, ...t) {
+  const n = he.bind(
+    null,
+    t.find((r) => typeof r == "object")
+  );
+  return t.map(n);
+}
+function Rt(e, t) {
+  const n = L(e, t?.in);
+  return n.setHours(0, 0, 0, 0), n;
+}
+function zn(e, t, n) {
+  const [r, a] = ht(
+    n?.in,
+    e,
+    t
+  ), s = Rt(r), o = Rt(a), c = +s - At(s), l = +o - At(o);
+  return Math.round((c - l) / An);
+}
+function Qn(e, t) {
+  const n = fn(e, t), r = he(e, 0);
+  return r.setFullYear(n, 0, 4), r.setHours(0, 0, 0, 0), Qe(r);
+}
+function it(e, t) {
+  const n = +L(e) - +L(t);
+  return n < 0 ? -1 : n > 0 ? 1 : n;
+}
+function Gn(e) {
+  return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
+}
+function Jn(e) {
+  return !(!Gn(e) && typeof e != "number" || isNaN(+L(e)));
+}
+function Kn(e, t, n) {
+  const [r, a] = ht(
+    n?.in,
+    e,
+    t
+  ), s = r.getFullYear() - a.getFullYear(), o = r.getMonth() - a.getMonth();
+  return s * 12 + o;
+}
+function Zn(e, t) {
+  const n = L(e, t?.in);
+  return n.setHours(23, 59, 59, 999), n;
+}
+function er(e, t) {
+  const n = L(e, t?.in), r = n.getMonth();
+  return n.setFullYear(n.getFullYear(), r + 1, 0), n.setHours(23, 59, 59, 999), n;
+}
+function tr(e, t) {
+  const n = L(e, t?.in);
+  return +Zn(n, t) == +er(n, t);
+}
+function nr(e, t, n) {
+  const [r, a, s] = ht(
+    n?.in,
+    e,
+    e,
+    t
+  ), o = it(a, s), c = Math.abs(
+    Kn(a, s)
+  );
+  if (c < 1) return 0;
+  a.getMonth() === 1 && a.getDate() > 27 && a.setDate(30), a.setMonth(a.getMonth() - o * c);
+  let l = it(a, s) === -o;
+  tr(r) && c === 1 && it(r, s) === 1 && (l = !1);
+  const f = o * (c - +l);
+  return f === 0 ? 0 : f;
+}
+function rr(e, t) {
+  const n = L(e, t?.in);
+  return n.setFullYear(n.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
+}
+const ar = {
+  lessThanXSeconds: {
+    one: "less than a second",
+    other: "less than {{count}} seconds"
+  },
+  xSeconds: {
+    one: "1 second",
+    other: "{{count}} seconds"
+  },
+  halfAMinute: "half a minute",
+  lessThanXMinutes: {
+    one: "less than a minute",
+    other: "less than {{count}} minutes"
+  },
+  xMinutes: {
+    one: "1 minute",
+    other: "{{count}} minutes"
+  },
+  aboutXHours: {
+    one: "about 1 hour",
+    other: "about {{count}} hours"
+  },
+  xHours: {
+    one: "1 hour",
+    other: "{{count}} hours"
+  },
+  xDays: {
+    one: "1 day",
+    other: "{{count}} days"
+  },
+  aboutXWeeks: {
+    one: "about 1 week",
+    other: "about {{count}} weeks"
+  },
+  xWeeks: {
+    one: "1 week",
+    other: "{{count}} weeks"
+  },
+  aboutXMonths: {
+    one: "about 1 month",
+    other: "about {{count}} months"
+  },
+  xMonths: {
+    one: "1 month",
+    other: "{{count}} months"
+  },
+  aboutXYears: {
+    one: "about 1 year",
+    other: "about {{count}} years"
+  },
+  xYears: {
+    one: "1 year",
+    other: "{{count}} years"
+  },
+  overXYears: {
+    one: "over 1 year",
+    other: "over {{count}} years"
+  },
+  almostXYears: {
+    one: "almost 1 year",
+    other: "almost {{count}} years"
+  }
+}, ir = (e, t, n) => {
+  let r;
+  const a = ar[e];
+  return typeof a == "string" ? r = a : t === 1 ? r = a.one : r = a.other.replace("{{count}}", t.toString()), n?.addSuffix ? n.comparison && n.comparison > 0 ? "in " + r : r + " ago" : r;
+};
+function st(e) {
+  return (t = {}) => {
+    const n = t.width ? String(t.width) : e.defaultWidth;
+    return e.formats[n] || e.formats[e.defaultWidth];
+  };
+}
+const sr = {
+  full: "EEEE, MMMM do, y",
+  long: "MMMM do, y",
+  medium: "MMM d, y",
+  short: "MM/dd/yyyy"
+}, or = {
+  full: "h:mm:ss a zzzz",
+  long: "h:mm:ss a z",
+  medium: "h:mm:ss a",
+  short: "h:mm a"
+}, cr = {
+  full: "{{date}} 'at' {{time}}",
+  long: "{{date}} 'at' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+}, lr = {
+  date: st({
+    formats: sr,
+    defaultWidth: "full"
+  }),
+  time: st({
+    formats: or,
+    defaultWidth: "full"
+  }),
+  dateTime: st({
+    formats: cr,
+    defaultWidth: "full"
+  })
+}, ur = {
+  lastWeek: "'last' eeee 'at' p",
+  yesterday: "'yesterday at' p",
+  today: "'today at' p",
+  tomorrow: "'tomorrow at' p",
+  nextWeek: "eeee 'at' p",
+  other: "P"
+}, dr = (e, t, n, r) => ur[e];
+function Se(e) {
+  return (t, n) => {
+    const r = n?.context ? String(n.context) : "standalone";
+    let a;
+    if (r === "formatting" && e.formattingValues) {
+      const o = e.defaultFormattingWidth || e.defaultWidth, c = n?.width ? String(n.width) : o;
+      a = e.formattingValues[c] || e.formattingValues[o];
+    } else {
+      const o = e.defaultWidth, c = n?.width ? String(n.width) : e.defaultWidth;
+      a = e.values[c] || e.values[o];
+    }
+    const s = e.argumentCallback ? e.argumentCallback(t) : t;
+    return a[s];
+  };
+}
+const fr = {
+  narrow: ["B", "A"],
+  abbreviated: ["BC", "AD"],
+  wide: ["Before Christ", "Anno Domini"]
+}, mr = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["Q1", "Q2", "Q3", "Q4"],
+  wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
+}, pr = {
+  narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
+  abbreviated: [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec"
+  ],
+  wide: [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ]
+}, hr = {
+  narrow: ["S", "M", "T", "W", "T", "F", "S"],
+  short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
+  abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  wide: [
+    "Sunday",
+    "Monday",
+    "Tuesday",
+    "Wednesday",
+    "Thursday",
+    "Friday",
+    "Saturday"
+  ]
+}, vr = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mi",
+    noon: "n",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  }
+}, gr = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mi",
+    noon: "n",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  }
+}, br = (e, t) => {
+  const n = Number(e), r = n % 100;
+  if (r > 20 || r < 10)
+    switch (r % 10) {
+      case 1:
+        return n + "st";
+      case 2:
+        return n + "nd";
+      case 3:
+        return n + "rd";
+    }
+  return n + "th";
+}, yr = {
+  ordinalNumber: br,
+  era: Se({
+    values: fr,
+    defaultWidth: "wide"
+  }),
+  quarter: Se({
+    values: mr,
+    defaultWidth: "wide",
+    argumentCallback: (e) => e - 1
+  }),
+  month: Se({
+    values: pr,
+    defaultWidth: "wide"
+  }),
+  day: Se({
+    values: hr,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: Se({
+    values: vr,
+    defaultWidth: "wide",
+    formattingValues: gr,
+    defaultFormattingWidth: "wide"
+  })
+};
+function Ce(e) {
+  return (t, n = {}) => {
+    const r = n.width, a = r && e.matchPatterns[r] || e.matchPatterns[e.defaultMatchWidth], s = t.match(a);
+    if (!s)
+      return null;
+    const o = s[0], c = r && e.parsePatterns[r] || e.parsePatterns[e.defaultParseWidth], l = Array.isArray(c) ? xr(c, (m) => m.test(o)) : (
+      // [TODO] -- I challenge you to fix the type
+      wr(c, (m) => m.test(o))
+    );
+    let f;
+    f = e.valueCallback ? e.valueCallback(l) : l, f = n.valueCallback ? (
+      // [TODO] -- I challenge you to fix the type
+      n.valueCallback(f)
+    ) : f;
+    const u = t.slice(o.length);
+    return { value: f, rest: u };
+  };
+}
+function wr(e, t) {
+  for (const n in e)
+    if (Object.prototype.hasOwnProperty.call(e, n) && t(e[n]))
+      return n;
+}
+function xr(e, t) {
+  for (let n = 0; n < e.length; n++)
+    if (t(e[n]))
+      return n;
+}
+function Or(e) {
+  return (t, n = {}) => {
+    const r = t.match(e.matchPattern);
+    if (!r) return null;
+    const a = r[0], s = t.match(e.parsePattern);
+    if (!s) return null;
+    let o = e.valueCallback ? e.valueCallback(s[0]) : s[0];
+    o = n.valueCallback ? n.valueCallback(o) : o;
+    const c = t.slice(a.length);
+    return { value: o, rest: c };
+  };
+}
+const jr = /^(\d+)(th|st|nd|rd)?/i, Nr = /\d+/i, Mr = {
+  narrow: /^(b|a)/i,
+  abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
+  wide: /^(before christ|before common era|anno domini|common era)/i
+}, Pr = {
+  any: [/^b/i, /^(a|c)/i]
+}, Dr = {
+  narrow: /^[1234]/i,
+  abbreviated: /^q[1234]/i,
+  wide: /^[1234](th|st|nd|rd)? quarter/i
+}, _r = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, kr = {
+  narrow: /^[jfmasond]/i,
+  abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
+  wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
+}, Er = {
+  narrow: [
+    /^j/i,
+    /^f/i,
+    /^m/i,
+    /^a/i,
+    /^m/i,
+    /^j/i,
+    /^j/i,
+    /^a/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ],
+  any: [
+    /^ja/i,
+    /^f/i,
+    /^mar/i,
+    /^ap/i,
+    /^may/i,
+    /^jun/i,
+    /^jul/i,
+    /^au/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ]
+}, Sr = {
+  narrow: /^[smtwf]/i,
+  short: /^(su|mo|tu|we|th|fr|sa)/i,
+  abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
+  wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
+}, Cr = {
+  narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
+  any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
+}, Tr = {
+  narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
+  any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
+}, Wr = {
+  any: {
+    am: /^a/i,
+    pm: /^p/i,
+    midnight: /^mi/i,
+    noon: /^no/i,
+    morning: /morning/i,
+    afternoon: /afternoon/i,
+    evening: /evening/i,
+    night: /night/i
+  }
+}, Ar = {
+  ordinalNumber: Or({
+    matchPattern: jr,
+    parsePattern: Nr,
+    valueCallback: (e) => parseInt(e, 10)
+  }),
+  era: Ce({
+    matchPatterns: Mr,
+    defaultMatchWidth: "wide",
+    parsePatterns: Pr,
+    defaultParseWidth: "any"
+  }),
+  quarter: Ce({
+    matchPatterns: Dr,
+    defaultMatchWidth: "wide",
+    parsePatterns: _r,
+    defaultParseWidth: "any",
+    valueCallback: (e) => e + 1
+  }),
+  month: Ce({
+    matchPatterns: kr,
+    defaultMatchWidth: "wide",
+    parsePatterns: Er,
+    defaultParseWidth: "any"
+  }),
+  day: Ce({
+    matchPatterns: Sr,
+    defaultMatchWidth: "wide",
+    parsePatterns: Cr,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: Ce({
+    matchPatterns: Tr,
+    defaultMatchWidth: "any",
+    parsePatterns: Wr,
+    defaultParseWidth: "any"
+  })
+}, Rr = {
+  code: "en-US",
+  formatDistance: ir,
+  formatLong: lr,
+  formatRelative: dr,
+  localize: yr,
+  match: Ar,
+  options: {
+    weekStartsOn: 0,
+    firstWeekContainsDate: 1
+  }
+};
+function $r(e, t) {
+  const n = L(e, t?.in);
+  return zn(n, rr(n)) + 1;
+}
+function Fr(e, t) {
+  const n = L(e, t?.in), r = +Qe(n) - +Qn(n);
+  return Math.round(r / sn) + 1;
+}
+function mn(e, t) {
+  const n = L(e, t?.in), r = n.getFullYear(), a = Je(), s = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? a.firstWeekContainsDate ?? a.locale?.options?.firstWeekContainsDate ?? 1, o = he(t?.in || e, 0);
+  o.setFullYear(r + 1, 0, s), o.setHours(0, 0, 0, 0);
+  const c = Le(o, t), l = he(t?.in || e, 0);
+  l.setFullYear(r, 0, s), l.setHours(0, 0, 0, 0);
+  const f = Le(l, t);
+  return +n >= +c ? r + 1 : +n >= +f ? r : r - 1;
+}
+function Lr(e, t) {
+  const n = Je(), r = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, a = mn(e, t), s = he(t?.in || e, 0);
+  return s.setFullYear(a, 0, r), s.setHours(0, 0, 0, 0), Le(s, t);
+}
+function Br(e, t) {
+  const n = L(e, t?.in), r = +Le(n, t) - +Lr(n, t);
+  return Math.round(r / sn) + 1;
+}
+function P(e, t) {
+  const n = e < 0 ? "-" : "", r = Math.abs(e).toString().padStart(t, "0");
+  return n + r;
+}
+const le = {
+  // Year
+  y(e, t) {
+    const n = e.getFullYear(), r = n > 0 ? n : 1 - n;
+    return P(t === "yy" ? r % 100 : r, t.length);
+  },
+  // Month
+  M(e, t) {
+    const n = e.getMonth();
+    return t === "M" ? String(n + 1) : P(n + 1, 2);
+  },
+  // Day of the month
+  d(e, t) {
+    return P(e.getDate(), t.length);
+  },
+  // AM or PM
+  a(e, t) {
+    const n = e.getHours() / 12 >= 1 ? "pm" : "am";
+    switch (t) {
+      case "a":
+      case "aa":
+        return n.toUpperCase();
+      case "aaa":
+        return n;
+      case "aaaaa":
+        return n[0];
+      default:
+        return n === "am" ? "a.m." : "p.m.";
+    }
+  },
+  // Hour [1-12]
+  h(e, t) {
+    return P(e.getHours() % 12 || 12, t.length);
+  },
+  // Hour [0-23]
+  H(e, t) {
+    return P(e.getHours(), t.length);
+  },
+  // Minute
+  m(e, t) {
+    return P(e.getMinutes(), t.length);
+  },
+  // Second
+  s(e, t) {
+    return P(e.getSeconds(), t.length);
+  },
+  // Fraction of second
+  S(e, t) {
+    const n = t.length, r = e.getMilliseconds(), a = Math.trunc(
+      r * Math.pow(10, n - 3)
+    );
+    return P(a, t.length);
+  }
+}, Oe = {
+  midnight: "midnight",
+  noon: "noon",
+  morning: "morning",
+  afternoon: "afternoon",
+  evening: "evening",
+  night: "night"
+}, $t = {
+  // Era
+  G: function(e, t, n) {
+    const r = e.getFullYear() > 0 ? 1 : 0;
+    switch (t) {
+      // AD, BC
+      case "G":
+      case "GG":
+      case "GGG":
+        return n.era(r, { width: "abbreviated" });
+      // A, B
+      case "GGGGG":
+        return n.era(r, { width: "narrow" });
+      default:
+        return n.era(r, { width: "wide" });
+    }
+  },
+  // Year
+  y: function(e, t, n) {
+    if (t === "yo") {
+      const r = e.getFullYear(), a = r > 0 ? r : 1 - r;
+      return n.ordinalNumber(a, { unit: "year" });
+    }
+    return le.y(e, t);
+  },
+  // Local week-numbering year
+  Y: function(e, t, n, r) {
+    const a = mn(e, r), s = a > 0 ? a : 1 - a;
+    if (t === "YY") {
+      const o = s % 100;
+      return P(o, 2);
+    }
+    return t === "Yo" ? n.ordinalNumber(s, { unit: "year" }) : P(s, t.length);
+  },
+  // ISO week-numbering year
+  R: function(e, t) {
+    const n = fn(e);
+    return P(n, t.length);
+  },
+  // Extended year. This is a single number designating the year of this calendar system.
+  // The main difference between `y` and `u` localizers are B.C. years:
+  // | Year | `y` | `u` |
+  // |------|-----|-----|
+  // | AC 1 |   1 |   1 |
+  // | BC 1 |   1 |   0 |
+  // | BC 2 |   2 |  -1 |
+  // Also `yy` always returns the last two digits of a year,
+  // while `uu` pads single digit years to 2 characters and returns other years unchanged.
+  u: function(e, t) {
+    const n = e.getFullYear();
+    return P(n, t.length);
+  },
+  // Quarter
+  Q: function(e, t, n) {
+    const r = Math.ceil((e.getMonth() + 1) / 3);
+    switch (t) {
+      // 1, 2, 3, 4
+      case "Q":
+        return String(r);
+      // 01, 02, 03, 04
+      case "QQ":
+        return P(r, 2);
+      // 1st, 2nd, 3rd, 4th
+      case "Qo":
+        return n.ordinalNumber(r, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
+      case "QQQ":
+        return n.quarter(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
+      case "QQQQQ":
+        return n.quarter(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      default:
+        return n.quarter(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone quarter
+  q: function(e, t, n) {
+    const r = Math.ceil((e.getMonth() + 1) / 3);
+    switch (t) {
+      // 1, 2, 3, 4
+      case "q":
+        return String(r);
+      // 01, 02, 03, 04
+      case "qq":
+        return P(r, 2);
+      // 1st, 2nd, 3rd, 4th
+      case "qo":
+        return n.ordinalNumber(r, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
+      case "qqq":
+        return n.quarter(r, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
+      case "qqqqq":
+        return n.quarter(r, {
+          width: "narrow",
+          context: "standalone"
+        });
+      default:
+        return n.quarter(r, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // Month
+  M: function(e, t, n) {
+    const r = e.getMonth();
+    switch (t) {
+      case "M":
+      case "MM":
+        return le.M(e, t);
+      // 1st, 2nd, ..., 12th
+      case "Mo":
+        return n.ordinalNumber(r + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
+      case "MMM":
+        return n.month(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // J, F, ..., D
+      case "MMMMM":
+        return n.month(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      default:
+        return n.month(r, { width: "wide", context: "formatting" });
+    }
+  },
+  // Stand-alone month
+  L: function(e, t, n) {
+    const r = e.getMonth();
+    switch (t) {
+      // 1, 2, ..., 12
+      case "L":
+        return String(r + 1);
+      // 01, 02, ..., 12
+      case "LL":
+        return P(r + 1, 2);
+      // 1st, 2nd, ..., 12th
+      case "Lo":
+        return n.ordinalNumber(r + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
+      case "LLL":
+        return n.month(r, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      // J, F, ..., D
+      case "LLLLL":
+        return n.month(r, {
+          width: "narrow",
+          context: "standalone"
+        });
+      default:
+        return n.month(r, { width: "wide", context: "standalone" });
+    }
+  },
+  // Local week of year
+  w: function(e, t, n, r) {
+    const a = Br(e, r);
+    return t === "wo" ? n.ordinalNumber(a, { unit: "week" }) : P(a, t.length);
+  },
+  // ISO week of year
+  I: function(e, t, n) {
+    const r = Fr(e);
+    return t === "Io" ? n.ordinalNumber(r, { unit: "week" }) : P(r, t.length);
+  },
+  // Day of the month
+  d: function(e, t, n) {
+    return t === "do" ? n.ordinalNumber(e.getDate(), { unit: "date" }) : le.d(e, t);
+  },
+  // Day of year
+  D: function(e, t, n) {
+    const r = $r(e);
+    return t === "Do" ? n.ordinalNumber(r, { unit: "dayOfYear" }) : P(r, t.length);
+  },
+  // Day of week
+  E: function(e, t, n) {
+    const r = e.getDay();
+    switch (t) {
+      // Tue
+      case "E":
+      case "EE":
+      case "EEE":
+        return n.day(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // T
+      case "EEEEE":
+        return n.day(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // Tu
+      case "EEEEEE":
+        return n.day(r, {
+          width: "short",
+          context: "formatting"
+        });
+      default:
+        return n.day(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Local day of week
+  e: function(e, t, n, r) {
+    const a = e.getDay(), s = (a - r.weekStartsOn + 8) % 7 || 7;
+    switch (t) {
+      // Numerical value (Nth day of week with current locale or weekStartsOn)
+      case "e":
+        return String(s);
+      // Padded numerical value
+      case "ee":
+        return P(s, 2);
+      // 1st, 2nd, ..., 7th
+      case "eo":
+        return n.ordinalNumber(s, { unit: "day" });
+      case "eee":
+        return n.day(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // T
+      case "eeeee":
+        return n.day(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // Tu
+      case "eeeeee":
+        return n.day(a, {
+          width: "short",
+          context: "formatting"
+        });
+      default:
+        return n.day(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone local day of week
+  c: function(e, t, n, r) {
+    const a = e.getDay(), s = (a - r.weekStartsOn + 8) % 7 || 7;
+    switch (t) {
+      // Numerical value (same as in `e`)
+      case "c":
+        return String(s);
+      // Padded numerical value
+      case "cc":
+        return P(s, t.length);
+      // 1st, 2nd, ..., 7th
+      case "co":
+        return n.ordinalNumber(s, { unit: "day" });
+      case "ccc":
+        return n.day(a, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      // T
+      case "ccccc":
+        return n.day(a, {
+          width: "narrow",
+          context: "standalone"
+        });
+      // Tu
+      case "cccccc":
+        return n.day(a, {
+          width: "short",
+          context: "standalone"
+        });
+      default:
+        return n.day(a, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // ISO day of week
+  i: function(e, t, n) {
+    const r = e.getDay(), a = r === 0 ? 7 : r;
+    switch (t) {
+      // 2
+      case "i":
+        return String(a);
+      // 02
+      case "ii":
+        return P(a, t.length);
+      // 2nd
+      case "io":
+        return n.ordinalNumber(a, { unit: "day" });
+      // Tue
+      case "iii":
+        return n.day(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // T
+      case "iiiii":
+        return n.day(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // Tu
+      case "iiiiii":
+        return n.day(r, {
+          width: "short",
+          context: "formatting"
+        });
+      default:
+        return n.day(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM or PM
+  a: function(e, t, n) {
+    const a = e.getHours() / 12 >= 1 ? "pm" : "am";
+    switch (t) {
+      case "a":
+      case "aa":
+        return n.dayPeriod(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "aaa":
+        return n.dayPeriod(a, {
+          width: "abbreviated",
+          context: "formatting"
+        }).toLowerCase();
+      case "aaaaa":
+        return n.dayPeriod(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      default:
+        return n.dayPeriod(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM, PM, midnight, noon
+  b: function(e, t, n) {
+    const r = e.getHours();
+    let a;
+    switch (r === 12 ? a = Oe.noon : r === 0 ? a = Oe.midnight : a = r / 12 >= 1 ? "pm" : "am", t) {
+      case "b":
+      case "bb":
+        return n.dayPeriod(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "bbb":
+        return n.dayPeriod(a, {
+          width: "abbreviated",
+          context: "formatting"
+        }).toLowerCase();
+      case "bbbbb":
+        return n.dayPeriod(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      default:
+        return n.dayPeriod(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // in the morning, in the afternoon, in the evening, at night
+  B: function(e, t, n) {
+    const r = e.getHours();
+    let a;
+    switch (r >= 17 ? a = Oe.evening : r >= 12 ? a = Oe.afternoon : r >= 4 ? a = Oe.morning : a = Oe.night, t) {
+      case "B":
+      case "BB":
+      case "BBB":
+        return n.dayPeriod(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "BBBBB":
+        return n.dayPeriod(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      default:
+        return n.dayPeriod(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Hour [1-12]
+  h: function(e, t, n) {
+    if (t === "ho") {
+      let r = e.getHours() % 12;
+      return r === 0 && (r = 12), n.ordinalNumber(r, { unit: "hour" });
+    }
+    return le.h(e, t);
+  },
+  // Hour [0-23]
+  H: function(e, t, n) {
+    return t === "Ho" ? n.ordinalNumber(e.getHours(), { unit: "hour" }) : le.H(e, t);
+  },
+  // Hour [0-11]
+  K: function(e, t, n) {
+    const r = e.getHours() % 12;
+    return t === "Ko" ? n.ordinalNumber(r, { unit: "hour" }) : P(r, t.length);
+  },
+  // Hour [1-24]
+  k: function(e, t, n) {
+    let r = e.getHours();
+    return r === 0 && (r = 24), t === "ko" ? n.ordinalNumber(r, { unit: "hour" }) : P(r, t.length);
+  },
+  // Minute
+  m: function(e, t, n) {
+    return t === "mo" ? n.ordinalNumber(e.getMinutes(), { unit: "minute" }) : le.m(e, t);
+  },
+  // Second
+  s: function(e, t, n) {
+    return t === "so" ? n.ordinalNumber(e.getSeconds(), { unit: "second" }) : le.s(e, t);
+  },
+  // Fraction of second
+  S: function(e, t) {
+    return le.S(e, t);
+  },
+  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
+  X: function(e, t, n) {
+    const r = e.getTimezoneOffset();
+    if (r === 0)
+      return "Z";
+    switch (t) {
+      // Hours and optional minutes
+      case "X":
+        return Lt(r);
+      // Hours, minutes and optional seconds without `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `XX`
+      case "XXXX":
+      case "XX":
+        return me(r);
+      // Hours and minutes with `:` delimiter
+      default:
+        return me(r, ":");
+    }
+  },
+  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
+  x: function(e, t, n) {
+    const r = e.getTimezoneOffset();
+    switch (t) {
+      // Hours and optional minutes
+      case "x":
+        return Lt(r);
+      // Hours, minutes and optional seconds without `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `xx`
+      case "xxxx":
+      case "xx":
+        return me(r);
+      // Hours and minutes with `:` delimiter
+      default:
+        return me(r, ":");
+    }
+  },
+  // Timezone (GMT)
+  O: function(e, t, n) {
+    const r = e.getTimezoneOffset();
+    switch (t) {
+      // Short
+      case "O":
+      case "OO":
+      case "OOO":
+        return "GMT" + Ft(r, ":");
+      default:
+        return "GMT" + me(r, ":");
+    }
+  },
+  // Timezone (specific non-location)
+  z: function(e, t, n) {
+    const r = e.getTimezoneOffset();
+    switch (t) {
+      // Short
+      case "z":
+      case "zz":
+      case "zzz":
+        return "GMT" + Ft(r, ":");
+      default:
+        return "GMT" + me(r, ":");
+    }
+  },
+  // Seconds timestamp
+  t: function(e, t, n) {
+    const r = Math.trunc(+e / 1e3);
+    return P(r, t.length);
+  },
+  // Milliseconds timestamp
+  T: function(e, t, n) {
+    return P(+e, t.length);
+  }
+};
+function Ft(e, t = "") {
+  const n = e > 0 ? "-" : "+", r = Math.abs(e), a = Math.trunc(r / 60), s = r % 60;
+  return s === 0 ? n + String(a) : n + String(a) + t + P(s, 2);
+}
+function Lt(e, t) {
+  return e % 60 === 0 ? (e > 0 ? "-" : "+") + P(Math.abs(e) / 60, 2) : me(e, t);
+}
+function me(e, t = "") {
+  const n = e > 0 ? "-" : "+", r = Math.abs(e), a = P(Math.trunc(r / 60), 2), s = P(r % 60, 2);
+  return n + a + t + s;
+}
+const Bt = (e, t) => {
+  switch (e) {
+    case "P":
+      return t.date({ width: "short" });
+    case "PP":
+      return t.date({ width: "medium" });
+    case "PPP":
+      return t.date({ width: "long" });
+    default:
+      return t.date({ width: "full" });
+  }
+}, pn = (e, t) => {
+  switch (e) {
+    case "p":
+      return t.time({ width: "short" });
+    case "pp":
+      return t.time({ width: "medium" });
+    case "ppp":
+      return t.time({ width: "long" });
+    default:
+      return t.time({ width: "full" });
+  }
+}, Yr = (e, t) => {
+  const n = e.match(/(P+)(p+)?/) || [], r = n[1], a = n[2];
+  if (!a)
+    return Bt(e, t);
+  let s;
+  switch (r) {
+    case "P":
+      s = t.dateTime({ width: "short" });
+      break;
+    case "PP":
+      s = t.dateTime({ width: "medium" });
+      break;
+    case "PPP":
+      s = t.dateTime({ width: "long" });
+      break;
+    default:
+      s = t.dateTime({ width: "full" });
+      break;
+  }
+  return s.replace("{{date}}", Bt(r, t)).replace("{{time}}", pn(a, t));
+}, Ur = {
+  p: pn,
+  P: Yr
+}, Hr = /^D+$/, Ir = /^Y+$/, qr = ["D", "DD", "YY", "YYYY"];
+function Vr(e) {
+  return Hr.test(e);
+}
+function Xr(e) {
+  return Ir.test(e);
+}
+function zr(e, t, n) {
+  const r = Qr(e, t, n);
+  if (console.warn(r), qr.includes(e)) throw new RangeError(r);
+}
+function Qr(e, t, n) {
+  const r = e[0] === "Y" ? "years" : "days of the month";
+  return `Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
+}
+const Gr = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Jr = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Kr = /^'([^]*?)'?$/, Zr = /''/g, ea = /[a-zA-Z]/;
+function vt(e, t, n) {
+  const r = Je(), a = r.locale ?? Rr, s = r.firstWeekContainsDate ?? r.locale?.options?.firstWeekContainsDate ?? 1, o = r.weekStartsOn ?? r.locale?.options?.weekStartsOn ?? 0, c = L(e, n?.in);
+  if (!Jn(c))
+    throw new RangeError("Invalid time value");
+  let l = t.match(Jr).map((u) => {
+    const m = u[0];
+    if (m === "p" || m === "P") {
+      const h = Ur[m];
+      return h(u, a.formatLong);
+    }
+    return u;
+  }).join("").match(Gr).map((u) => {
+    if (u === "''")
+      return { isToken: !1, value: "'" };
+    const m = u[0];
+    if (m === "'")
+      return { isToken: !1, value: ta(u) };
+    if ($t[m])
+      return { isToken: !0, value: u };
+    if (m.match(ea))
+      throw new RangeError(
+        "Format string contains an unescaped latin alphabet character `" + m + "`"
+      );
+    return { isToken: !1, value: u };
+  });
+  a.localize.preprocessor && (l = a.localize.preprocessor(c, l));
+  const f = {
+    firstWeekContainsDate: s,
+    weekStartsOn: o,
+    locale: a
+  };
+  return l.map((u) => {
+    if (!u.isToken) return u.value;
+    const m = u.value;
+    (Xr(m) || Vr(m)) && zr(m, t, String(e));
+    const h = $t[m[0]];
+    return h(c, m, a.localize, f);
+  }).join("");
+}
+function ta(e) {
+  const t = e.match(Kr);
+  return t ? t[1].replace(Zr, "'") : e;
+}
+function na() {
+  const e = Q(!0), t = Q(() => e.current);
+  return z(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), t.current;
+}
+const ft = 2 ** 31 - 1;
+function hn(e, t, n) {
+  const r = n - Date.now();
+  e.current = r <= ft ? setTimeout(t, r) : setTimeout(() => hn(e, t, n), ft);
+}
+function ra() {
+  const e = na(), t = Q();
+  return Rn(() => clearTimeout(t.current)), Fe(() => {
+    const n = () => clearTimeout(t.current);
+    function r(a, s = 0) {
+      e() && (n(), s <= ft ? t.current = setTimeout(a, s) : hn(t, a, Date.now() + s));
+    }
+    return {
+      set: r,
+      clear: n,
+      handleRef: t
+    };
+  }, []);
+}
+var ot, Yt;
+function aa() {
+  if (Yt) return ot;
+  Yt = 1;
+  var e = process.env.NODE_ENV !== "production", t = function() {
+  };
+  if (e) {
+    var n = function(a, s) {
+      var o = arguments.length;
+      s = new Array(o > 1 ? o - 1 : 0);
+      for (var c = 1; c < o; c++)
+        s[c - 1] = arguments[c];
+      var l = 0, f = "Warning: " + a.replace(/%s/g, function() {
+        return s[l++];
+      });
+      typeof console < "u" && console.error(f);
+      try {
+        throw new Error(f);
+      } catch {
+      }
+    };
+    t = function(r, a, s) {
+      var o = arguments.length;
+      s = new Array(o > 2 ? o - 2 : 0);
+      for (var c = 2; c < o; c++)
+        s[c - 2] = arguments[c];
+      if (a === void 0)
+        throw new Error(
+          "`warning(condition, format, ...args)` requires a warning message argument"
+        );
+      r || n.apply(null, [a].concat(s));
+    };
+  }
+  return ot = t, ot;
+}
+var ia = aa();
+const vn = /* @__PURE__ */ In(ia);
+function sa(e, t, n) {
+  var r = Q(e !== void 0), a = T(t), s = a[0], o = a[1], c = e !== void 0, l = r.current;
+  return r.current = c, !c && l && s !== t && o(t), [c ? e : s, X(function(f) {
+    for (var u = arguments.length, m = new Array(u > 1 ? u - 1 : 0), h = 1; h < u; h++)
+      m[h - 1] = arguments[h];
+    n && n.apply(void 0, [f].concat(m)), o(f);
+  }, [n])];
+}
+function Ut() {
+  return T(null);
+}
+var Ht = Object.prototype.hasOwnProperty;
+function It(e, t, n) {
+  for (n of e.keys())
+    if (Ae(n, t)) return n;
+}
+function Ae(e, t) {
+  var n, r, a;
+  if (e === t) return !0;
+  if (e && t && (n = e.constructor) === t.constructor) {
+    if (n === Date) return e.getTime() === t.getTime();
+    if (n === RegExp) return e.toString() === t.toString();
+    if (n === Array) {
+      if ((r = e.length) === t.length)
+        for (; r-- && Ae(e[r], t[r]); ) ;
+      return r === -1;
+    }
+    if (n === Set) {
+      if (e.size !== t.size)
+        return !1;
+      for (r of e)
+        if (a = r, a && typeof a == "object" && (a = It(t, a), !a) || !t.has(a)) return !1;
+      return !0;
+    }
+    if (n === Map) {
+      if (e.size !== t.size)
+        return !1;
+      for (r of e)
+        if (a = r[0], a && typeof a == "object" && (a = It(t, a), !a) || !Ae(r[1], t.get(a)))
+          return !1;
+      return !0;
+    }
+    if (n === ArrayBuffer)
+      e = new Uint8Array(e), t = new Uint8Array(t);
+    else if (n === DataView) {
+      if ((r = e.byteLength) === t.byteLength)
+        for (; r-- && e.getInt8(r) === t.getInt8(r); ) ;
+      return r === -1;
+    }
+    if (ArrayBuffer.isView(e)) {
+      if ((r = e.byteLength) === t.byteLength)
+        for (; r-- && e[r] === t[r]; ) ;
+      return r === -1;
+    }
+    if (!n || typeof e == "object") {
+      r = 0;
+      for (n in e)
+        if (Ht.call(e, n) && ++r && !Ht.call(t, n) || !(n in t) || !Ae(e[n], t[n])) return !1;
+      return Object.keys(t).length === r;
+    }
+  }
+  return e !== e && t !== t;
+}
+function oa(e) {
+  const t = $n();
+  return [e[0], X((n) => {
+    if (t())
+      return e[1](n);
+  }, [t, e[1]])];
+}
+var Y = "top", G = "bottom", J = "right", U = "left", gt = "auto", Ue = [Y, G, J, U], Ne = "start", Be = "end", ca = "clippingParents", gn = "viewport", Te = "popper", la = "reference", qt = /* @__PURE__ */ Ue.reduce(function(e, t) {
+  return e.concat([t + "-" + Ne, t + "-" + Be]);
+}, []), bn = /* @__PURE__ */ [].concat(Ue, [gt]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + Ne, t + "-" + Be]);
+}, []), ua = "beforeRead", da = "read", fa = "afterRead", ma = "beforeMain", pa = "main", ha = "afterMain", va = "beforeWrite", ga = "write", ba = "afterWrite", ya = [ua, da, fa, ma, pa, ha, va, ga, ba];
+function ne(e) {
+  return e.split("-")[0];
+}
+function I(e) {
+  if (e == null)
+    return window;
+  if (e.toString() !== "[object Window]") {
+    var t = e.ownerDocument;
+    return t && t.defaultView || window;
+  }
+  return e;
+}
+function ve(e) {
+  var t = I(e).Element;
+  return e instanceof t || e instanceof Element;
+}
+function re(e) {
+  var t = I(e).HTMLElement;
+  return e instanceof t || e instanceof HTMLElement;
+}
+function bt(e) {
+  if (typeof ShadowRoot > "u")
+    return !1;
+  var t = I(e).ShadowRoot;
+  return e instanceof t || e instanceof ShadowRoot;
+}
+var pe = Math.max, Ge = Math.min, Me = Math.round;
+function mt() {
+  var e = navigator.userAgentData;
+  return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
+    return t.brand + "/" + t.version;
+  }).join(" ") : navigator.userAgent;
+}
+function yn() {
+  return !/^((?!chrome|android).)*safari/i.test(mt());
+}
+function Pe(e, t, n) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  var r = e.getBoundingClientRect(), a = 1, s = 1;
+  t && re(e) && (a = e.offsetWidth > 0 && Me(r.width) / e.offsetWidth || 1, s = e.offsetHeight > 0 && Me(r.height) / e.offsetHeight || 1);
+  var o = ve(e) ? I(e) : window, c = o.visualViewport, l = !yn() && n, f = (r.left + (l && c ? c.offsetLeft : 0)) / a, u = (r.top + (l && c ? c.offsetTop : 0)) / s, m = r.width / a, h = r.height / s;
+  return {
+    width: m,
+    height: h,
+    top: u,
+    right: f + m,
+    bottom: u + h,
+    left: f,
+    x: f,
+    y: u
+  };
+}
+function yt(e) {
+  var t = Pe(e), n = e.offsetWidth, r = e.offsetHeight;
+  return Math.abs(t.width - n) <= 1 && (n = t.width), Math.abs(t.height - r) <= 1 && (r = t.height), {
+    x: e.offsetLeft,
+    y: e.offsetTop,
+    width: n,
+    height: r
+  };
+}
+function wn(e, t) {
+  var n = t.getRootNode && t.getRootNode();
+  if (e.contains(t))
+    return !0;
+  if (n && bt(n)) {
+    var r = t;
+    do {
+      if (r && e.isSameNode(r))
+        return !0;
+      r = r.parentNode || r.host;
+    } while (r);
+  }
+  return !1;
+}
+function de(e) {
+  return e ? (e.nodeName || "").toLowerCase() : null;
+}
+function oe(e) {
+  return I(e).getComputedStyle(e);
+}
+function wa(e) {
+  return ["table", "td", "th"].indexOf(de(e)) >= 0;
+}
+function fe(e) {
+  return ((ve(e) ? e.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    e.document
+  )) || window.document).documentElement;
+}
+function Ke(e) {
+  return de(e) === "html" ? e : (
+    // this is a quicker (but less type safe) way to save quite some bytes from the bundle
+    // $FlowFixMe[incompatible-return]
+    // $FlowFixMe[prop-missing]
+    e.assignedSlot || // step into the shadow DOM of the parent of a slotted node
+    e.parentNode || // DOM Element detected
+    (bt(e) ? e.host : null) || // ShadowRoot detected
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    fe(e)
+  );
+}
+function Vt(e) {
+  return !re(e) || // https://github.com/popperjs/popper-core/issues/837
+  oe(e).position === "fixed" ? null : e.offsetParent;
+}
+function xa(e) {
+  var t = /firefox/i.test(mt()), n = /Trident/i.test(mt());
+  if (n && re(e)) {
+    var r = oe(e);
+    if (r.position === "fixed")
+      return null;
+  }
+  var a = Ke(e);
+  for (bt(a) && (a = a.host); re(a) && ["html", "body"].indexOf(de(a)) < 0; ) {
+    var s = oe(a);
+    if (s.transform !== "none" || s.perspective !== "none" || s.contain === "paint" || ["transform", "perspective"].indexOf(s.willChange) !== -1 || t && s.willChange === "filter" || t && s.filter && s.filter !== "none")
+      return a;
+    a = a.parentNode;
+  }
+  return null;
+}
+function He(e) {
+  for (var t = I(e), n = Vt(e); n && wa(n) && oe(n).position === "static"; )
+    n = Vt(n);
+  return n && (de(n) === "html" || de(n) === "body" && oe(n).position === "static") ? t : n || xa(e) || t;
+}
+function wt(e) {
+  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
+}
+function Re(e, t, n) {
+  return pe(e, Ge(t, n));
+}
+function Oa(e, t, n) {
+  var r = Re(e, t, n);
+  return r > n ? n : r;
+}
+function xn() {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+}
+function On(e) {
+  return Object.assign({}, xn(), e);
+}
+function jn(e, t) {
+  return t.reduce(function(n, r) {
+    return n[r] = e, n;
+  }, {});
+}
+var ja = function(t, n) {
+  return t = typeof t == "function" ? t(Object.assign({}, n.rects, {
+    placement: n.placement
+  })) : t, On(typeof t != "number" ? t : jn(t, Ue));
+};
+function Na(e) {
+  var t, n = e.state, r = e.name, a = e.options, s = n.elements.arrow, o = n.modifiersData.popperOffsets, c = ne(n.placement), l = wt(c), f = [U, J].indexOf(c) >= 0, u = f ? "height" : "width";
+  if (!(!s || !o)) {
+    var m = ja(a.padding, n), h = yt(s), d = l === "y" ? Y : U, v = l === "y" ? G : J, b = n.rects.reference[u] + n.rects.reference[l] - o[l] - n.rects.popper[u], p = o[l] - n.rects.reference[l], w = He(s), g = w ? l === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0, N = b / 2 - p / 2, y = m[d], j = g - h[u] - m[v], O = g / 2 - h[u] / 2 + N, M = Re(y, O, j), E = l;
+    n.modifiersData[r] = (t = {}, t[E] = M, t.centerOffset = M - O, t);
+  }
+}
+function Ma(e) {
+  var t = e.state, n = e.options, r = n.element, a = r === void 0 ? "[data-popper-arrow]" : r;
+  a != null && (typeof a == "string" && (a = t.elements.popper.querySelector(a), !a) || wn(t.elements.popper, a) && (t.elements.arrow = a));
+}
+const Pa = {
+  name: "arrow",
+  enabled: !0,
+  phase: "main",
+  fn: Na,
+  effect: Ma,
+  requires: ["popperOffsets"],
+  requiresIfExists: ["preventOverflow"]
+};
+function De(e) {
+  return e.split("-")[1];
+}
+var Da = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function _a(e, t) {
+  var n = e.x, r = e.y, a = t.devicePixelRatio || 1;
+  return {
+    x: Me(n * a) / a || 0,
+    y: Me(r * a) / a || 0
+  };
+}
+function Xt(e) {
+  var t, n = e.popper, r = e.popperRect, a = e.placement, s = e.variation, o = e.offsets, c = e.position, l = e.gpuAcceleration, f = e.adaptive, u = e.roundOffsets, m = e.isFixed, h = o.x, d = h === void 0 ? 0 : h, v = o.y, b = v === void 0 ? 0 : v, p = typeof u == "function" ? u({
+    x: d,
+    y: b
+  }) : {
+    x: d,
+    y: b
+  };
+  d = p.x, b = p.y;
+  var w = o.hasOwnProperty("x"), g = o.hasOwnProperty("y"), N = U, y = Y, j = window;
+  if (f) {
+    var O = He(n), M = "clientHeight", E = "clientWidth";
+    if (O === I(n) && (O = fe(n), oe(O).position !== "static" && c === "absolute" && (M = "scrollHeight", E = "scrollWidth")), O = O, a === Y || (a === U || a === J) && s === Be) {
+      y = G;
+      var S = m && O === j && j.visualViewport ? j.visualViewport.height : (
+        // $FlowFixMe[prop-missing]
+        O[M]
+      );
+      b -= S - r.height, b *= l ? 1 : -1;
+    }
+    if (a === U || (a === Y || a === G) && s === Be) {
+      N = J;
+      var D = m && O === j && j.visualViewport ? j.visualViewport.width : (
+        // $FlowFixMe[prop-missing]
+        O[E]
+      );
+      d -= D - r.width, d *= l ? 1 : -1;
+    }
+  }
+  var k = Object.assign({
+    position: c
+  }, f && Da), W = u === !0 ? _a({
+    x: d,
+    y: b
+  }, I(n)) : {
+    x: d,
+    y: b
+  };
+  if (d = W.x, b = W.y, l) {
+    var _;
+    return Object.assign({}, k, (_ = {}, _[y] = g ? "0" : "", _[N] = w ? "0" : "", _.transform = (j.devicePixelRatio || 1) <= 1 ? "translate(" + d + "px, " + b + "px)" : "translate3d(" + d + "px, " + b + "px, 0)", _));
+  }
+  return Object.assign({}, k, (t = {}, t[y] = g ? b + "px" : "", t[N] = w ? d + "px" : "", t.transform = "", t));
+}
+function ka(e) {
+  var t = e.state, n = e.options, r = n.gpuAcceleration, a = r === void 0 ? !0 : r, s = n.adaptive, o = s === void 0 ? !0 : s, c = n.roundOffsets, l = c === void 0 ? !0 : c, f = {
+    placement: ne(t.placement),
+    variation: De(t.placement),
+    popper: t.elements.popper,
+    popperRect: t.rects.popper,
+    gpuAcceleration: a,
+    isFixed: t.options.strategy === "fixed"
+  };
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Xt(Object.assign({}, f, {
+    offsets: t.modifiersData.popperOffsets,
+    position: t.options.strategy,
+    adaptive: o,
+    roundOffsets: l
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Xt(Object.assign({}, f, {
+    offsets: t.modifiersData.arrow,
+    position: "absolute",
+    adaptive: !1,
+    roundOffsets: l
+  })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-placement": t.placement
+  });
+}
+const Ea = {
+  name: "computeStyles",
+  enabled: !0,
+  phase: "beforeWrite",
+  fn: ka,
+  data: {}
+};
+var qe = {
+  passive: !0
+};
+function Sa(e) {
+  var t = e.state, n = e.instance, r = e.options, a = r.scroll, s = a === void 0 ? !0 : a, o = r.resize, c = o === void 0 ? !0 : o, l = I(t.elements.popper), f = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  return s && f.forEach(function(u) {
+    u.addEventListener("scroll", n.update, qe);
+  }), c && l.addEventListener("resize", n.update, qe), function() {
+    s && f.forEach(function(u) {
+      u.removeEventListener("scroll", n.update, qe);
+    }), c && l.removeEventListener("resize", n.update, qe);
+  };
+}
+const Ca = {
+  name: "eventListeners",
+  enabled: !0,
+  phase: "write",
+  fn: function() {
+  },
+  effect: Sa,
+  data: {}
+};
+var Ta = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function Xe(e) {
+  return e.replace(/left|right|bottom|top/g, function(t) {
+    return Ta[t];
+  });
+}
+var Wa = {
+  start: "end",
+  end: "start"
+};
+function zt(e) {
+  return e.replace(/start|end/g, function(t) {
+    return Wa[t];
+  });
+}
+function xt(e) {
+  var t = I(e), n = t.pageXOffset, r = t.pageYOffset;
+  return {
+    scrollLeft: n,
+    scrollTop: r
+  };
+}
+function Ot(e) {
+  return Pe(fe(e)).left + xt(e).scrollLeft;
+}
+function Aa(e, t) {
+  var n = I(e), r = fe(e), a = n.visualViewport, s = r.clientWidth, o = r.clientHeight, c = 0, l = 0;
+  if (a) {
+    s = a.width, o = a.height;
+    var f = yn();
+    (f || !f && t === "fixed") && (c = a.offsetLeft, l = a.offsetTop);
+  }
+  return {
+    width: s,
+    height: o,
+    x: c + Ot(e),
+    y: l
+  };
+}
+function Ra(e) {
+  var t, n = fe(e), r = xt(e), a = (t = e.ownerDocument) == null ? void 0 : t.body, s = pe(n.scrollWidth, n.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), o = pe(n.scrollHeight, n.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), c = -r.scrollLeft + Ot(e), l = -r.scrollTop;
+  return oe(a || n).direction === "rtl" && (c += pe(n.clientWidth, a ? a.clientWidth : 0) - s), {
+    width: s,
+    height: o,
+    x: c,
+    y: l
+  };
+}
+function jt(e) {
+  var t = oe(e), n = t.overflow, r = t.overflowX, a = t.overflowY;
+  return /auto|scroll|overlay|hidden/.test(n + a + r);
+}
+function Nn(e) {
+  return ["html", "body", "#document"].indexOf(de(e)) >= 0 ? e.ownerDocument.body : re(e) && jt(e) ? e : Nn(Ke(e));
+}
+function $e(e, t) {
+  var n;
+  t === void 0 && (t = []);
+  var r = Nn(e), a = r === ((n = e.ownerDocument) == null ? void 0 : n.body), s = I(r), o = a ? [s].concat(s.visualViewport || [], jt(r) ? r : []) : r, c = t.concat(o);
+  return a ? c : (
+    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
+    c.concat($e(Ke(o)))
+  );
+}
+function pt(e) {
+  return Object.assign({}, e, {
+    left: e.x,
+    top: e.y,
+    right: e.x + e.width,
+    bottom: e.y + e.height
+  });
+}
+function $a(e, t) {
+  var n = Pe(e, !1, t === "fixed");
+  return n.top = n.top + e.clientTop, n.left = n.left + e.clientLeft, n.bottom = n.top + e.clientHeight, n.right = n.left + e.clientWidth, n.width = e.clientWidth, n.height = e.clientHeight, n.x = n.left, n.y = n.top, n;
+}
+function Qt(e, t, n) {
+  return t === gn ? pt(Aa(e, n)) : ve(t) ? $a(t, n) : pt(Ra(fe(e)));
+}
+function Fa(e) {
+  var t = $e(Ke(e)), n = ["absolute", "fixed"].indexOf(oe(e).position) >= 0, r = n && re(e) ? He(e) : e;
+  return ve(r) ? t.filter(function(a) {
+    return ve(a) && wn(a, r) && de(a) !== "body";
+  }) : [];
+}
+function La(e, t, n, r) {
+  var a = t === "clippingParents" ? Fa(e) : [].concat(t), s = [].concat(a, [n]), o = s[0], c = s.reduce(function(l, f) {
+    var u = Qt(e, f, r);
+    return l.top = pe(u.top, l.top), l.right = Ge(u.right, l.right), l.bottom = Ge(u.bottom, l.bottom), l.left = pe(u.left, l.left), l;
+  }, Qt(e, o, r));
+  return c.width = c.right - c.left, c.height = c.bottom - c.top, c.x = c.left, c.y = c.top, c;
+}
+function Mn(e) {
+  var t = e.reference, n = e.element, r = e.placement, a = r ? ne(r) : null, s = r ? De(r) : null, o = t.x + t.width / 2 - n.width / 2, c = t.y + t.height / 2 - n.height / 2, l;
+  switch (a) {
+    case Y:
+      l = {
+        x: o,
+        y: t.y - n.height
+      };
+      break;
+    case G:
+      l = {
+        x: o,
+        y: t.y + t.height
+      };
+      break;
+    case J:
+      l = {
+        x: t.x + t.width,
+        y: c
+      };
+      break;
+    case U:
+      l = {
+        x: t.x - n.width,
+        y: c
+      };
+      break;
+    default:
+      l = {
+        x: t.x,
+        y: t.y
+      };
+  }
+  var f = a ? wt(a) : null;
+  if (f != null) {
+    var u = f === "y" ? "height" : "width";
+    switch (s) {
+      case Ne:
+        l[f] = l[f] - (t[u] / 2 - n[u] / 2);
+        break;
+      case Be:
+        l[f] = l[f] + (t[u] / 2 - n[u] / 2);
+        break;
+    }
+  }
+  return l;
+}
+function Ye(e, t) {
+  t === void 0 && (t = {});
+  var n = t, r = n.placement, a = r === void 0 ? e.placement : r, s = n.strategy, o = s === void 0 ? e.strategy : s, c = n.boundary, l = c === void 0 ? ca : c, f = n.rootBoundary, u = f === void 0 ? gn : f, m = n.elementContext, h = m === void 0 ? Te : m, d = n.altBoundary, v = d === void 0 ? !1 : d, b = n.padding, p = b === void 0 ? 0 : b, w = On(typeof p != "number" ? p : jn(p, Ue)), g = h === Te ? la : Te, N = e.rects.popper, y = e.elements[v ? g : h], j = La(ve(y) ? y : y.contextElement || fe(e.elements.popper), l, u, o), O = Pe(e.elements.reference), M = Mn({
+    reference: O,
+    element: N,
+    placement: a
+  }), E = pt(Object.assign({}, N, M)), S = h === Te ? E : O, D = {
+    top: j.top - S.top + w.top,
+    bottom: S.bottom - j.bottom + w.bottom,
+    left: j.left - S.left + w.left,
+    right: S.right - j.right + w.right
+  }, k = e.modifiersData.offset;
+  if (h === Te && k) {
+    var W = k[a];
+    Object.keys(D).forEach(function(_) {
+      var A = [J, G].indexOf(_) >= 0 ? 1 : -1, C = [Y, G].indexOf(_) >= 0 ? "y" : "x";
+      D[_] += W[C] * A;
+    });
+  }
+  return D;
+}
+function Ba(e, t) {
+  t === void 0 && (t = {});
+  var n = t, r = n.placement, a = n.boundary, s = n.rootBoundary, o = n.padding, c = n.flipVariations, l = n.allowedAutoPlacements, f = l === void 0 ? bn : l, u = De(r), m = u ? c ? qt : qt.filter(function(v) {
+    return De(v) === u;
+  }) : Ue, h = m.filter(function(v) {
+    return f.indexOf(v) >= 0;
+  });
+  h.length === 0 && (h = m);
+  var d = h.reduce(function(v, b) {
+    return v[b] = Ye(e, {
+      placement: b,
+      boundary: a,
+      rootBoundary: s,
+      padding: o
+    })[ne(b)], v;
+  }, {});
+  return Object.keys(d).sort(function(v, b) {
+    return d[v] - d[b];
+  });
+}
+function Ya(e) {
+  if (ne(e) === gt)
+    return [];
+  var t = Xe(e);
+  return [zt(e), t, zt(t)];
+}
+function Ua(e) {
+  var t = e.state, n = e.options, r = e.name;
+  if (!t.modifiersData[r]._skip) {
+    for (var a = n.mainAxis, s = a === void 0 ? !0 : a, o = n.altAxis, c = o === void 0 ? !0 : o, l = n.fallbackPlacements, f = n.padding, u = n.boundary, m = n.rootBoundary, h = n.altBoundary, d = n.flipVariations, v = d === void 0 ? !0 : d, b = n.allowedAutoPlacements, p = t.options.placement, w = ne(p), g = w === p, N = l || (g || !v ? [Xe(p)] : Ya(p)), y = [p].concat(N).reduce(function(V, ee) {
+      return V.concat(ne(ee) === gt ? Ba(t, {
+        placement: ee,
+        boundary: u,
+        rootBoundary: m,
+        padding: f,
+        flipVariations: v,
+        allowedAutoPlacements: b
+      }) : ee);
+    }, []), j = t.rects.reference, O = t.rects.popper, M = /* @__PURE__ */ new Map(), E = !0, S = y[0], D = 0; D < y.length; D++) {
+      var k = y[D], W = ne(k), _ = De(k) === Ne, A = [Y, G].indexOf(W) >= 0, C = A ? "width" : "height", B = Ye(t, {
+        placement: k,
+        boundary: u,
+        rootBoundary: m,
+        altBoundary: h,
+        padding: f
+      }), q = A ? _ ? J : U : _ ? G : Y;
+      j[C] > O[C] && (q = Xe(q));
+      var be = Xe(q), ae = [];
+      if (s && ae.push(B[W] <= 0), c && ae.push(B[q] <= 0, B[be] <= 0), ae.every(function(V) {
+        return V;
+      })) {
+        S = k, E = !1;
+        break;
+      }
+      M.set(k, ae);
+    }
+    if (E)
+      for (var ce = v ? 3 : 1, _e = function(ee) {
+        var ie = y.find(function(we) {
+          var K = M.get(we);
+          if (K)
+            return K.slice(0, ee).every(function(ke) {
+              return ke;
+            });
+        });
+        if (ie)
+          return S = ie, "break";
+      }, R = ce; R > 0; R--) {
+        var ye = _e(R);
+        if (ye === "break") break;
+      }
+    t.placement !== S && (t.modifiersData[r]._skip = !0, t.placement = S, t.reset = !0);
+  }
+}
+const Ha = {
+  name: "flip",
+  enabled: !0,
+  phase: "main",
+  fn: Ua,
+  requiresIfExists: ["offset"],
+  data: {
+    _skip: !1
+  }
+};
+function Gt(e, t, n) {
+  return n === void 0 && (n = {
+    x: 0,
+    y: 0
+  }), {
+    top: e.top - t.height - n.y,
+    right: e.right - t.width + n.x,
+    bottom: e.bottom - t.height + n.y,
+    left: e.left - t.width - n.x
+  };
+}
+function Jt(e) {
+  return [Y, J, G, U].some(function(t) {
+    return e[t] >= 0;
+  });
+}
+function Ia(e) {
+  var t = e.state, n = e.name, r = t.rects.reference, a = t.rects.popper, s = t.modifiersData.preventOverflow, o = Ye(t, {
+    elementContext: "reference"
+  }), c = Ye(t, {
+    altBoundary: !0
+  }), l = Gt(o, r), f = Gt(c, a, s), u = Jt(l), m = Jt(f);
+  t.modifiersData[n] = {
+    referenceClippingOffsets: l,
+    popperEscapeOffsets: f,
+    isReferenceHidden: u,
+    hasPopperEscaped: m
+  }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-reference-hidden": u,
+    "data-popper-escaped": m
+  });
+}
+const qa = {
+  name: "hide",
+  enabled: !0,
+  phase: "main",
+  requiresIfExists: ["preventOverflow"],
+  fn: Ia
+};
+function Va(e, t, n) {
+  var r = ne(e), a = [U, Y].indexOf(r) >= 0 ? -1 : 1, s = typeof n == "function" ? n(Object.assign({}, t, {
+    placement: e
+  })) : n, o = s[0], c = s[1];
+  return o = o || 0, c = (c || 0) * a, [U, J].indexOf(r) >= 0 ? {
+    x: c,
+    y: o
+  } : {
+    x: o,
+    y: c
+  };
+}
+function Xa(e) {
+  var t = e.state, n = e.options, r = e.name, a = n.offset, s = a === void 0 ? [0, 0] : a, o = bn.reduce(function(u, m) {
+    return u[m] = Va(m, t.rects, s), u;
+  }, {}), c = o[t.placement], l = c.x, f = c.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += l, t.modifiersData.popperOffsets.y += f), t.modifiersData[r] = o;
+}
+const za = {
+  name: "offset",
+  enabled: !0,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn: Xa
+};
+function Qa(e) {
+  var t = e.state, n = e.name;
+  t.modifiersData[n] = Mn({
+    reference: t.rects.reference,
+    element: t.rects.popper,
+    placement: t.placement
+  });
+}
+const Ga = {
+  name: "popperOffsets",
+  enabled: !0,
+  phase: "read",
+  fn: Qa,
+  data: {}
+};
+function Ja(e) {
+  return e === "x" ? "y" : "x";
+}
+function Ka(e) {
+  var t = e.state, n = e.options, r = e.name, a = n.mainAxis, s = a === void 0 ? !0 : a, o = n.altAxis, c = o === void 0 ? !1 : o, l = n.boundary, f = n.rootBoundary, u = n.altBoundary, m = n.padding, h = n.tether, d = h === void 0 ? !0 : h, v = n.tetherOffset, b = v === void 0 ? 0 : v, p = Ye(t, {
+    boundary: l,
+    rootBoundary: f,
+    padding: m,
+    altBoundary: u
+  }), w = ne(t.placement), g = De(t.placement), N = !g, y = wt(w), j = Ja(y), O = t.modifiersData.popperOffsets, M = t.rects.reference, E = t.rects.popper, S = typeof b == "function" ? b(Object.assign({}, t.rects, {
+    placement: t.placement
+  })) : b, D = typeof S == "number" ? {
+    mainAxis: S,
+    altAxis: S
+  } : Object.assign({
+    mainAxis: 0,
+    altAxis: 0
+  }, S), k = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, W = {
+    x: 0,
+    y: 0
+  };
+  if (O) {
+    if (s) {
+      var _, A = y === "y" ? Y : U, C = y === "y" ? G : J, B = y === "y" ? "height" : "width", q = O[y], be = q + p[A], ae = q - p[C], ce = d ? -E[B] / 2 : 0, _e = g === Ne ? M[B] : E[B], R = g === Ne ? -E[B] : -M[B], ye = t.elements.arrow, V = d && ye ? yt(ye) : {
+        width: 0,
+        height: 0
+      }, ee = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : xn(), ie = ee[A], we = ee[C], K = Re(0, M[B], V[B]), ke = N ? M[B] / 2 - ce - K - ie - D.mainAxis : _e - K - ie - D.mainAxis, Ze = N ? -M[B] / 2 + ce + K + we + D.mainAxis : R + K + we + D.mainAxis, $ = t.elements.arrow && He(t.elements.arrow), xe = $ ? y === "y" ? $.clientTop || 0 : $.clientLeft || 0 : 0, Ee = (_ = k?.[y]) != null ? _ : 0, Mt = q + ke - Ee - xe, Pt = q + Ze - Ee, et = Re(d ? Ge(be, Mt) : be, q, d ? pe(ae, Pt) : ae);
+      O[y] = et, W[y] = et - q;
+    }
+    if (c) {
+      var tt, nt = y === "x" ? Y : U, rt = y === "x" ? G : J, te = O[j], x = j === "y" ? "height" : "width", H = te + p[nt], Dt = te - p[rt], at = [Y, U].indexOf(w) !== -1, _t = (tt = k?.[j]) != null ? tt : 0, kt = at ? H : te - M[x] - E[x] - _t + D.altAxis, Et = at ? te + M[x] + E[x] - _t - D.altAxis : Dt, St = d && at ? Oa(kt, te, Et) : Re(d ? kt : H, te, d ? Et : Dt);
+      O[j] = St, W[j] = St - te;
+    }
+    t.modifiersData[r] = W;
+  }
+}
+const Za = {
+  name: "preventOverflow",
+  enabled: !0,
+  phase: "main",
+  fn: Ka,
+  requiresIfExists: ["offset"]
+};
+function ei(e) {
+  return {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  };
+}
+function ti(e) {
+  return e === I(e) || !re(e) ? xt(e) : ei(e);
+}
+function ni(e) {
+  var t = e.getBoundingClientRect(), n = Me(t.width) / e.offsetWidth || 1, r = Me(t.height) / e.offsetHeight || 1;
+  return n !== 1 || r !== 1;
+}
+function ri(e, t, n) {
+  n === void 0 && (n = !1);
+  var r = re(t), a = re(t) && ni(t), s = fe(t), o = Pe(e, a, n), c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, l = {
+    x: 0,
+    y: 0
+  };
+  return (r || !r && !n) && ((de(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  jt(s)) && (c = ti(t)), re(t) ? (l = Pe(t, !0), l.x += t.clientLeft, l.y += t.clientTop) : s && (l.x = Ot(s))), {
+    x: o.left + c.scrollLeft - l.x,
+    y: o.top + c.scrollTop - l.y,
+    width: o.width,
+    height: o.height
+  };
+}
+function ai(e) {
+  var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = [];
+  e.forEach(function(s) {
+    t.set(s.name, s);
+  });
+  function a(s) {
+    n.add(s.name);
+    var o = [].concat(s.requires || [], s.requiresIfExists || []);
+    o.forEach(function(c) {
+      if (!n.has(c)) {
+        var l = t.get(c);
+        l && a(l);
+      }
+    }), r.push(s);
+  }
+  return e.forEach(function(s) {
+    n.has(s.name) || a(s);
+  }), r;
+}
+function ii(e) {
+  var t = ai(e);
+  return ya.reduce(function(n, r) {
+    return n.concat(t.filter(function(a) {
+      return a.phase === r;
+    }));
+  }, []);
+}
+function si(e) {
+  var t;
+  return function() {
+    return t || (t = new Promise(function(n) {
+      Promise.resolve().then(function() {
+        t = void 0, n(e());
+      });
+    })), t;
+  };
+}
+function oi(e) {
+  var t = e.reduce(function(n, r) {
+    var a = n[r.name];
+    return n[r.name] = a ? Object.assign({}, a, r, {
+      options: Object.assign({}, a.options, r.options),
+      data: Object.assign({}, a.data, r.data)
+    }) : r, n;
+  }, {});
+  return Object.keys(t).map(function(n) {
+    return t[n];
+  });
+}
+var Kt = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function Zt() {
+  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  return !t.some(function(r) {
+    return !(r && typeof r.getBoundingClientRect == "function");
+  });
+}
+function ci(e) {
+  e === void 0 && (e = {});
+  var t = e, n = t.defaultModifiers, r = n === void 0 ? [] : n, a = t.defaultOptions, s = a === void 0 ? Kt : a;
+  return function(c, l, f) {
+    f === void 0 && (f = s);
+    var u = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, Kt, s),
+      modifiersData: {},
+      elements: {
+        reference: c,
+        popper: l
+      },
+      attributes: {},
+      styles: {}
+    }, m = [], h = !1, d = {
+      state: u,
+      setOptions: function(w) {
+        var g = typeof w == "function" ? w(u.options) : w;
+        b(), u.options = Object.assign({}, s, u.options, g), u.scrollParents = {
+          reference: ve(c) ? $e(c) : c.contextElement ? $e(c.contextElement) : [],
+          popper: $e(l)
+        };
+        var N = ii(oi([].concat(r, u.options.modifiers)));
+        return u.orderedModifiers = N.filter(function(y) {
+          return y.enabled;
+        }), v(), d.update();
+      },
+      // Sync update – it will always be executed, even if not necessary. This
+      // is useful for low frequency updates where sync behavior simplifies the
+      // logic.
+      // For high frequency updates (e.g. `resize` and `scroll` events), always
+      // prefer the async Popper#update method
+      forceUpdate: function() {
+        if (!h) {
+          var w = u.elements, g = w.reference, N = w.popper;
+          if (Zt(g, N)) {
+            u.rects = {
+              reference: ri(g, He(N), u.options.strategy === "fixed"),
+              popper: yt(N)
+            }, u.reset = !1, u.placement = u.options.placement, u.orderedModifiers.forEach(function(D) {
+              return u.modifiersData[D.name] = Object.assign({}, D.data);
+            });
+            for (var y = 0; y < u.orderedModifiers.length; y++) {
+              if (u.reset === !0) {
+                u.reset = !1, y = -1;
+                continue;
+              }
+              var j = u.orderedModifiers[y], O = j.fn, M = j.options, E = M === void 0 ? {} : M, S = j.name;
+              typeof O == "function" && (u = O({
+                state: u,
+                options: E,
+                name: S,
+                instance: d
+              }) || u);
+            }
+          }
+        }
+      },
+      // Async and optimistically optimized update – it will not be executed if
+      // not necessary (debounced to run at most once-per-tick)
+      update: si(function() {
+        return new Promise(function(p) {
+          d.forceUpdate(), p(u);
+        });
+      }),
+      destroy: function() {
+        b(), h = !0;
+      }
+    };
+    if (!Zt(c, l))
+      return d;
+    d.setOptions(f).then(function(p) {
+      !h && f.onFirstUpdate && f.onFirstUpdate(p);
+    });
+    function v() {
+      u.orderedModifiers.forEach(function(p) {
+        var w = p.name, g = p.options, N = g === void 0 ? {} : g, y = p.effect;
+        if (typeof y == "function") {
+          var j = y({
+            state: u,
+            name: w,
+            instance: d,
+            options: N
+          }), O = function() {
+          };
+          m.push(j || O);
+        }
+      });
+    }
+    function b() {
+      m.forEach(function(p) {
+        return p();
+      }), m = [];
+    }
+    return d;
+  };
+}
+const li = ci({
+  defaultModifiers: [qa, Ga, Ea, Ca, za, Ha, Za, Pa]
+}), ui = ["enabled", "placement", "strategy", "modifiers"];
+function di(e, t) {
+  if (e == null) return {};
+  var n = {};
+  for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
+    if (t.indexOf(r) >= 0) continue;
+    n[r] = e[r];
+  }
+  return n;
+}
+const fi = {
+  name: "applyStyles",
+  enabled: !1,
+  phase: "afterWrite",
+  fn: () => {
+  }
+}, mi = {
+  name: "ariaDescribedBy",
+  enabled: !0,
+  phase: "afterWrite",
+  effect: ({
+    state: e
+  }) => () => {
+    const {
+      reference: t,
+      popper: n
+    } = e.elements;
+    if ("removeAttribute" in t) {
+      const r = (t.getAttribute("aria-describedby") || "").split(",").filter((a) => a.trim() !== n.id);
+      r.length ? t.setAttribute("aria-describedby", r.join(",")) : t.removeAttribute("aria-describedby");
+    }
+  },
+  fn: ({
+    state: e
+  }) => {
+    var t;
+    const {
+      popper: n,
+      reference: r
+    } = e.elements, a = (t = n.getAttribute("role")) == null ? void 0 : t.toLowerCase();
+    if (n.id && a === "tooltip" && "setAttribute" in r) {
+      const s = r.getAttribute("aria-describedby");
+      if (s && s.split(",").indexOf(n.id) !== -1)
+        return;
+      r.setAttribute("aria-describedby", s ? `${s},${n.id}` : n.id);
+    }
+  }
+}, pi = [];
+function hi(e, t, n = {}) {
+  let {
+    enabled: r = !0,
+    placement: a = "bottom",
+    strategy: s = "absolute",
+    modifiers: o = pi
+  } = n, c = di(n, ui);
+  const l = Q(o), f = Q(), u = X(() => {
+    var p;
+    (p = f.current) == null || p.update();
+  }, []), m = X(() => {
+    var p;
+    (p = f.current) == null || p.forceUpdate();
+  }, []), [h, d] = oa(T({
+    placement: a,
+    update: u,
+    forceUpdate: m,
+    attributes: {},
+    styles: {
+      popper: {},
+      arrow: {}
+    }
+  })), v = Fe(() => ({
+    name: "updateStateModifier",
+    enabled: !0,
+    phase: "write",
+    requires: ["computeStyles"],
+    fn: ({
+      state: p
+    }) => {
+      const w = {}, g = {};
+      Object.keys(p.elements).forEach((N) => {
+        w[N] = p.styles[N], g[N] = p.attributes[N];
+      }), d({
+        state: p,
+        styles: w,
+        attributes: g,
+        update: u,
+        forceUpdate: m,
+        placement: p.placement
+      });
+    }
+  }), [u, m, d]), b = Fe(() => (Ae(l.current, o) || (l.current = o), l.current), [o]);
+  return z(() => {
+    !f.current || !r || f.current.setOptions({
+      placement: a,
+      strategy: s,
+      modifiers: [...b, v, fi]
+    });
+  }, [s, a, v, r, b]), z(() => {
+    if (!(!r || e == null || t == null))
+      return f.current = li(e, t, Object.assign({}, c, {
+        placement: a,
+        strategy: s,
+        modifiers: [...b, mi, v]
+      })), () => {
+        f.current != null && (f.current.destroy(), f.current = void 0, d((p) => Object.assign({}, p, {
+          attributes: {},
+          styles: {
+            popper: {}
+          }
+        })));
+      };
+  }, [r, e, t]), h;
+}
+const en = () => {
+};
+function vi(e) {
+  return e.button === 0;
+}
+function gi(e) {
+  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
+}
+const ze = (e) => e && ("current" in e ? e.current : e), tn = {
+  click: "mousedown",
+  mouseup: "mousedown",
+  pointerup: "pointerdown"
+};
+function bi(e, t = en, {
+  disabled: n,
+  clickTrigger: r = "click"
+} = {}) {
+  const a = Q(!1), s = Q(!1), o = X((f) => {
+    const u = ze(e);
+    vn(!!u, "ClickOutside captured a close event but does not have a ref to compare it to. useClickOutside(), should be passed a ref that resolves to a DOM node"), a.current = !u || gi(f) || !vi(f) || !!lt(u, f.target) || s.current, s.current = !1;
+  }, [e]), c = ut((f) => {
+    const u = ze(e);
+    u && lt(u, f.target) ? s.current = !0 : s.current = !1;
+  }), l = ut((f) => {
+    a.current || t(f);
+  });
+  z(() => {
+    var f, u;
+    if (n || e == null) return;
+    const m = on(ze(e)), h = m.defaultView || window;
+    let d = (f = h.event) != null ? f : (u = h.parent) == null ? void 0 : u.event, v = null;
+    tn[r] && (v = We(m, tn[r], c, !0));
+    const b = We(m, r, o, !0), p = We(m, r, (g) => {
+      if (g === d) {
+        d = void 0;
+        return;
+      }
+      l(g);
+    });
+    let w = [];
+    return "ontouchstart" in m.documentElement && (w = [].slice.call(m.body.children).map((g) => We(g, "mousemove", en))), () => {
+      v?.(), b(), p(), w.forEach((g) => g());
+    };
+  }, [e, n, r, o, c, l]);
+}
+const yi = () => {
+};
+function wi(e, t, {
+  disabled: n,
+  clickTrigger: r
+} = {}) {
+  const a = t || yi;
+  bi(e, a, {
+    disabled: n,
+    clickTrigger: r
+  });
+  const s = ut((o) => {
+    Fn(o) && a(o);
+  });
+  z(() => {
+    if (n || e == null) return;
+    const o = on(ze(e));
+    let c = (o.defaultView || window).event;
+    const l = We(o, "keyup", (f) => {
+      if (f === c) {
+        c = void 0;
+        return;
+      }
+      s(f);
+    });
+    return () => {
+      l();
+    };
+  }, [e, n, s]);
+}
+function xi(e) {
+  const t = {};
+  return Array.isArray(e) ? (e?.forEach((n) => {
+    t[n.name] = n;
+  }), t) : e || t;
+}
+function Oi(e = {}) {
+  return Array.isArray(e) ? e : Object.keys(e).map((t) => (e[t].name = t, e[t]));
+}
+function ji({
+  enabled: e,
+  enableEvents: t,
+  placement: n,
+  flip: r,
+  offset: a,
+  fixed: s,
+  containerPadding: o,
+  arrowElement: c,
+  popperConfig: l = {}
+}) {
+  var f, u, m, h;
+  const d = xi(l.modifiers);
+  return Object.assign({}, l, {
+    placement: n,
+    enabled: e,
+    strategy: s ? "fixed" : l.strategy,
+    modifiers: Oi(Object.assign({}, d, {
+      eventListeners: {
+        enabled: t,
+        options: (f = d.eventListeners) == null ? void 0 : f.options
+      },
+      preventOverflow: Object.assign({}, d.preventOverflow, {
+        options: Object.assign({
+          padding: o
+        }, (u = d.preventOverflow) == null ? void 0 : u.options)
+      }),
+      offset: {
+        options: Object.assign({
+          offset: a
+        }, (m = d.offset) == null ? void 0 : m.options)
+      },
+      arrow: Object.assign({}, d.arrow, {
+        enabled: !!c,
+        options: Object.assign({}, (h = d.arrow) == null ? void 0 : h.options, {
+          element: c
+        })
+      }),
+      flip: Object.assign({
+        enabled: !!r
+      }, d.flip)
+    }))
+  });
+}
+const Pn = /* @__PURE__ */ ue.forwardRef((e, t) => {
+  const {
+    flip: n,
+    offset: r,
+    placement: a,
+    containerPadding: s,
+    popperConfig: o = {},
+    transition: c,
+    runTransition: l
+  } = e, [f, u] = Ut(), [m, h] = Ut(), d = Ln(u, t), v = Ct(e.container), b = Ct(e.target), [p, w] = T(!e.show), g = hi(b, f, ji({
+    placement: a,
+    enableEvents: !!e.show,
+    containerPadding: s || 5,
+    flip: n,
+    offset: r,
+    arrowElement: m,
+    popperConfig: o
+  }));
+  e.show && p && w(!1);
+  const N = (...k) => {
+    w(!0), e.onExited && e.onExited(...k);
+  }, y = e.show || !p;
+  if (wi(f, e.onHide, {
+    disabled: !e.rootClose || e.rootCloseDisabled,
+    clickTrigger: e.rootCloseEvent
+  }), !y)
+    return null;
+  const {
+    onExit: j,
+    onExiting: O,
+    onEnter: M,
+    onEntering: E,
+    onEntered: S
+  } = e;
+  let D = e.children(Object.assign({}, g.attributes.popper, {
+    style: g.styles.popper,
+    ref: d
+  }), {
+    popper: g,
+    placement: a,
+    show: !!e.show,
+    arrowProps: Object.assign({}, g.attributes.arrow, {
+      style: g.styles.arrow,
+      ref: h
+    })
+  });
+  return D = Bn(c, l, {
+    in: !!e.show,
+    appear: !0,
+    mountOnEnter: !0,
+    unmountOnExit: !0,
+    children: D,
+    onExit: j,
+    onExiting: O,
+    onExited: N,
+    onEnter: M,
+    onEntering: E,
+    onEntered: S
+  }), v ? /* @__PURE__ */ qn.createPortal(D, v) : null;
+});
+Pn.displayName = "Overlay";
+const Ni = typeof global < "u" && // @ts-ignore
+global.navigator && // @ts-ignore
+global.navigator.product === "ReactNative", Mi = typeof document < "u", Pi = Mi || Ni ? Tn : z, Dn = /* @__PURE__ */ ue.forwardRef(({
+  className: e,
+  bsPrefix: t,
+  as: n = "div",
+  ...r
+}, a) => (t = je(t, "popover-header"), /* @__PURE__ */ i.jsx(n, {
+  ref: a,
+  className: ge(e, t),
+  ...r
+})));
+Dn.displayName = "PopoverHeader";
+const Nt = /* @__PURE__ */ ue.forwardRef(({
+  className: e,
+  bsPrefix: t,
+  as: n = "div",
+  ...r
+}, a) => (t = je(t, "popover-body"), /* @__PURE__ */ i.jsx(n, {
+  ref: a,
+  className: ge(e, t),
+  ...r
+})));
+Nt.displayName = "PopoverBody";
+function _n(e, t) {
+  let n = e;
+  return e === "left" ? n = t ? "end" : "start" : e === "right" && (n = t ? "start" : "end"), n;
+}
+function kn(e = "absolute") {
+  return {
+    position: e,
+    top: "0",
+    left: "0",
+    opacity: "0",
+    pointerEvents: "none"
+  };
+}
+const En = /* @__PURE__ */ ue.forwardRef(({
+  bsPrefix: e,
+  placement: t = "right",
+  className: n,
+  style: r,
+  children: a,
+  body: s,
+  arrowProps: o,
+  hasDoneInitialMeasure: c,
+  popper: l,
+  show: f,
+  ...u
+}, m) => {
+  const h = je(e, "popover"), d = cn(), [v] = t?.split("-") || [], b = _n(v, d);
+  let p = r;
+  return f && !c && (p = {
+    ...r,
+    ...kn(l?.strategy)
+  }), /* @__PURE__ */ i.jsxs("div", {
+    ref: m,
+    role: "tooltip",
+    style: p,
+    "x-placement": v,
+    className: ge(n, h, v && `bs-popover-${b}`),
+    ...u,
+    children: [/* @__PURE__ */ i.jsx("div", {
+      className: "popover-arrow",
+      ...o
+    }), s ? /* @__PURE__ */ i.jsx(Nt, {
+      children: a
+    }) : a]
+  });
+});
+En.displayName = "Popover";
+const Di = Object.assign(En, {
+  Header: Dn,
+  Body: Nt,
+  // Default popover offset.
+  // https://github.com/twbs/bootstrap/blob/5c32767e0e0dbac2d934bcdee03719a65d3f1187/js/src/popover.js#L28
+  POPPER_OFFSET: [0, 8]
+}), Sn = /* @__PURE__ */ ue.forwardRef(({
+  bsPrefix: e,
+  placement: t = "right",
+  className: n,
+  style: r,
+  children: a,
+  arrowProps: s,
+  hasDoneInitialMeasure: o,
+  popper: c,
+  show: l,
+  ...f
+}, u) => {
+  e = je(e, "tooltip");
+  const m = cn(), [h] = t?.split("-") || [], d = _n(h, m);
+  let v = r;
+  return l && !o && (v = {
+    ...r,
+    ...kn(c?.strategy)
+  }), /* @__PURE__ */ i.jsxs("div", {
+    ref: u,
+    style: v,
+    role: "tooltip",
+    "x-placement": h,
+    className: ge(n, e, `bs-tooltip-${d}`),
+    ...f,
+    children: [/* @__PURE__ */ i.jsx("div", {
+      className: "tooltip-arrow",
+      ...s
+    }), /* @__PURE__ */ i.jsx("div", {
+      className: `${e}-inner`,
+      children: a
+    })]
+  });
+});
+Sn.displayName = "Tooltip";
+const Z = Object.assign(Sn, {
+  // Default tooltip offset.
+  // https://github.com/twbs/bootstrap/blob/beca2a6c7f6bc88b6449339fc76edcda832c59e5/js/src/tooltip.js#L65
+  TOOLTIP_OFFSET: [0, 6]
+});
+function _i(e) {
+  const t = Q(null), n = je(void 0, "popover"), r = je(void 0, "tooltip"), a = Fe(() => ({
+    name: "offset",
+    options: {
+      offset: () => {
+        if (e)
+          return e;
+        if (t.current) {
+          if (Tt(t.current, n))
+            return Di.POPPER_OFFSET;
+          if (Tt(t.current, r))
+            return Z.TOOLTIP_OFFSET;
+        }
+        return [0, 0];
+      }
+    }
+  }), [e, n, r]);
+  return [t, [a]];
+}
+function ki(e, t) {
+  const {
+    ref: n
+  } = e, {
+    ref: r
+  } = t;
+  e.ref = n.__wrapped || (n.__wrapped = (a) => n(dt(a))), t.ref = r.__wrapped || (r.__wrapped = (a) => r(dt(a)));
+}
+const Cn = /* @__PURE__ */ ue.forwardRef(({
+  children: e,
+  transition: t = Wt,
+  popperConfig: n = {},
+  rootClose: r = !1,
+  placement: a = "top",
+  show: s = !1,
+  ...o
+}, c) => {
+  const l = Q({}), [f, u] = T(null), [m, h] = _i(o.offset), d = ln(c, m), v = t === !0 ? Wt : t || void 0, b = Yn((p) => {
+    u(p), n == null || n.onFirstUpdate == null || n.onFirstUpdate(p);
+  });
+  return Pi(() => {
+    f && o.target && (l.current.scheduleUpdate == null || l.current.scheduleUpdate());
+  }, [f, o.target]), z(() => {
+    s || u(null);
+  }, [s]), /* @__PURE__ */ i.jsx(Pn, {
+    ...o,
+    ref: d,
+    popperConfig: {
+      ...n,
+      modifiers: h.concat(n.modifiers || []),
+      onFirstUpdate: b
+    },
+    transition: v,
+    rootClose: r,
+    placement: a,
+    show: s,
+    children: (p, {
+      arrowProps: w,
+      popper: g,
+      show: N
+    }) => {
+      var y;
+      ki(p, w);
+      const j = g?.placement, O = Object.assign(l.current, {
+        state: g?.state,
+        scheduleUpdate: g?.update,
+        placement: j,
+        outOfBoundaries: (g == null || (y = g.state) == null || (y = y.modifiersData.hide) == null ? void 0 : y.isReferenceHidden) || !1,
+        strategy: n.strategy
+      }), M = !!f;
+      return typeof e == "function" ? e({
+        ...p,
+        placement: j,
+        show: N,
+        ...!t && N && {
+          className: "show"
+        },
+        popper: O,
+        arrowProps: w,
+        hasDoneInitialMeasure: M
+      }) : /* @__PURE__ */ ue.cloneElement(e, {
+        ...p,
+        placement: j,
+        arrowProps: w,
+        popper: O,
+        hasDoneInitialMeasure: M,
+        className: ge(e.props.className, !t && N && "show"),
+        style: {
+          ...e.props.style,
+          ...p.style
+        }
+      });
+    }
+  });
+});
+Cn.displayName = "Overlay";
+function Ei(e) {
+  return e && typeof e == "object" ? e : {
+    show: e,
+    hide: e
+  };
+}
+function nn(e, t, n) {
+  const [r] = t, a = r.currentTarget, s = r.relatedTarget || r.nativeEvent[n];
+  (!s || s !== a) && !lt(a, s) && e(...t);
+}
+Hn.oneOf(["click", "hover", "focus"]);
+const se = ({
+  trigger: e = ["hover", "focus"],
+  overlay: t,
+  children: n,
+  popperConfig: r = {},
+  show: a,
+  defaultShow: s = !1,
+  onToggle: o,
+  delay: c,
+  placement: l,
+  flip: f = l && l.indexOf("auto") !== -1,
+  ...u
+}) => {
+  const m = Q(null), h = ln(m, Un(n)), d = ra(), v = Q(""), [b, p] = sa(a, s, o), w = Ei(c), {
+    onFocus: g,
+    onBlur: N,
+    onClick: y
+  } = typeof n != "function" ? ue.Children.only(n).props : {}, j = (C) => {
+    h(dt(C));
+  }, O = X(() => {
+    if (d.clear(), v.current = "show", !w.show) {
+      p(!0);
+      return;
+    }
+    d.set(() => {
+      v.current === "show" && p(!0);
+    }, w.show);
+  }, [w.show, p, d]), M = X(() => {
+    if (d.clear(), v.current = "hide", !w.hide) {
+      p(!1);
+      return;
+    }
+    d.set(() => {
+      v.current === "hide" && p(!1);
+    }, w.hide);
+  }, [w.hide, p, d]), E = X((...C) => {
+    O(), g?.(...C);
+  }, [O, g]), S = X((...C) => {
+    M(), N?.(...C);
+  }, [M, N]), D = X((...C) => {
+    p(!b), y?.(...C);
+  }, [y, p, b]), k = X((...C) => {
+    nn(O, C, "fromElement");
+  }, [O]), W = X((...C) => {
+    nn(M, C, "toElement");
+  }, [M]), _ = e == null ? [] : [].concat(e), A = {
+    ref: j
+  };
+  return _.indexOf("click") !== -1 && (A.onClick = D), _.indexOf("focus") !== -1 && (A.onFocus = E, A.onBlur = S), _.indexOf("hover") !== -1 && (process.env.NODE_ENV !== "production" && vn(_.length > 1, '[react-bootstrap] Specifying only the `"hover"` trigger limits the visibility of the overlay to just mouse users. Consider also including the `"focus"` trigger so that touch and keyboard only users can see the overlay as well.'), A.onMouseOver = k, A.onMouseOut = W), /* @__PURE__ */ i.jsxs(i.Fragment, {
+    children: [typeof n == "function" ? n(A) : /* @__PURE__ */ Wn(n, A), /* @__PURE__ */ i.jsx(Cn, {
+      ...u,
+      show: b,
+      onHide: M,
+      flip: f,
+      placement: l,
+      popperConfig: r,
+      target: m.current,
+      children: t
+    })]
+  });
+};
+function Si(e) {
+  let t = e?.date, n = e?.format;
+  return t ? /* @__PURE__ */ i.jsx("span", { "date-renderer": "ArticlesDate", children: vt(new Date(t), n || "MM/dd/yy - h:mmaa") }) : "Need date prop";
+}
+function Ci(e) {
+  const { profile_photo: t, width: n, alt: r, hideDefault: a, activityStatus: s, user_id: o } = e;
+  return t?.key ? /* @__PURE__ */ i.jsxs(
+    "div",
+    {
+      "data-using-react-profile-photo": "true",
+      className: `profile-photo-wrap ${n ? "" : "w-100 h-100"}`,
+      style: {
+        ...n && {
+          width: n,
+          height: n
+        }
+      },
+      children: [
+        /* @__PURE__ */ i.jsx(
+          rn,
+          {
+            activityStatus: s,
+            user_id: o
+          }
+        ),
+        /* @__PURE__ */ i.jsx(
+          "img",
+          {
+            className: "w-100 h-100",
+            src: `${process.env.NEXT_PUBLIC_CDN}${t.key}`,
+            style: { objectFit: "contain" },
+            alt: r || "Profile photo of a user"
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ i.jsxs(
+    "div",
+    {
+      "data-using-react-profile-photo": "true",
+      className: ge(
+        "profile-photo-wrap",
+        {
+          "w-100 h-100": !n,
+          "d-none": a
+        }
+      ),
+      style: {
+        ...n && {
+          width: n,
+          height: n
+        }
+      },
+      children: [
+        /* @__PURE__ */ i.jsx(
+          rn,
+          {
+            activityStatus: s,
+            user_id: o
+          }
+        ),
+        /* @__PURE__ */ i.jsx(
+          "img",
+          {
+            className: "w-100 h-100",
+            src: `${process.env.NEXT_PUBLIC_CDN}profile_photos/starter/articles.jpg`,
+            style: { objectFit: "contain" },
+            alt: r || "Profile photo of a user"
+          }
+        )
+      ]
+    }
+  );
+}
+function rn({
+  activityStatus: e,
+  user_id: t
+}) {
+  if (!(!e || !t))
+    return /* @__PURE__ */ i.jsx(
+      "div",
+      {
+        "data-user_id": t,
+        className: ge(
+          "online-status",
+          {
+            "status-online": e?.status == "Online" || t == "630f0b337c52851e754b03f7",
+            "status-offline": e?.status == "Offline",
+            "status-away": e?.status == "Away",
+            // Maybe one day show that friends are in a game or on a page if they want to share, we already collect this data anyway!
+            "activity-active": !1
+          }
+        )
+      }
+    );
+}
+const Ti = (e) => (t, n, r) => (r.revalidateOnFocus = !1, r.revalidateIfStale = !1, r.revalidateOnReconnect = !1, e(t, n, r)), Wi = Vn(un, Ti), Ai = (e) => dn.get(e.url, {
+  params: {
+    user_id: e.user_id
+  }
+}).then((t) => t.data), Ri = {
+  dedupingInterval: 1e3 * 60 * 1,
+  focusThrottleInterval: 1e3 * 60 * 1
+  // fallbackData: []
+}, an = (e) => {
+  const { data: t, error: n, isLoading: r, isValidating: a, mutate: s } = Wi(
+    e?.user_id ? {
+      url: process.env.NODE_ENV === "development" ? "http://localhost:3001/api/user-public/getUserDetails" : "https://articles.media/api/user-public/getUserDetails",
+      // "/api/user-public/getUserDetails",
+      user_id: e.user_id
+    } : null,
+    Ai,
+    Ri
+  );
+  return {
+    data: t,
+    error: n,
+    isLoading: r,
+    isValidating: a,
+    mutate: s
+  };
+};
+function ct({ className: e, noOutline: t, children: n, inline: r }) {
+  const [s, o] = T();
+  if (z(() => {
+    o(!0);
+  }, []), n && (!1)?.roles?.isDev && s)
+    return /* @__PURE__ */ i.jsx("div", { className: `is-dev-content ${t && "no-outline"} ${e} ${r && "d-inline-block"}`, children: n });
+}
+function $i({
+  activeLayoutProposalSentiments: e
+}) {
+  return /* @__PURE__ */ i.jsx("div", { children: e.user_sentiments?.map((t) => /* @__PURE__ */ i.jsxs("div", { className: "card card-articles card-sm border mb-2", children: [
+    /* @__PURE__ */ i.jsxs("div", { className: "card-header small", children: [
+      "Gave their sentiment on ",
+      /* @__PURE__ */ i.jsx("b", { children: t.populated_proposal.title })
+    ] }),
+    /* @__PURE__ */ i.jsxs("div", { className: "card-body small p-2", children: [
+      /* @__PURE__ */ i.jsxs("div", { className: "d-flex align-items-center border-bottom pb-1", children: [
+        t.sentiment_status == "Agree" && /* @__PURE__ */ i.jsx("div", { className: "badge shadow-articles bg-success", children: "Agree" }),
+        t.sentiment_status == "Needs Work" && /* @__PURE__ */ i.jsx("div", { className: "badge shadow-articles bg-warning text-dark", children: "Needs Work" }),
+        t.sentiment_status == "Disagree" && /* @__PURE__ */ i.jsx("div", { className: "badge shadow-articles bg-danger", children: "Disagree" }),
+        /* @__PURE__ */ i.jsx("span", { className: "small ms-2", children: vt(new Date(t.date), "M/dd/yy") })
+      ] }),
+      /* @__PURE__ */ i.jsx("div", { className: "mt-1", children: t.comment })
+    ] }),
+    /* @__PURE__ */ i.jsx("div", { className: "card-footer", children: /* @__PURE__ */ i.jsx(
+      Ve,
+      {
+        prefetch: !1,
+        href: `https://articles.media/politics/proposals/${t.populated_proposal.url}?interaction_id=${t._id}`,
+        children: /* @__PURE__ */ i.jsx(
+          F,
+          {
+            small: !0,
+            children: "View"
+          }
+        )
+      }
+    ) })
+  ] }, t._id)) });
+}
+function Fi(e) {
+  return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+}
+const Li = (e) => dn.get(e).then((t) => t.data), Bi = (e) => {
+  const { data: t, error: n, isLoading: r, mutate: a } = un(
+    process.env.NODE_ENV === "development" ? "http://localhost:3001/api/news/resources/political-parties" : "https://articles.media/api/news/resources/political-parties",
+    Li,
+    {
+      dedupingInterval: 6e5
+      // fallbackData: []
+    }
+  );
+  return {
+    data: t,
+    error: n,
+    isLoading: r,
+    mutate: a
+  };
+};
+function zi(e) {
+  const {
+    populated_user: t,
+    hidePhoto: n,
+    visibleItems: r,
+    size: a,
+    className: s,
+    dangerousPopulate: o,
+    user_id: c,
+    buttonType: l,
+    children: f,
+    fakeMembership: u
+    // name
+  } = e, [m, h] = T(!1), [d, v] = T({}), [b, p] = T([]), [w, g] = T([]), [N, y] = T(null), [j, O] = T([]), [M, E] = T([]), [S, D] = T(!1), k = !1, { data: W } = Bi(), [_, A] = T("Proposals Stance"), C = () => {
+    h(!1);
+  };
+  z(() => {
+    t && v({
+      ...t
+    });
+  }, []);
+  const [B, q] = T(!1), [be, ae] = T([]), [ce, _e] = T([]), { data: R, mutate: ye } = an(
+    (c || t?._id) && (m || o) ? {
+      user_id: c || t?._id
+    } : null
+  ), { data: V, mutate: ee } = an(
+    k?._id && (m || o) ? {
+      user_id: k?._id
+    } : null
+  );
+  z(() => {
+    R && (console.log("publicUserData", R), v(R), p(R?.populated_public_layouts), g(R?.populated_public_donations), y(R?.populated_public_donations.total), E(R?.populated_public_proposals), ae(R?.populated_public_proposals_stance), O(R?.populated_public_news_submissions || []));
+  }, [R]), z(() => {
+    V && (console.log("personalUserData", V), _e(V?.populated_public_proposals_stance));
+  }, [V]);
+  let ie = (t || d)?.articles_membership?.plan.replace(" ", "-").toLowerCase(), we = u?.replace(" ", "-").toLowerCase();
+  const K = "https://articles.media/images/store/memberships/", ke = () => {
+    let x = (t || d)?.articles_membership?.status == "Active";
+    return /* @__PURE__ */ i.jsxs(
+      "div",
+      {
+        style: { position: "relative" } && (a == "lg" ? { fontSize: "1.5rem" } : {}),
+        className: `view-user-modal-badge-wrap ${a == "lg" && "large"} ${s && s}`,
+        children: [
+          /* @__PURE__ */ i.jsxs(
+            "span",
+            {
+              onClick: () => {
+                h(!0);
+              },
+              className: "position-relative view-user-modal-badge d-flex justify-content-between align-items-center badge bg-articles-secondary shadow-articles badge-hover ",
+              children: [
+                (x || u) && /* @__PURE__ */ i.jsx(
+                  "i",
+                  {
+                    className: `fad membership-badge ${we || ie} fa-badge-check`,
+                    style: {
+                      position: "absolute",
+                      // top: '50%',
+                      top: "-2px",
+                      left: "-2px",
+                      // transform: 'translateY(-50%)',
+                      fontSize: "0.9rem",
+                      zIndex: 1
+                      // marginRight: '-0.5rem'
+                      // color: `${obj.badge_color}!important`
+                    }
+                  }
+                ),
+                /* @__PURE__ */ i.jsxs("div", { className: `d-flex align-items-center ${x && ""}`, children: [
+                  !n && /* @__PURE__ */ i.jsx("div", { className: a == "lg" ? "me-0" : "me-1" }),
+                  d.display_name || t?.display_name
+                ] }),
+                /* @__PURE__ */ i.jsx("i", { className: "fad fa-plus-square me-0 ms-2" })
+              ]
+            }
+          ),
+          r?.includes("Not Verified") && t?.verified?.status !== "Verified" && /* @__PURE__ */ i.jsx(
+            se,
+            {
+              placement: "bottom",
+              overlay: /* @__PURE__ */ i.jsx(Z, { style: { pointerEvents: "none" }, id: "button-tooltip", children: /* @__PURE__ */ i.jsx("div", { className: "", children: "User is not verified" }) }),
+              children: /* @__PURE__ */ i.jsxs(
+                "span",
+                {
+                  className: "verification-user-badge badge bg-danger d-flex align-items-center",
+                  children: [
+                    /* @__PURE__ */ i.jsx("i", { style: { paddingBottom: "2px" }, className: "fas fa-robot me-1" }),
+                    /* @__PURE__ */ i.jsx("span", { className: "", children: "Unverified" })
+                  ]
+                }
+              )
+            }
+          ),
+          // true
+          // ||
+          // visibleItems?.includes("Membership")
+          !1,
+          r?.includes("Verification Status") && /* @__PURE__ */ i.jsx(
+            se,
+            {
+              placement: "bottom",
+              overlay: /* @__PURE__ */ i.jsx(
+                Z,
+                {
+                  id: "button-tooltip",
+                  style: { pointerEvents: "none", transformX: "-20px" },
+                  children: t?.verified?.status == "Verified" ? "Verified" : " Not Verified"
+                }
+              ),
+              children: t?.verified?.status == "Verified" ? /* @__PURE__ */ i.jsx("span", { className: "verification-user-badge badge bg-success cursor-pointer", children: /* @__PURE__ */ i.jsx("i", { className: "fas fa-check me-0" }) }) : /* @__PURE__ */ i.jsxs("span", { className: "verification-user-badge badge bg-danger cursor-pointer", children: [
+                /* @__PURE__ */ i.jsx("i", { className: "fas fa-robot me-1" }),
+                /* @__PURE__ */ i.jsx("span", { children: "?" })
+              ] })
+            }
+          ),
+          r?.includes("Political Party") && /* @__PURE__ */ i.jsx("div", { className: "d-flex", children: (t || d)?.political?.party_id && /* @__PURE__ */ i.jsx(
+            se,
+            {
+              placement: "bottom",
+              overlay: /* @__PURE__ */ i.jsxs(
+                Z,
+                {
+                  id: "tooltip-bottom",
+                  style: { position: "fixed" },
+                  children: [
+                    /* @__PURE__ */ i.jsx(
+                      "img",
+                      {
+                        width: "40px",
+                        height: "40px",
+                        style: {
+                          objectFit: "contain",
+                          padding: "0px",
+                          zIndex: "10",
+                          position: "relative"
+                        },
+                        loading: "lazy",
+                        src: `${process.env.NEXT_PUBLIC_CDN}` + W?.find((H) => H._id == (t || d)?.political?.party_id)?.logo,
+                        alt: ""
+                      }
+                    ),
+                    /* @__PURE__ */ i.jsx(
+                      "span",
+                      {
+                        className: "ms-2",
+                        children: W?.find((H) => H._id == (t || d)?.political?.party_id)?.name
+                      }
+                    )
+                  ]
+                }
+              ),
+              children: /* @__PURE__ */ i.jsx(
+                "div",
+                {
+                  className: "badge bg-light text-capitalize ms-0 shadow-articles h-100 d-flex justify-content-center align-items-center",
+                  style: {
+                    padding: "0 0.15rem",
+                    cursor: "pointer"
+                  },
+                  children: (t || d)?.political?.party_id && ((t || d)?.political?.party_id == "62a830440593acbd4061c48c" ? /* @__PURE__ */ i.jsx("i", { className: "fad fa-unlink unaffiliated-icon fa-lg me-0" }) : /* @__PURE__ */ i.jsx(
+                    "img",
+                    {
+                      width: "15px",
+                      height: "15px",
+                      style: {
+                        objectFit: "contain",
+                        padding: "0px"
+                      },
+                      loading: "lazy",
+                      src: `${process.env.NEXT_PUBLIC_CDN}` + W?.find((H) => H._id == (t || d)?.political?.party_id)?.logo,
+                      alt: ""
+                    }
+                  ))
+                }
+              )
+            }
+          ) })
+        ]
+      }
+    );
+  };
+  function Ze(x) {
+    return x === "Link" ? /* @__PURE__ */ i.jsx(
+      "span",
+      {
+        type: "button",
+        onClick: () => {
+          h(!0);
+        },
+        children: f
+      }
+    ) : /* @__PURE__ */ i.jsx(ke, {});
+  }
+  const [$, xe] = T(!1), [Ee, Mt] = T({}), [Pt, et] = T({});
+  z(() => {
+    $ && Object.keys(Ee).length == 0 && console.log("adminUserData", V);
+  }, [$]);
+  const [tt, nt] = T(null);
+  function rt() {
+    alert("TODO");
+  }
+  const te = Fe(() => b?.filter((x) => x.user_layout)?.[0]?.url, [b]);
+  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    Ze(l),
+    /* @__PURE__ */ i.jsxs(
+      Ie,
+      {
+        show: m,
+        size: "lg",
+        id: "view-users-modal",
+        className: "view-users-modal articles-modal",
+        scrollable: !0,
+        onHide: C,
+        children: [
+          /* @__PURE__ */ i.jsx(Ie.Header, { closeButton: !0, children: /* @__PURE__ */ i.jsx("div", { className: "w-100 d-flex justify-content-between align-items-center", children: /* @__PURE__ */ i.jsx("h3", { className: "mb-0", children: "User Info" }) }) }),
+          /* @__PURE__ */ i.jsx(Ie.Body, { children: /* @__PURE__ */ i.jsxs("div", { className: "main-panel", children: [
+            /* @__PURE__ */ i.jsxs("div", { className: "d-flex", children: [
+              /* @__PURE__ */ i.jsxs(
+                "div",
+                {
+                  className: "d-flex flex-column align-items-center",
+                  style: {
+                    width: "100px"
+                  },
+                  children: [
+                    /* @__PURE__ */ i.jsx(
+                      "div",
+                      {
+                        type: "button",
+                        onClick: () => {
+                          nt(`${process.env.NEXT_PUBLIC_CDN}${d?.profile_photo?.key}`);
+                        },
+                        children: /* @__PURE__ */ i.jsx(
+                          Ci,
+                          {
+                            width: "100px",
+                            profile_photo: d?.profile_photo
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ i.jsx(
+                      se,
+                      {
+                        placement: "bottom",
+                        overlay: /* @__PURE__ */ i.jsx(
+                          Z,
+                          {
+                            id: "tooltip-bottom",
+                            children: "Joined Articles Media"
+                          }
+                        ),
+                        children: /* @__PURE__ */ i.jsxs("div", { className: "badge bg-black border border-white shadow-sm rounded-0", children: [
+                          "Joined ",
+                          d?.sign_up_date && vt(new Date(d?.sign_up_date), "M/dd/yy")
+                        ] })
+                      }
+                    ),
+                    te && /* @__PURE__ */ i.jsx(
+                      Ve,
+                      {
+                        href: (
+                          // `${ROUTES.LAYOUTS}/${userLayoutLink}`
+                          `https://articles.media/layouts/${te}`
+                        ),
+                        className: "mt-2 w-100",
+                        children: /* @__PURE__ */ i.jsxs(
+                          F,
+                          {
+                            className: "w-100",
+                            style: {
+                              // fontSize: '0.75rem'
+                            },
+                            children: [
+                              /* @__PURE__ */ i.jsx("i", { className: "fad fa-home" }),
+                              /* @__PURE__ */ i.jsx("span", { children: "Layout" })
+                            ]
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ i.jsx(ct, { className: "w-100", children: /* @__PURE__ */ i.jsx(
+                      Ve,
+                      {
+                        href: {
+                          // pathname: ROUTES.MESSAGES,
+                          pathname: "https://articles.media/messages",
+                          query: {
+                            startMsg: d?._id
+                          }
+                        },
+                        className: "mt-2 w-100",
+                        children: /* @__PURE__ */ i.jsxs(
+                          F,
+                          {
+                            className: "w-100",
+                            style: {
+                              fontSize: "0.88rem"
+                            },
+                            children: [
+                              /* @__PURE__ */ i.jsx("i", { className: "fad fa-envelope" }),
+                              /* @__PURE__ */ i.jsx("span", { children: "Message" })
+                            ]
+                          }
+                        )
+                      }
+                    ) }),
+                    $ && /* @__PURE__ */ i.jsxs(
+                      "div",
+                      {
+                        className: "d-flex flex-column w-100 mt-2",
+                        style: {
+                          maxWidth: "100px"
+                        },
+                        children: [
+                          /* @__PURE__ */ i.jsx(F, { variant: "warning", small: !0, className: "", children: /* @__PURE__ */ i.jsx(Textfit, { max: 14, mode: "single", children: "Remove Photo" }) }),
+                          Ee?.user?.profile_photo?.banned_uploads ? /* @__PURE__ */ i.jsx(
+                            F,
+                            {
+                              variant: "warning",
+                              small: !0,
+                              className: "",
+                              onClick: () => {
+                                toggleBanCustomPhotoUpload();
+                              },
+                              children: /* @__PURE__ */ i.jsx(Textfit, { max: 14, mode: "single", children: "Unban Uploads" })
+                            }
+                          ) : /* @__PURE__ */ i.jsx(
+                            F,
+                            {
+                              variant: "danger",
+                              small: !0,
+                              className: "",
+                              onClick: () => {
+                                toggleBanCustomPhotoUpload();
+                              },
+                              children: /* @__PURE__ */ i.jsx(Textfit, { max: 14, mode: "single", children: "Ban Uploads" })
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ i.jsxs("div", { className: "mx-2", children: [
+                /* @__PURE__ */ i.jsxs("div", { className: "d-flex  align-items-center mb-1", children: [
+                  /* @__PURE__ */ i.jsx("h5", { className: "mb-0", children: t?.display_name || d.display_name }),
+                  /* @__PURE__ */ i.jsxs("span", { className: "ms-2", children: [
+                    " @",
+                    d?.username
+                  ] })
+                ] }),
+                d?.articles_membership?.status == "Active" && /* @__PURE__ */ i.jsx(
+                  se,
+                  {
+                    placement: "bottom",
+                    overlay: /* @__PURE__ */ i.jsx(
+                      Z,
+                      {
+                        id: "tooltip-bottom",
+                        children: /* @__PURE__ */ i.jsxs("div", { className: "d-flex flex-column py-1", children: [
+                          /* @__PURE__ */ i.jsxs("div", { className: "position-relative", children: [
+                            d?.articles_membership?.plan == "Supporter" && /* @__PURE__ */ i.jsx("img", { src: `${K}supporter.jpg`, width: 50, height: 50, alt: "Membership plan level" }),
+                            d?.articles_membership?.plan == "Premium Supporter" && /* @__PURE__ */ i.jsx("img", { src: `${K}premiumSupporter.jpg`, width: 50, height: 50, alt: "Membership plan level" }),
+                            d?.articles_membership?.plan == "Advocate" && /* @__PURE__ */ i.jsx("img", { src: `${K}advocate.jpg`, width: 50, height: 50, alt: "Membership plan level" }),
+                            /* @__PURE__ */ i.jsx(
+                              "i",
+                              {
+                                className: `fad membership-badge ${ie} fa-badge-check me-1`,
+                                style: {
+                                  position: "absolute",
+                                  top: "50%",
+                                  // top: '-2px',
+                                  left: "50%",
+                                  transform: "translateX(-50%) translateY(-50%)",
+                                  fontSize: "1.5rem"
+                                  // marginRight: '-0.5rem'
+                                  // color: `${obj.badge_color}!important`
+                                }
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ i.jsxs("span", { className: "lh-sm", children: [
+                            /* @__PURE__ */ i.jsx("div", { children: d?.articles_membership?.plan }),
+                            /* @__PURE__ */ i.jsxs("div", { className: "small", children: [
+                              "Since ",
+                              /* @__PURE__ */ i.jsx(Si, { format: "MM/dd/yy", date: d?.articles_membership?.membership_started })
+                            ] })
+                          ] })
+                        ] })
+                      }
+                    ),
+                    children: /* @__PURE__ */ i.jsxs(
+                      "div",
+                      {
+                        className: "badge bg-articles border me-1 mb-1",
+                        style: {
+                          // padding: '0 0.25rem',
+                          cursor: "pointer"
+                        },
+                        children: [
+                          /* @__PURE__ */ i.jsx(
+                            "i",
+                            {
+                              className: `fad membership-badge ${ie} fa-badge-check me-1`,
+                              style: {
+                                // position: 'absolute',
+                                // top: '50%',
+                                // top: '-2px',
+                                // left: '-2px',
+                                // transform: 'translateY(-50%)',
+                                // fontSize: '0.9rem'
+                                // marginRight: '-0.5rem'
+                                // color: `${obj.badge_color}!important`
+                              }
+                            }
+                          ),
+                          /* @__PURE__ */ i.jsx("span", { children: d?.articles_membership?.plan }),
+                          /* @__PURE__ */ i.jsx("span", { className: "px-1", children: "|" }),
+                          /* @__PURE__ */ i.jsx("span", { className: "months fw-bold", children: nr(
+                            /* @__PURE__ */ new Date(),
+                            new Date(d?.articles_membership?.membership_started)
+                          ) || 0 })
+                        ]
+                      }
+                    )
+                  }
+                ),
+                d?.address?.state && /* @__PURE__ */ i.jsx(
+                  se,
+                  {
+                    placement: "bottom",
+                    overlay: d.address?.state?.length == 2 ? /* @__PURE__ */ i.jsxs(Z, { id: "tooltip-bottom", children: [
+                      "From the state of ",
+                      convertRegion(d.address?.state, "name") ? convertRegion(d.address?.state, "name")[0] : ""
+                    ] }) : /* @__PURE__ */ i.jsxs(Z, { id: "tooltip-bottom", children: [
+                      "From the state of ",
+                      d.address?.state
+                    ] }),
+                    children: /* @__PURE__ */ i.jsxs("div", { className: "badge bg-articles-secondary border me-1 mb-1", children: [
+                      /* @__PURE__ */ i.jsx("i", { className: "fad fa-map-pin me-1" }),
+                      d.address?.state
+                    ] })
+                  }
+                ),
+                d.verified?.status !== "Verified" && /* @__PURE__ */ i.jsx(
+                  se,
+                  {
+                    placement: "bottom",
+                    overlay: /* @__PURE__ */ i.jsx(Z, { id: "tooltip-bottom", children: "User is not verified" }),
+                    children: /* @__PURE__ */ i.jsxs("div", { className: "badge bg-danger shadow-articles me-1 mb-1", children: [
+                      /* @__PURE__ */ i.jsx("i", { className: "fad fa-robot me-1" }),
+                      "Unverified"
+                    ] })
+                  }
+                ),
+                d.verified?.status == "Verified" && /* @__PURE__ */ i.jsx(
+                  se,
+                  {
+                    placement: "bottom",
+                    overlay: /* @__PURE__ */ i.jsxs(
+                      Z,
+                      {
+                        id: "tooltip-bottom",
+                        className: "",
+                        children: [
+                          /* @__PURE__ */ i.jsxs("div", { children: [
+                            "Verified by ",
+                            d.verified?.verified_methods?.length,
+                            " method",
+                            d.verified?.verified_methods?.length > 1 && "s"
+                          ] }),
+                          /* @__PURE__ */ i.jsx("hr", {}),
+                          /* @__PURE__ */ i.jsx("div", { className: "pb-2", children: d.verified?.verified_methods?.map((x, H) => Object.keys(x)?.length > 0 ? /* @__PURE__ */ i.jsx(
+                            "div",
+                            {
+                              className: "object",
+                              children: x?.method_name
+                            },
+                            H
+                          ) : /* @__PURE__ */ i.jsx(
+                            "div",
+                            {
+                              className: "single",
+                              children: x
+                            },
+                            H
+                          )) })
+                        ]
+                      }
+                    ),
+                    children: /* @__PURE__ */ i.jsxs("div", { className: "badge bg-articles-secondary border me-1 mb-1", children: [
+                      /* @__PURE__ */ i.jsx("i", { className: "fad fa-star me-1" }),
+                      d.verified?.status
+                    ] })
+                  }
+                ),
+                d.political?.party_id && /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsx(
+                  se,
+                  {
+                    placement: "bottom",
+                    overlay: /* @__PURE__ */ i.jsx(Z, { id: "tooltip-bottom", children: /* @__PURE__ */ i.jsx("div", { children: "Users political party" }) }),
+                    children: /* @__PURE__ */ i.jsx(
+                      Ve,
+                      {
+                        href: (
+                          // `${ROUTES.RESOURCES_POLITICAL_PARTIES}/${(populated_user || userData)?.political?.party_id}`
+                          `https://articles.media/politics/parties/${(t || d)?.political?.party_id}`
+                        ),
+                        children: /* @__PURE__ */ i.jsx("div", { className: "badge bg-articles-secondary border shadow-articles text-capitalize me-1", children: /* @__PURE__ */ i.jsxs("div", { className: "", children: [
+                          (t || d)?.political?.party_id == "62a830440593acbd4061c48c" ? /* @__PURE__ */ i.jsx("i", { className: "fad fa-unlink unaffiliated-icon fa-lg me-0" }) : /* @__PURE__ */ i.jsx(
+                            "img",
+                            {
+                              width: "14px",
+                              height: "14px",
+                              style: {
+                                objectFit: "contain",
+                                padding: "0px"
+                              },
+                              loading: "lazy",
+                              src: `${process.env.NEXT_PUBLIC_CDN}` + W?.find((x) => x._id == d?.political?.party_id)?.logo,
+                              alt: ""
+                            }
+                          ),
+                          /* @__PURE__ */ i.jsx("span", { className: "ms-1", children: W?.find((x) => x._id == d.political?.party_id)?.name })
+                        ] }) })
+                      }
+                    )
+                  }
+                ) }),
+                /* @__PURE__ */ i.jsx("hr", {}),
+                /* @__PURE__ */ i.jsx("div", { className: "small", children: d?._id == "5e90cc96579a17440c5d7d52" && /* @__PURE__ */ i.jsx("span", { children: "Founder of Articles Media, thank you for using the site, feel free to message me with any questions, concerns or anything else." }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ i.jsx("hr", {}),
+            $ && /* @__PURE__ */ i.jsxs("div", { children: [
+              /* @__PURE__ */ i.jsx("div", { className: "d-flex align-items-center justify-content-between", children: /* @__PURE__ */ i.jsx("div", { className: "small", children: "Admin Mode Toolbar" }) }),
+              /* @__PURE__ */ i.jsxs("div", { children: [
+                /* @__PURE__ */ i.jsxs("div", { className: "d-flex mb-2", children: [
+                  /* @__PURE__ */ i.jsx(
+                    F,
+                    {
+                      small: !0,
+                      variant: "warning",
+                      className: "",
+                      onClick: () => {
+                        loadAdminUserData();
+                      },
+                      children: /* @__PURE__ */ i.jsx("i", { className: "fad fa-redo me-0" })
+                    }
+                  ),
+                  /* @__PURE__ */ i.jsx(
+                    F,
+                    {
+                      active: $?.edit,
+                      small: !0,
+                      className: "",
+                      onClick: () => {
+                        xe({
+                          ...$,
+                          edit: !$?.edit
+                        });
+                      },
+                      children: "Edit Mode"
+                    }
+                  ),
+                  $?.edit && /* @__PURE__ */ i.jsx(
+                    F,
+                    {
+                      small: !0,
+                      variant: "success",
+                      className: "me-0",
+                      onClick: () => {
+                        rt();
+                      },
+                      children: /* @__PURE__ */ i.jsx("i", { className: "fad fa-save me-0" })
+                    }
+                  )
+                ] }),
+                [
+                  "User Details",
+                  "Verification",
+                  "Moderation",
+                  "Bans",
+                  "Stripe",
+                  "Layouts",
+                  "Reset Password",
+                  "Sessions"
+                ].map(
+                  (x) => /* @__PURE__ */ i.jsx(
+                    F,
+                    {
+                      active: x == $?.tab,
+                      small: !0,
+                      onClick: () => {
+                        xe({
+                          ...$,
+                          tab: x
+                        });
+                      },
+                      children: x
+                    },
+                    x
+                  )
+                )
+              ] }),
+              /* @__PURE__ */ i.jsx("hr", {})
+            ] }),
+            /* @__PURE__ */ i.jsxs("div", { className: "pe-3 pb-3", children: [
+              /* @__PURE__ */ i.jsx("div", { className: "mb-2 me-2", children: [
+                {
+                  name: "Proposals Stance",
+                  badge: /* @__PURE__ */ i.jsx("span", { className: "badge bg-black ms-1", children: /* @__PURE__ */ i.jsxs("div", { className: "small", children: [
+                    /* @__PURE__ */ i.jsx("span", { children: ce?.fundamental?.filter((x) => ce?.user_sentiments?.find((H) => H.proposal_id == x._id) ? x : null).length }),
+                    /* @__PURE__ */ i.jsx("span", { className: "px-1", children: "/" }),
+                    /* @__PURE__ */ i.jsx("span", { children: ce?.fundamental?.length })
+                  ] }) })
+                },
+                {
+                  name: "Proposal Sentiments",
+                  badge: /* @__PURE__ */ i.jsx("span", { className: "badge bg-black ms-1", children: d?.populated_public_proposals_stance?.user_sentiments_count || 0 })
+                },
+                {
+                  name: "Proposal Comments",
+                  badge: /* @__PURE__ */ i.jsx("span", { className: "badge bg-black ms-1", children: d?.populated_public_proposals_stance?.user_comments_count || 0 })
+                },
+                {
+                  name: "Proposal Submissions",
+                  badge: /* @__PURE__ */ i.jsx("span", { className: "badge bg-black ms-1", children: M?.length || 0 })
+                  // TODO - Make conditional
+                },
+                {
+                  name: "News Comments",
+                  badge: /* @__PURE__ */ i.jsx("span", { className: "badge bg-black ms-1", children: d?.populated_news_comments_count || 0 })
+                },
+                {
+                  name: "News Submissions",
+                  badge: /* @__PURE__ */ i.jsx("span", { className: "badge bg-black ms-1", children: j?.length || 0 })
+                  // TODO - Make conditional
+                },
+                {
+                  name: "Verifications",
+                  // dev: true,
+                  badge: /* @__PURE__ */ i.jsx("span", { className: "badge bg-black ms-1", children: d.verified?.verified_methods?.length || 0 })
+                  // TODO - Make conditional
+                },
+                {
+                  name: "Layouts",
+                  badge: /* @__PURE__ */ i.jsx("span", { className: "badge bg-black ms-1", children: b?.length || 0 })
+                },
+                {
+                  name: "Donations",
+                  badge: /* @__PURE__ */ i.jsxs("span", { children: [
+                    /* @__PURE__ */ i.jsx("span", { className: "badge bg-primary ms-1", children: R?.populated_public_donations?.count || 0 }),
+                    /* @__PURE__ */ i.jsxs("span", { className: "badge bg-black", children: [
+                      "$",
+                      Fi((R?.populated_public_donations.total / 100).toFixed(2))
+                    ] })
+                  ] })
+                },
+                {
+                  name: "Orders",
+                  badge: /* @__PURE__ */ i.jsxs("span", { children: [
+                    /* @__PURE__ */ i.jsx("span", { className: "badge bg-primary ms-1", children: "0" }),
+                    /* @__PURE__ */ i.jsx("span", { className: "badge bg-black", children: "0" })
+                  ] })
+                },
+                {
+                  name: "Achievements",
+                  dev: !0,
+                  badge: /* @__PURE__ */ i.jsx("span", { className: "badge bg-black ms-1", children: "0" })
+                  // TODO - Make conditional
+                }
+              ].map((x) => (F, x.name == _, x.name, x.badge, x.name, x.dev ? /* @__PURE__ */ i.jsx(
+                ct,
+                {
+                  inline: !0,
+                  children: /* @__PURE__ */ i.jsxs(
+                    F,
+                    {
+                      onClick: () => A(x.name),
+                      active: x.name == _,
+                      small: !0,
+                      children: [
+                        x.name,
+                        x.badge
+                      ]
+                    },
+                    x.name
+                  )
+                },
+                x.name
+              ) : /* @__PURE__ */ i.jsxs(
+                F,
+                {
+                  onClick: () => A(x.name),
+                  active: x.name == _,
+                  small: !0,
+                  children: [
+                    x.name,
+                    x.badge
+                  ]
+                },
+                x.name
+              ))) }),
+              _ == "Proposal Sentiments" && /* @__PURE__ */ i.jsx(
+                $i,
+                {
+                  activeLayoutProposalSentiments: be
+                }
+              )
+            ] })
+          ] }) }),
+          /* @__PURE__ */ i.jsxs(Ie.Footer, { className: "justify-content-between", children: [
+            k?._id == "5e90cc96579a17440c5d7d52" ? /* @__PURE__ */ i.jsxs("span", { children: [
+              /* @__PURE__ */ i.jsxs(
+                ct,
+                {
+                  inline: !0,
+                  className: "me-2",
+                  children: [
+                    /* @__PURE__ */ i.jsxs(
+                      F,
+                      {
+                        onClick: () => {
+                          xe($ ? !1 : {
+                            tab: ""
+                          });
+                        },
+                        small: !0,
+                        active: $,
+                        variant: "",
+                        className: "me-1",
+                        children: [
+                          /* @__PURE__ */ i.jsx("i", { className: "fad fa-pen" }),
+                          /* @__PURE__ */ i.jsx("span", { children: "Admin Mode" })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ i.jsx(
+                      F,
+                      {
+                        onClick: () => {
+                          ye(), ee();
+                        },
+                        small: !0,
+                        variant: "warning",
+                        className: "",
+                        children: /* @__PURE__ */ i.jsx("i", { className: "fad fa-redo me-0" })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ i.jsx("span", { style: { fontSize: "0.8rem" }, children: d?._id })
+            ] }) : /* @__PURE__ */ i.jsx("span", {}),
+            /* @__PURE__ */ i.jsx("div", { className: "justify-content-", children: /* @__PURE__ */ i.jsx(F, { variant: "articles", onClick: C, children: "Close" }) })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  zi as default
+};