@har-analyzer/components 0.0.15 → 0.0.17

package/dist/chunks/index.js

@@ -1,210 +1,2301 @@
-import { jsx as o, jsxs as x } from "react/jsx-runtime";
-import { useState as y, useMemo as F } from "react";
-import k from "@cloudscape-design/board-components/board";
-import U from "@cloudscape-design/board-components/board-item";
-import M from "@cloudscape-design/components/button";
-import j from "@cloudscape-design/components/header";
-import Y from "../list-har-entries.js";
-import G from "../view-har-entry.js";
-import { d as f, b as V, a as W } from "./har.js";
-import q from "@cloudscape-design/components/space-between";
-import { useHARAnalyzerPreferences as H } from "../har-analyzer-preferences.js";
-import J from "@cloudscape-design/components/multiselect";
-import { C as K } from "./content-type.js";
-import Q from "@cloudscape-design/components/segmented-control";
-function X({ children: e, ...n }) {
-  return /* @__PURE__ */ o(q, { direction: "horizontal", size: "s", ...n, children: e });
-}
-const Z = {
-  dragHandleAriaLabel: "Drag handle",
-  dragHandleAriaDescription: "Use Space or Enter to activate drag, arrow keys to move, Space or Enter to submit, or Escape to discard. Be sure to temporarily disable any screen reader navigation feature that may interfere with the functionality of the arrow keys.",
-  resizeHandleAriaLabel: "Resize handle",
-  resizeHandleAriaDescription: "Use Space or Enter to activate resize, arrow keys to move, Space or Enter to submit, or Escape to discard. Be sure to temporarily disable any screen reader navigation feature that may interfere with the functionality of the arrow keys."
+import { jsx as m, jsxs as ve } from "react/jsx-runtime";
+import Ke from "@cloudscape-design/components/header";
+import z from "@cloudscape-design/components/status-indicator";
+import { useMemo as y, use as Fe, useState as ae, useCallback as B, useEffect as Ee, createContext as et } from "react";
+import { useCollection as tt } from "@cloudscape-design/collection-hooks";
+import nt from "@cloudscape-design/components/collection-preferences";
+import rt from "@cloudscape-design/components/property-filter";
+import at from "@cloudscape-design/components/table";
+import { o as I, C as ot } from "./content-type.js";
+import it from "@cloudscape-design/components/space-between";
+import { c as oe, b as st, a as ct, d as ut, i as lt } from "./har.js";
+import ft from "@cloudscape-design/components/spinner";
+import { U as dt } from "./context.js";
+import mt from "@cloudscape-design/components/toggle";
+import ht from "@cloudscape-design/components/multiselect";
+import gt from "@cloudscape-design/components/segmented-control";
+const pt = [
+  "B",
+  "kB",
+  "MB",
+  "GB",
+  "TB",
+  "PB",
+  "EB",
+  "ZB",
+  "YB"
+], wt = [
+  "B",
+  "KiB",
+  "MiB",
+  "GiB",
+  "TiB",
+  "PiB",
+  "EiB",
+  "ZiB",
+  "YiB"
+], yt = [
+  "b",
+  "kbit",
+  "Mbit",
+  "Gbit",
+  "Tbit",
+  "Pbit",
+  "Ebit",
+  "Zbit",
+  "Ybit"
+], bt = [
+  "b",
+  "kibit",
+  "Mibit",
+  "Gibit",
+  "Tibit",
+  "Pibit",
+  "Eibit",
+  "Zibit",
+  "Yibit"
+], ie = (e, t, n) => {
+  let r = e;
+  return typeof t == "string" || Array.isArray(t) ? r = e.toLocaleString(t, n) : (t === !0 || n !== void 0) && (r = e.toLocaleString(void 0, n)), r;
+}, ke = (e) => {
+  if (typeof e == "number")
+    return Math.log10(e);
+  const t = e.toString(10);
+  return t.length + Math.log10("0." + t.slice(0, 15));
+}, Tt = (e) => typeof e == "number" ? Math.log(e) : ke(e) * Math.log(10), Dt = (e, t) => {
+  if (typeof e == "number")
+    return e / t;
+  const n = e / BigInt(t), r = e % BigInt(t);
+  return Number(n) + Number(r) / t;
 };
-function p(e, n, t) {
-  const r = n.length > 0 ? `Conflicts with ${n.map((s) => s.id).join(", ")}.` : "", i = t.length > 0 ? `Disturbed ${t.length} items.` : "";
-  return [e, r, i].filter(Boolean).join(" ");
-}
-const ee = {
-  liveAnnouncementDndStarted: (e) => e === "resize" ? "Resizing" : "Dragging",
-  liveAnnouncementDndItemReordered: (e) => {
-    const n = `column ${e.placement.x + 1}`, t = `row ${e.placement.y + 1}`;
-    return p(
-      `Item moved to ${e.direction === "horizontal" ? n : t}.`,
-      e.conflicts,
-      e.disturbed
+function Pt(e, t) {
+  if (typeof e != "bigint" && !Number.isFinite(e))
+    throw new TypeError(`Expected a finite number, got ${typeof e}: ${e}`);
+  t = {
+    bits: !1,
+    binary: !1,
+    space: !0,
+    ...t
+  };
+  const n = t.bits ? t.binary ? bt : yt : t.binary ? wt : pt, r = t.space ? " " : "";
+  if (t.signed && (typeof e == "number" ? e === 0 : e === 0n))
+    return ` 0${r}${n[0]}`;
+  const a = e < 0, o = a ? "-" : t.signed ? "+" : "";
+  a && (e = -e);
+  let i;
+  if (t.minimumFractionDigits !== void 0 && (i = { minimumFractionDigits: t.minimumFractionDigits }), t.maximumFractionDigits !== void 0 && (i = { maximumFractionDigits: t.maximumFractionDigits, ...i }), e < 1) {
+    const d = ie(e, t.locale, i);
+    return o + d + r + n[0];
+  }
+  const s = Math.min(Math.floor(t.binary ? Tt(e) / Math.log(1024) : ke(e) / 3), n.length - 1);
+  e = Dt(e, (t.binary ? 1024 : 1e3) ** s), i || (e = e.toPrecision(3));
+  const c = ie(Number(e), t.locale, i), u = n[s];
+  return o + c + r + u;
+}
+function Mt(e, t) {
+  return e.map((n) => ({
+    ...I(t).reduce(
+      (a, [o, { cell: i }]) => {
+        const { value: s } = i(n);
+        return a[o] = s, a;
+      },
+      {}
+    ),
+    __originalItem__: n
+  }));
+}
+function Ot(e) {
+  return I(e).map(([t, { header: n, type: r }]) => {
+    const a = {
+      key: t,
+      groupValuesLabel: `${n} values`,
+      propertyLabel: n,
+      operators: ["=", "!=", ":", "!:", "^", "!^"]
+    };
+    return r === "number" ? {
+      ...a,
+      operators: ["=", "!=", ">", ">=", "<", "<="]
+    } : r === "date" ? {
+      ...a,
+      operators: [
+        { operator: "=", match: "datetime" },
+        { operator: "!=", match: "datetime" },
+        { operator: ">", match: "datetime" },
+        { operator: ">=", match: "datetime" },
+        { operator: "<", match: "datetime" },
+        { operator: "<=", match: "datetime" }
+      ]
+    } : r === "list" ? {
+      ...a,
+      operators: ["=", "!=", ":", "!:"]
+    } : a;
+  });
+}
+function xt(e) {
+  return I(e).map(([t, {
+    header: n,
+    width: r,
+    isSortable: a = !0,
+    cell: o
+  }]) => ({
+    id: t,
+    header: n,
+    width: r,
+    sortingField: a ? t : void 0,
+    cell: (i) => {
+      const { value: s, content: c } = o(i.__originalItem__);
+      return c || (s instanceof Date ? s.getTime() : Array.isArray(s) ? s.join(", ") : s);
+    }
+  }));
+}
+function St(e) {
+  return I(e).map(([t, { header: n, isVisibleByDefault: r = !0 }]) => ({
+    id: t,
+    label: n,
+    visible: r
+  }));
+}
+function Nt(e, t) {
+  return e.map((n) => {
+    const r = t.find((a) => a.id === n.id)?.width;
+    return {
+      ...n,
+      width: r ?? n.width
+    };
+  });
+}
+function Yt(e, t) {
+  if (!e.contentDisplay)
+    return e;
+  const n = t.map(({ id: a }) => a), r = e.contentDisplay.filter(({ id: a }) => n.includes(a));
+  return {
+    ...e,
+    contentDisplay: r
+  };
+}
+function Ct({
+  items: e,
+  getRowId: t,
+  columnsDefinition: n,
+  useTablePreferences: r,
+  empty: a,
+  selectionType: o,
+  isEntireRowSelectable: i = !1,
+  selectedItems: s = [],
+  onSelectionChange: c,
+  contentDensity: u = "comfortable",
+  header: d
+}) {
+  const f = y(
+    () => Mt(e, n),
+    [e, n]
+  ), p = y(() => xt(n), [n]), S = y(
+    () => {
+      const h = new Set(s.map((b) => t(b)));
+      return f.filter(
+        (b) => h.has(t(b.__originalItem__))
+      );
+    },
+    [s, f, t]
+  ), w = y(
+    () => St(n),
+    [n]
+  ), N = y(() => ({
+    contentDisplay: w,
+    wrapLines: !1
+  }), [w]), [{ collectionPreferences: U = N, preferredColumnWidths: L }, te] = r(), $ = y(
+    () => Yt(U, p),
+    [U, p]
+  ), qe = y(
+    () => Nt(p, L),
+    [p, L]
+  ), Xe = (h) => {
+    te({
+      collectionPreferences: h,
+      preferredColumnWidths: L
+    });
+  }, Ze = (h) => {
+    te({
+      collectionPreferences: U,
+      preferredColumnWidths: h
+    });
+  }, je = ({ detail: { item: h } }) => {
+    if (!c || !o)
+      return;
+    const b = h.__originalItem__;
+    if (o === "single") {
+      c([b]);
+      return;
+    }
+    const E = t(b), A = s.some((R) => t(R) === E);
+    c(A ? s.filter((R) => t(R) !== E) : [...s, b]);
+  }, ne = (h) => t(h.__originalItem__), Ge = y(
+    () => Ot(n),
+    [n]
+  ), {
+    items: Qe,
+    collectionProps: Ve,
+    propertyFilterProps: Je,
+    filteredItemsCount: re
+  } = tt(f, {
+    propertyFiltering: {
+      filteringProperties: Ge
+    },
+    sorting: {},
+    selection: { keepSelection: !0, trackBy: ne }
+  });
+  return /* @__PURE__ */ m(
+    at,
+    {
+      ...Ve,
+      header: d,
+      variant: "full-page",
+      contentDensity: u,
+      resizableColumns: !0,
+      stripedRows: !0,
+      stickyHeader: !0,
+      wrapLines: $.wrapLines,
+      columnDefinitions: qe,
+      columnDisplay: $.contentDisplay,
+      onColumnWidthsChange: ({ detail: h }) => {
+        const b = p.map(({ id: E }, A) => ({
+          id: E,
+          width: h.widths[A]
+        }));
+        Ze(b);
+      },
+      items: Qe,
+      trackBy: ne,
+      empty: a,
+      selectionType: o,
+      onRowClick: i ? je : void 0,
+      selectedItems: S,
+      onSelectionChange: (h) => {
+        c && c(h.detail.selectedItems.map((b) => b.__originalItem__));
+      },
+      filter: /* @__PURE__ */ m(
+        rt,
+        {
+          countText: re ? `${re} matches` : void 0,
+          ...Je
+        }
+      ),
+      preferences: /* @__PURE__ */ m(
+        nt,
+        {
+          wrapLinesPreference: {},
+          contentDisplayPreference: { options: w, enableColumnFiltering: !0 },
+          preferences: $,
+          onConfirm: ({ detail: h }) => {
+            Xe(h);
+          }
+        }
+      )
+    }
+  );
+}
+function vt({ children: e, ...t }) {
+  return /* @__PURE__ */ m(it, { direction: "horizontal", size: "s", ...t, children: e });
+}
+const Ft = {
+  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"
+  }
+}, Et = (e, t, n) => {
+  let r;
+  const a = Ft[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 q(e) {
+  return (t = {}) => {
+    const n = t.width ? String(t.width) : e.defaultWidth;
+    return e.formats[n] || e.formats[e.defaultWidth];
+  };
+}
+const kt = {
+  full: "EEEE, MMMM do, y",
+  long: "MMMM do, y",
+  medium: "MMM d, y",
+  short: "MM/dd/yyyy"
+}, Wt = {
+  full: "h:mm:ss a zzzz",
+  long: "h:mm:ss a z",
+  medium: "h:mm:ss a",
+  short: "h:mm a"
+}, It = {
+  full: "{{date}} 'at' {{time}}",
+  long: "{{date}} 'at' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+}, _t = {
+  date: q({
+    formats: kt,
+    defaultWidth: "full"
+  }),
+  time: q({
+    formats: Wt,
+    defaultWidth: "full"
+  }),
+  dateTime: q({
+    formats: It,
+    defaultWidth: "full"
+  })
+}, Ht = {
+  lastWeek: "'last' eeee 'at' p",
+  yesterday: "'yesterday at' p",
+  today: "'today at' p",
+  tomorrow: "'tomorrow at' p",
+  nextWeek: "eeee 'at' p",
+  other: "P"
+}, Ut = (e, t, n, r) => Ht[e];
+function Y(e) {
+  return (t, n) => {
+    const r = n?.context ? String(n.context) : "standalone";
+    let a;
+    if (r === "formatting" && e.formattingValues) {
+      const i = e.defaultFormattingWidth || e.defaultWidth, s = n?.width ? String(n.width) : i;
+      a = e.formattingValues[s] || e.formattingValues[i];
+    } else {
+      const i = e.defaultWidth, s = n?.width ? String(n.width) : e.defaultWidth;
+      a = e.values[s] || e.values[i];
+    }
+    const o = e.argumentCallback ? e.argumentCallback(t) : t;
+    return a[o];
+  };
+}
+const Lt = {
+  narrow: ["B", "A"],
+  abbreviated: ["BC", "AD"],
+  wide: ["Before Christ", "Anno Domini"]
+}, $t = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["Q1", "Q2", "Q3", "Q4"],
+  wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
+}, At = {
+  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"
+  ]
+}, Rt = {
+  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"
+  ]
+}, zt = {
+  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"
+  }
+}, Bt = {
+  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"
+  }
+}, qt = (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";
+}, Xt = {
+  ordinalNumber: qt,
+  era: Y({
+    values: Lt,
+    defaultWidth: "wide"
+  }),
+  quarter: Y({
+    values: $t,
+    defaultWidth: "wide",
+    argumentCallback: (e) => e - 1
+  }),
+  month: Y({
+    values: At,
+    defaultWidth: "wide"
+  }),
+  day: Y({
+    values: Rt,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: Y({
+    values: zt,
+    defaultWidth: "wide",
+    formattingValues: Bt,
+    defaultFormattingWidth: "wide"
+  })
+};
+function C(e) {
+  return (t, n = {}) => {
+    const r = n.width, a = r && e.matchPatterns[r] || e.matchPatterns[e.defaultMatchWidth], o = t.match(a);
+    if (!o)
+      return null;
+    const i = o[0], s = r && e.parsePatterns[r] || e.parsePatterns[e.defaultParseWidth], c = Array.isArray(s) ? jt(s, (f) => f.test(i)) : (
+      // [TODO] -- I challenge you to fix the type
+      Zt(s, (f) => f.test(i))
+    );
+    let u;
+    u = e.valueCallback ? e.valueCallback(c) : c, u = n.valueCallback ? (
+      // [TODO] -- I challenge you to fix the type
+      n.valueCallback(u)
+    ) : u;
+    const d = t.slice(i.length);
+    return { value: u, rest: d };
+  };
+}
+function Zt(e, t) {
+  for (const n in e)
+    if (Object.prototype.hasOwnProperty.call(e, n) && t(e[n]))
+      return n;
+}
+function jt(e, t) {
+  for (let n = 0; n < e.length; n++)
+    if (t(e[n]))
+      return n;
+}
+function Gt(e) {
+  return (t, n = {}) => {
+    const r = t.match(e.matchPattern);
+    if (!r) return null;
+    const a = r[0], o = t.match(e.parsePattern);
+    if (!o) return null;
+    let i = e.valueCallback ? e.valueCallback(o[0]) : o[0];
+    i = n.valueCallback ? n.valueCallback(i) : i;
+    const s = t.slice(a.length);
+    return { value: i, rest: s };
+  };
+}
+const Qt = /^(\d+)(th|st|nd|rd)?/i, Vt = /\d+/i, Jt = {
+  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
+}, Kt = {
+  any: [/^b/i, /^(a|c)/i]
+}, en = {
+  narrow: /^[1234]/i,
+  abbreviated: /^q[1234]/i,
+  wide: /^[1234](th|st|nd|rd)? quarter/i
+}, tn = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, nn = {
+  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
+}, rn = {
+  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
+  ]
+}, an = {
+  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
+}, on = {
+  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]
+}, sn = {
+  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
+}, cn = {
+  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
+  }
+}, un = {
+  ordinalNumber: Gt({
+    matchPattern: Qt,
+    parsePattern: Vt,
+    valueCallback: (e) => parseInt(e, 10)
+  }),
+  era: C({
+    matchPatterns: Jt,
+    defaultMatchWidth: "wide",
+    parsePatterns: Kt,
+    defaultParseWidth: "any"
+  }),
+  quarter: C({
+    matchPatterns: en,
+    defaultMatchWidth: "wide",
+    parsePatterns: tn,
+    defaultParseWidth: "any",
+    valueCallback: (e) => e + 1
+  }),
+  month: C({
+    matchPatterns: nn,
+    defaultMatchWidth: "wide",
+    parsePatterns: rn,
+    defaultParseWidth: "any"
+  }),
+  day: C({
+    matchPatterns: an,
+    defaultMatchWidth: "wide",
+    parsePatterns: on,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: C({
+    matchPatterns: sn,
+    defaultMatchWidth: "any",
+    parsePatterns: cn,
+    defaultParseWidth: "any"
+  })
+}, ln = {
+  code: "en-US",
+  formatDistance: Et,
+  formatLong: _t,
+  formatRelative: Ut,
+  localize: Xt,
+  match: un,
+  options: {
+    weekStartsOn: 0,
+    firstWeekContainsDate: 1
+  }
+};
+let fn = {};
+function F() {
+  return fn;
+}
+const We = 6048e5, dn = 864e5, se = Symbol.for("constructDateFrom");
+function P(e, t) {
+  return typeof e == "function" ? e(t) : e && typeof e == "object" && se in e ? e[se](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
+}
+function T(e, t) {
+  return P(t || e, e);
+}
+function ce(e) {
+  const t = T(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 mn(e, ...t) {
+  const n = P.bind(
+    null,
+    t.find((r) => typeof r == "object")
+  );
+  return t.map(n);
+}
+function ue(e, t) {
+  const n = T(e, t?.in);
+  return n.setHours(0, 0, 0, 0), n;
+}
+function hn(e, t, n) {
+  const [r, a] = mn(
+    n?.in,
+    e,
+    t
+  ), o = ue(r), i = ue(a), s = +o - ce(o), c = +i - ce(i);
+  return Math.round((s - c) / dn);
+}
+function gn(e, t) {
+  const n = T(e, t?.in);
+  return n.setFullYear(n.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
+}
+function pn(e, t) {
+  const n = T(e, t?.in);
+  return hn(n, gn(n)) + 1;
+}
+function v(e, t) {
+  const n = F(), r = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, a = T(e, t?.in), o = a.getDay(), i = (o < r ? 7 : 0) + o - r;
+  return a.setDate(a.getDate() - i), a.setHours(0, 0, 0, 0), a;
+}
+function k(e, t) {
+  return v(e, { ...t, weekStartsOn: 1 });
+}
+function Ie(e, t) {
+  const n = T(e, t?.in), r = n.getFullYear(), a = P(n, 0);
+  a.setFullYear(r + 1, 0, 4), a.setHours(0, 0, 0, 0);
+  const o = k(a), i = P(n, 0);
+  i.setFullYear(r, 0, 4), i.setHours(0, 0, 0, 0);
+  const s = k(i);
+  return n.getTime() >= o.getTime() ? r + 1 : n.getTime() >= s.getTime() ? r : r - 1;
+}
+function wn(e, t) {
+  const n = Ie(e, t), r = P(e, 0);
+  return r.setFullYear(n, 0, 4), r.setHours(0, 0, 0, 0), k(r);
+}
+function yn(e, t) {
+  const n = T(e, t?.in), r = +k(n) - +wn(n);
+  return Math.round(r / We) + 1;
+}
+function _e(e, t) {
+  const n = T(e, t?.in), r = n.getFullYear(), a = F(), o = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? a.firstWeekContainsDate ?? a.locale?.options?.firstWeekContainsDate ?? 1, i = P(t?.in || e, 0);
+  i.setFullYear(r + 1, 0, o), i.setHours(0, 0, 0, 0);
+  const s = v(i, t), c = P(t?.in || e, 0);
+  c.setFullYear(r, 0, o), c.setHours(0, 0, 0, 0);
+  const u = v(c, t);
+  return +n >= +s ? r + 1 : +n >= +u ? r : r - 1;
+}
+function bn(e, t) {
+  const n = F(), r = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, a = _e(e, t), o = P(t?.in || e, 0);
+  return o.setFullYear(a, 0, r), o.setHours(0, 0, 0, 0), v(o, t);
+}
+function Tn(e, t) {
+  const n = T(e, t?.in), r = +v(n, t) - +bn(n, t);
+  return Math.round(r / We) + 1;
+}
+function l(e, t) {
+  const n = e < 0 ? "-" : "", r = Math.abs(e).toString().padStart(t, "0");
+  return n + r;
+}
+const D = {
+  // Year
+  y(e, t) {
+    const n = e.getFullYear(), r = n > 0 ? n : 1 - n;
+    return l(t === "yy" ? r % 100 : r, t.length);
+  },
+  // Month
+  M(e, t) {
+    const n = e.getMonth();
+    return t === "M" ? String(n + 1) : l(n + 1, 2);
+  },
+  // Day of the month
+  d(e, t) {
+    return l(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];
+      case "aaaa":
+      default:
+        return n === "am" ? "a.m." : "p.m.";
+    }
+  },
+  // Hour [1-12]
+  h(e, t) {
+    return l(e.getHours() % 12 || 12, t.length);
+  },
+  // Hour [0-23]
+  H(e, t) {
+    return l(e.getHours(), t.length);
+  },
+  // Minute
+  m(e, t) {
+    return l(e.getMinutes(), t.length);
+  },
+  // Second
+  s(e, t) {
+    return l(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 l(a, t.length);
+  }
+}, O = {
+  midnight: "midnight",
+  noon: "noon",
+  morning: "morning",
+  afternoon: "afternoon",
+  evening: "evening",
+  night: "night"
+}, le = {
+  // 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" });
+      // Anno Domini, Before Christ
+      case "GGGG":
+      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 D.y(e, t);
+  },
+  // Local week-numbering year
+  Y: function(e, t, n, r) {
+    const a = _e(e, r), o = a > 0 ? a : 1 - a;
+    if (t === "YY") {
+      const i = o % 100;
+      return l(i, 2);
+    }
+    return t === "Yo" ? n.ordinalNumber(o, { unit: "year" }) : l(o, t.length);
+  },
+  // ISO week-numbering year
+  R: function(e, t) {
+    const n = Ie(e);
+    return l(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 l(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 l(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"
+        });
+      // 1st quarter, 2nd quarter, ...
+      case "QQQQ":
+      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 l(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"
+        });
+      // 1st quarter, 2nd quarter, ...
+      case "qqqq":
+      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 D.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"
+        });
+      // January, February, ..., December
+      case "MMMM":
+      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 l(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"
+        });
+      // January, February, ..., December
+      case "LLLL":
+      default:
+        return n.month(r, { width: "wide", context: "standalone" });
+    }
+  },
+  // Local week of year
+  w: function(e, t, n, r) {
+    const a = Tn(e, r);
+    return t === "wo" ? n.ordinalNumber(a, { unit: "week" }) : l(a, t.length);
+  },
+  // ISO week of year
+  I: function(e, t, n) {
+    const r = yn(e);
+    return t === "Io" ? n.ordinalNumber(r, { unit: "week" }) : l(r, t.length);
+  },
+  // Day of the month
+  d: function(e, t, n) {
+    return t === "do" ? n.ordinalNumber(e.getDate(), { unit: "date" }) : D.d(e, t);
+  },
+  // Day of year
+  D: function(e, t, n) {
+    const r = pn(e);
+    return t === "Do" ? n.ordinalNumber(r, { unit: "dayOfYear" }) : l(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"
+        });
+      // Tuesday
+      case "EEEE":
+      default:
+        return n.day(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Local day of week
+  e: function(e, t, n, r) {
+    const a = e.getDay(), o = (a - r.weekStartsOn + 8) % 7 || 7;
+    switch (t) {
+      // Numerical value (Nth day of week with current locale or weekStartsOn)
+      case "e":
+        return String(o);
+      // Padded numerical value
+      case "ee":
+        return l(o, 2);
+      // 1st, 2nd, ..., 7th
+      case "eo":
+        return n.ordinalNumber(o, { 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"
+        });
+      // Tuesday
+      case "eeee":
+      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(), o = (a - r.weekStartsOn + 8) % 7 || 7;
+    switch (t) {
+      // Numerical value (same as in `e`)
+      case "c":
+        return String(o);
+      // Padded numerical value
+      case "cc":
+        return l(o, t.length);
+      // 1st, 2nd, ..., 7th
+      case "co":
+        return n.ordinalNumber(o, { 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"
+        });
+      // Tuesday
+      case "cccc":
+      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 l(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"
+        });
+      // Tuesday
+      case "iiii":
+      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"
+        });
+      case "aaaa":
+      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 = O.noon : r === 0 ? a = O.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"
+        });
+      case "bbbb":
+      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 = O.evening : r >= 12 ? a = O.afternoon : r >= 4 ? a = O.morning : a = O.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"
+        });
+      case "BBBB":
+      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 D.h(e, t);
+  },
+  // Hour [0-23]
+  H: function(e, t, n) {
+    return t === "Ho" ? n.ordinalNumber(e.getHours(), { unit: "hour" }) : D.H(e, t);
+  },
+  // Hour [0-11]
+  K: function(e, t, n) {
+    const r = e.getHours() % 12;
+    return t === "Ko" ? n.ordinalNumber(r, { unit: "hour" }) : l(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" }) : l(r, t.length);
+  },
+  // Minute
+  m: function(e, t, n) {
+    return t === "mo" ? n.ordinalNumber(e.getMinutes(), { unit: "minute" }) : D.m(e, t);
+  },
+  // Second
+  s: function(e, t, n) {
+    return t === "so" ? n.ordinalNumber(e.getSeconds(), { unit: "second" }) : D.s(e, t);
+  },
+  // Fraction of second
+  S: function(e, t) {
+    return D.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 de(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 M(r);
+      // Hours, minutes and optional seconds with `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `XXX`
+      case "XXXXX":
+      case "XXX":
+      // Hours and minutes with `:` delimiter
+      default:
+        return M(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 de(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 M(r);
+      // Hours, minutes and optional seconds with `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `xxx`
+      case "xxxxx":
+      case "xxx":
+      // Hours and minutes with `:` delimiter
+      default:
+        return M(r, ":");
+    }
+  },
+  // Timezone (GMT)
+  O: function(e, t, n) {
+    const r = e.getTimezoneOffset();
+    switch (t) {
+      // Short
+      case "O":
+      case "OO":
+      case "OOO":
+        return "GMT" + fe(r, ":");
+      // Long
+      case "OOOO":
+      default:
+        return "GMT" + M(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" + fe(r, ":");
+      // Long
+      case "zzzz":
+      default:
+        return "GMT" + M(r, ":");
+    }
+  },
+  // Seconds timestamp
+  t: function(e, t, n) {
+    const r = Math.trunc(+e / 1e3);
+    return l(r, t.length);
+  },
+  // Milliseconds timestamp
+  T: function(e, t, n) {
+    return l(+e, t.length);
+  }
+};
+function fe(e, t = "") {
+  const n = e > 0 ? "-" : "+", r = Math.abs(e), a = Math.trunc(r / 60), o = r % 60;
+  return o === 0 ? n + String(a) : n + String(a) + t + l(o, 2);
+}
+function de(e, t) {
+  return e % 60 === 0 ? (e > 0 ? "-" : "+") + l(Math.abs(e) / 60, 2) : M(e, t);
+}
+function M(e, t = "") {
+  const n = e > 0 ? "-" : "+", r = Math.abs(e), a = l(Math.trunc(r / 60), 2), o = l(r % 60, 2);
+  return n + a + t + o;
+}
+const me = (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" });
+    case "PPPP":
+    default:
+      return t.date({ width: "full" });
+  }
+}, He = (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" });
+    case "pppp":
+    default:
+      return t.time({ width: "full" });
+  }
+}, Dn = (e, t) => {
+  const n = e.match(/(P+)(p+)?/) || [], r = n[1], a = n[2];
+  if (!a)
+    return me(e, t);
+  let o;
+  switch (r) {
+    case "P":
+      o = t.dateTime({ width: "short" });
+      break;
+    case "PP":
+      o = t.dateTime({ width: "medium" });
+      break;
+    case "PPP":
+      o = t.dateTime({ width: "long" });
+      break;
+    case "PPPP":
+    default:
+      o = t.dateTime({ width: "full" });
+      break;
+  }
+  return o.replace("{{date}}", me(r, t)).replace("{{time}}", He(a, t));
+}, Pn = {
+  p: He,
+  P: Dn
+}, Mn = /^D+$/, On = /^Y+$/, xn = ["D", "DD", "YY", "YYYY"];
+function Sn(e) {
+  return Mn.test(e);
+}
+function Nn(e) {
+  return On.test(e);
+}
+function Yn(e, t, n) {
+  const r = Cn(e, t, n);
+  if (console.warn(r), xn.includes(e)) throw new RangeError(r);
+}
+function Cn(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`;
+}
+function vn(e) {
+  return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
+}
+function Fn(e) {
+  return !(!vn(e) && typeof e != "number" || isNaN(+T(e)));
+}
+const En = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, kn = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Wn = /^'([^]*?)'?$/, In = /''/g, _n = /[a-zA-Z]/;
+function Hn(e, t, n) {
+  const r = F(), a = n?.locale ?? r.locale ?? ln, o = n?.firstWeekContainsDate ?? n?.locale?.options?.firstWeekContainsDate ?? r.firstWeekContainsDate ?? r.locale?.options?.firstWeekContainsDate ?? 1, i = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? r.weekStartsOn ?? r.locale?.options?.weekStartsOn ?? 0, s = T(e, n?.in);
+  if (!Fn(s))
+    throw new RangeError("Invalid time value");
+  let c = t.match(kn).map((d) => {
+    const f = d[0];
+    if (f === "p" || f === "P") {
+      const p = Pn[f];
+      return p(d, a.formatLong);
+    }
+    return d;
+  }).join("").match(En).map((d) => {
+    if (d === "''")
+      return { isToken: !1, value: "'" };
+    const f = d[0];
+    if (f === "'")
+      return { isToken: !1, value: Un(d) };
+    if (le[f])
+      return { isToken: !0, value: d };
+    if (f.match(_n))
+      throw new RangeError(
+        "Format string contains an unescaped latin alphabet character `" + f + "`"
+      );
+    return { isToken: !1, value: d };
+  });
+  a.localize.preprocessor && (c = a.localize.preprocessor(s, c));
+  const u = {
+    firstWeekContainsDate: o,
+    weekStartsOn: i,
+    locale: a
+  };
+  return c.map((d) => {
+    if (!d.isToken) return d.value;
+    const f = d.value;
+    (!n?.useAdditionalWeekYearTokens && Nn(f) || !n?.useAdditionalDayOfYearTokens && Sn(f)) && Yn(f, t, String(e));
+    const p = le[f[0]];
+    return p(s, f, a.localize, u);
+  }).join("");
+}
+function Un(e) {
+  const t = e.match(Wn);
+  return t ? t[1].replace(In, "'") : e;
+}
+function Ln() {
+  return Object.assign({}, F());
+}
+function he(e, t, n) {
+  const r = Ln(), a = Rn(e, n.timeZone, n.locale ?? r.locale);
+  return "formatToParts" in a ? $n(a, t) : An(a, t);
+}
+function $n(e, t) {
+  const n = e.formatToParts(t);
+  for (let r = n.length - 1; r >= 0; --r)
+    if (n[r].type === "timeZoneName")
+      return n[r].value;
+}
+function An(e, t) {
+  const n = e.format(t).replace(/\u200E/g, ""), r = / [\w-+ ]+$/.exec(n);
+  return r ? r[0].substr(1) : "";
+}
+function Rn(e, t, n) {
+  return new Intl.DateTimeFormat(n ? [n.code, "en-US"] : void 0, {
+    timeZone: t,
+    timeZoneName: e
+  });
+}
+function zn(e, t) {
+  const n = jn(t);
+  return "formatToParts" in n ? qn(n, e) : Xn(n, e);
+}
+const Bn = {
+  year: 0,
+  month: 1,
+  day: 2,
+  hour: 3,
+  minute: 4,
+  second: 5
+};
+function qn(e, t) {
+  try {
+    const n = e.formatToParts(t), r = [];
+    for (let a = 0; a < n.length; a++) {
+      const o = Bn[n[a].type];
+      o !== void 0 && (r[o] = parseInt(n[a].value, 10));
+    }
+    return r;
+  } catch (n) {
+    if (n instanceof RangeError)
+      return [NaN];
+    throw n;
+  }
+}
+function Xn(e, t) {
+  const n = e.format(t), r = /(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/.exec(n);
+  return [
+    parseInt(r[3], 10),
+    parseInt(r[1], 10),
+    parseInt(r[2], 10),
+    parseInt(r[4], 10),
+    parseInt(r[5], 10),
+    parseInt(r[6], 10)
+  ];
+}
+const X = {}, ge = new Intl.DateTimeFormat("en-US", {
+  hourCycle: "h23",
+  timeZone: "America/New_York",
+  year: "numeric",
+  month: "2-digit",
+  day: "2-digit",
+  hour: "2-digit",
+  minute: "2-digit",
+  second: "2-digit"
+}).format(/* @__PURE__ */ new Date("2014-06-25T04:00:00.123Z")), Zn = ge === "06/25/2014, 00:00:00" || ge === "‎06‎/‎25‎/‎2014‎ ‎00‎:‎00‎:‎00";
+function jn(e) {
+  return X[e] || (X[e] = Zn ? new Intl.DateTimeFormat("en-US", {
+    hourCycle: "h23",
+    timeZone: e,
+    year: "numeric",
+    month: "numeric",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit"
+  }) : new Intl.DateTimeFormat("en-US", {
+    hour12: !1,
+    timeZone: e,
+    year: "numeric",
+    month: "numeric",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit"
+  })), X[e];
+}
+function Ue(e, t, n, r, a, o, i) {
+  const s = /* @__PURE__ */ new Date(0);
+  return s.setUTCFullYear(e, t, n), s.setUTCHours(r, a, o, i), s;
+}
+const pe = 36e5, Gn = 6e4, Z = {
+  timezoneZ: /^(Z)$/,
+  timezoneHH: /^([+-]\d{2})$/,
+  timezoneHHMM: /^([+-])(\d{2}):?(\d{2})$/
+};
+function ee(e, t, n) {
+  if (!e)
+    return 0;
+  let r = Z.timezoneZ.exec(e);
+  if (r)
+    return 0;
+  let a, o;
+  if (r = Z.timezoneHH.exec(e), r)
+    return a = parseInt(r[1], 10), we(a) ? -(a * pe) : NaN;
+  if (r = Z.timezoneHHMM.exec(e), r) {
+    a = parseInt(r[2], 10);
+    const i = parseInt(r[3], 10);
+    return we(a, i) ? (o = Math.abs(a) * pe + i * Gn, r[1] === "+" ? -o : o) : NaN;
+  }
+  if (Jn(e)) {
+    t = new Date(t || Date.now());
+    const i = n ? t : Qn(t), s = J(i, e);
+    return -(n ? s : Vn(t, s, e));
+  }
+  return NaN;
+}
+function Qn(e) {
+  return Ue(e.getFullYear(), e.getMonth(), e.getDate(), e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds());
+}
+function J(e, t) {
+  const n = zn(e, t), r = Ue(n[0], n[1] - 1, n[2], n[3] % 24, n[4], n[5], 0).getTime();
+  let a = e.getTime();
+  const o = a % 1e3;
+  return a -= o >= 0 ? o : 1e3 + o, r - a;
+}
+function Vn(e, t, n) {
+  let a = e.getTime() - t;
+  const o = J(new Date(a), n);
+  if (t === o)
+    return t;
+  a -= o - t;
+  const i = J(new Date(a), n);
+  return o === i ? o : Math.max(o, i);
+}
+function we(e, t) {
+  return -23 <= e && e <= 23 && (t == null || 0 <= t && t <= 59);
+}
+const ye = {};
+function Jn(e) {
+  if (ye[e])
+    return !0;
+  try {
+    return new Intl.DateTimeFormat(void 0, { timeZone: e }), ye[e] = !0, !0;
+  } catch {
+    return !1;
+  }
+}
+const Kn = 60 * 1e3, er = {
+  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
+  X: function(e, t, n) {
+    const r = j(n.timeZone, e);
+    if (r === 0)
+      return "Z";
+    switch (t) {
+      // Hours and optional minutes
+      case "X":
+        return be(r);
+      // Hours, minutes and optional seconds without `:` delimeter
+      // 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 x(r);
+      // Hours, minutes and optional seconds with `:` delimeter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `XXX`
+      case "XXXXX":
+      case "XXX":
+      // Hours and minutes with `:` delimeter
+      default:
+        return x(r, ":");
+    }
   },
-  liveAnnouncementDndItemResized: (e) => {
-    const n = e.isMinimalColumnsReached ? " (minimal)" : "", t = e.isMinimalRowsReached ? " (minimal)" : "", r = e.direction === "horizontal" ? `columns ${e.placement.width}${n}` : `rows ${e.placement.height}${t}`;
-    return p(`Item resized to ${r}.`, e.conflicts, e.disturbed);
+  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
+  x: function(e, t, n) {
+    const r = j(n.timeZone, e);
+    switch (t) {
+      // Hours and optional minutes
+      case "x":
+        return be(r);
+      // Hours, minutes and optional seconds without `:` delimeter
+      // 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 x(r);
+      // Hours, minutes and optional seconds with `:` delimeter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `xxx`
+      case "xxxxx":
+      case "xxx":
+      // Hours and minutes with `:` delimeter
+      default:
+        return x(r, ":");
+    }
   },
-  liveAnnouncementDndItemInserted: (e) => {
-    const n = `column ${e.placement.x + 1}`, t = `row ${e.placement.y + 1}`;
-    return p(`Item inserted to ${n}, ${t}.`, e.conflicts, e.disturbed);
+  // Timezone (GMT)
+  O: function(e, t, n) {
+    const r = j(n.timeZone, e);
+    switch (t) {
+      // Short
+      case "O":
+      case "OO":
+      case "OOO":
+        return "GMT" + tr(r, ":");
+      // Long
+      case "OOOO":
+      default:
+        return "GMT" + x(r, ":");
+    }
   },
-  liveAnnouncementDndCommitted: (e) => `${e} committed`,
-  liveAnnouncementDndDiscarded: (e) => `${e} discarded`,
-  liveAnnouncementItemRemoved: (e) => p(`Removed item ${e.item.id}.`, [], e.disturbed),
-  navigationAriaLabel: "Board navigation",
-  navigationAriaDescription: "Click on non-empty item to move focus over",
-  navigationItemAriaLabel: (e) => e ? e.id : "Empty"
+  // Timezone (specific non-location)
+  z: function(e, t, n) {
+    switch (t) {
+      // Short
+      case "z":
+      case "zz":
+      case "zzz":
+        return he("short", e, n);
+      // Long
+      case "zzzz":
+      default:
+        return he("long", e, n);
+    }
+  }
+};
+function j(e, t) {
+  const n = e ? ee(e, t, !0) / Kn : t?.getTimezoneOffset() ?? 0;
+  if (Number.isNaN(n))
+    throw new RangeError("Invalid time zone specified: " + e);
+  return n;
+}
+function W(e, t) {
+  const n = e < 0 ? "-" : "";
+  let r = Math.abs(e).toString();
+  for (; r.length < t; )
+    r = "0" + r;
+  return n + r;
+}
+function x(e, t = "") {
+  const n = e > 0 ? "-" : "+", r = Math.abs(e), a = W(Math.floor(r / 60), 2), o = W(Math.floor(r % 60), 2);
+  return n + a + t + o;
+}
+function be(e, t) {
+  return e % 60 === 0 ? (e > 0 ? "-" : "+") + W(Math.abs(e) / 60, 2) : x(e, t);
+}
+function tr(e, t = "") {
+  const n = e > 0 ? "-" : "+", r = Math.abs(e), a = Math.floor(r / 60), o = r % 60;
+  return o === 0 ? n + String(a) : n + String(a) + t + W(o, 2);
+}
+function Te(e) {
+  const t = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate(), e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds()));
+  return t.setUTCFullYear(e.getFullYear()), +e - +t;
+}
+const nr = /(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/, G = 36e5, De = 6e4, rr = 2, g = {
+  dateTimePattern: /^([0-9W+-]+)(T| )(.*)/,
+  datePattern: /^([0-9W+-]+)(.*)/,
+  // year tokens
+  YY: /^(\d{2})$/,
+  YYY: [
+    /^([+-]\d{2})$/,
+    // 0 additional digits
+    /^([+-]\d{3})$/,
+    // 1 additional digit
+    /^([+-]\d{4})$/
+    // 2 additional digits
+  ],
+  YYYY: /^(\d{4})/,
+  YYYYY: [
+    /^([+-]\d{4})/,
+    // 0 additional digits
+    /^([+-]\d{5})/,
+    // 1 additional digit
+    /^([+-]\d{6})/
+    // 2 additional digits
+  ],
+  // date tokens
+  MM: /^-(\d{2})$/,
+  DDD: /^-?(\d{3})$/,
+  MMDD: /^-?(\d{2})-?(\d{2})$/,
+  Www: /^-?W(\d{2})$/,
+  WwwD: /^-?W(\d{2})-?(\d{1})$/,
+  HH: /^(\d{2}([.,]\d*)?)$/,
+  HHMM: /^(\d{2}):?(\d{2}([.,]\d*)?)$/,
+  HHMMSS: /^(\d{2}):?(\d{2}):?(\d{2}([.,]\d*)?)$/,
+  // time zone tokens (to identify the presence of a tz)
+  timeZone: nr
 };
-function te(e) {
+function Le(e, t = {}) {
+  if (arguments.length < 1)
+    throw new TypeError("1 argument required, but only " + arguments.length + " present");
+  if (e === null)
+    return /* @__PURE__ */ new Date(NaN);
+  const n = t.additionalDigits == null ? rr : Number(t.additionalDigits);
+  if (n !== 2 && n !== 1 && n !== 0)
+    throw new RangeError("additionalDigits must be 0, 1 or 2");
+  if (e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]")
+    return new Date(e.getTime());
+  if (typeof e == "number" || Object.prototype.toString.call(e) === "[object Number]")
+    return new Date(e);
+  if (Object.prototype.toString.call(e) !== "[object String]")
+    return /* @__PURE__ */ new Date(NaN);
+  const r = ar(e), { year: a, restDateString: o } = or(r.date, n), i = ir(o, a);
+  if (i === null || isNaN(i.getTime()))
+    return /* @__PURE__ */ new Date(NaN);
+  if (i) {
+    const s = i.getTime();
+    let c = 0, u;
+    if (r.time && (c = sr(r.time), c === null || isNaN(c)))
+      return /* @__PURE__ */ new Date(NaN);
+    if (r.timeZone || t.timeZone) {
+      if (u = ee(r.timeZone || t.timeZone, new Date(s + c)), isNaN(u))
+        return /* @__PURE__ */ new Date(NaN);
+    } else
+      u = Te(new Date(s + c)), u = Te(new Date(s + c + u));
+    return new Date(s + c + u);
+  } else
+    return /* @__PURE__ */ new Date(NaN);
+}
+function ar(e) {
+  const t = {};
+  let n = g.dateTimePattern.exec(e), r;
+  if (n ? (t.date = n[1], r = n[3]) : (n = g.datePattern.exec(e), n ? (t.date = n[1], r = n[2]) : (t.date = null, r = e)), r) {
+    const a = g.timeZone.exec(r);
+    a ? (t.time = r.replace(a[1], ""), t.timeZone = a[1].trim()) : t.time = r;
+  }
+  return t;
+}
+function or(e, t) {
+  if (e) {
+    const n = g.YYY[t], r = g.YYYYY[t];
+    let a = g.YYYY.exec(e) || r.exec(e);
+    if (a) {
+      const o = a[1];
+      return {
+        year: parseInt(o, 10),
+        restDateString: e.slice(o.length)
+      };
+    }
+    if (a = g.YY.exec(e) || n.exec(e), a) {
+      const o = a[1];
+      return {
+        year: parseInt(o, 10) * 100,
+        restDateString: e.slice(o.length)
+      };
+    }
+  }
+  return {
+    year: null
+  };
+}
+function ir(e, t) {
+  if (t === null)
+    return null;
+  let n, r, a;
+  if (!e || !e.length)
+    return n = /* @__PURE__ */ new Date(0), n.setUTCFullYear(t), n;
+  let o = g.MM.exec(e);
+  if (o)
+    return n = /* @__PURE__ */ new Date(0), r = parseInt(o[1], 10) - 1, Me(t, r) ? (n.setUTCFullYear(t, r), n) : /* @__PURE__ */ new Date(NaN);
+  if (o = g.DDD.exec(e), o) {
+    n = /* @__PURE__ */ new Date(0);
+    const i = parseInt(o[1], 10);
+    return lr(t, i) ? (n.setUTCFullYear(t, 0, i), n) : /* @__PURE__ */ new Date(NaN);
+  }
+  if (o = g.MMDD.exec(e), o) {
+    n = /* @__PURE__ */ new Date(0), r = parseInt(o[1], 10) - 1;
+    const i = parseInt(o[2], 10);
+    return Me(t, r, i) ? (n.setUTCFullYear(t, r, i), n) : /* @__PURE__ */ new Date(NaN);
+  }
+  if (o = g.Www.exec(e), o)
+    return a = parseInt(o[1], 10) - 1, Oe(a) ? Pe(t, a) : /* @__PURE__ */ new Date(NaN);
+  if (o = g.WwwD.exec(e), o) {
+    a = parseInt(o[1], 10) - 1;
+    const i = parseInt(o[2], 10) - 1;
+    return Oe(a, i) ? Pe(t, a, i) : /* @__PURE__ */ new Date(NaN);
+  }
+  return null;
+}
+function sr(e) {
+  let t, n, r = g.HH.exec(e);
+  if (r)
+    return t = parseFloat(r[1].replace(",", ".")), Q(t) ? t % 24 * G : NaN;
+  if (r = g.HHMM.exec(e), r)
+    return t = parseInt(r[1], 10), n = parseFloat(r[2].replace(",", ".")), Q(t, n) ? t % 24 * G + n * De : NaN;
+  if (r = g.HHMMSS.exec(e), r) {
+    t = parseInt(r[1], 10), n = parseInt(r[2], 10);
+    const a = parseFloat(r[3].replace(",", "."));
+    return Q(t, n, a) ? t % 24 * G + n * De + a * 1e3 : NaN;
+  }
+  return null;
+}
+function Pe(e, t, n) {
+  t = t || 0, n = n || 0;
+  const r = /* @__PURE__ */ new Date(0);
+  r.setUTCFullYear(e, 0, 4);
+  const a = r.getUTCDay() || 7, o = t * 7 + n + 1 - a;
+  return r.setUTCDate(r.getUTCDate() + o), r;
+}
+const cr = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], ur = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+function $e(e) {
+  return e % 400 === 0 || e % 4 === 0 && e % 100 !== 0;
+}
+function Me(e, t, n) {
+  if (t < 0 || t > 11)
+    return !1;
+  if (n != null) {
+    if (n < 1)
+      return !1;
+    const r = $e(e);
+    if (r && n > ur[t] || !r && n > cr[t])
+      return !1;
+  }
+  return !0;
+}
+function lr(e, t) {
+  if (t < 1)
+    return !1;
+  const n = $e(e);
+  return !(n && t > 366 || !n && t > 365);
+}
+function Oe(e, t) {
+  return !(e < 0 || e > 52 || t != null && (t < 0 || t > 6));
+}
+function Q(e, t, n) {
+  return !(e < 0 || e >= 25 || t != null && (t < 0 || t >= 60) || n != null && (n < 0 || n >= 60));
+}
+const fr = /([xXOz]+)|''|'(''|[^'])+('|$)/g;
+function dr(e, t, n = {}) {
+  t = String(t);
+  const r = t.match(fr);
+  if (r) {
+    const a = Le(n.originalDate || e, n);
+    t = r.reduce(function(o, i) {
+      if (i[0] === "'")
+        return o;
+      const s = o.indexOf(i), c = o[s - 1] === "'", u = o.replace(i, "'" + er[i[0]](a, i, n) + "'");
+      return c ? u.substring(0, s - 1) + u.substring(s + 1) : u;
+    }, t);
+  }
+  return Hn(e, t, n);
+}
+function mr(e, t, n) {
+  e = Le(e, n);
+  const r = ee(t, e, !0), a = new Date(e.getTime() - r), o = /* @__PURE__ */ new Date(0);
+  return o.setFullYear(a.getUTCFullYear(), a.getUTCMonth(), a.getUTCDate()), o.setHours(a.getUTCHours(), a.getUTCMinutes(), a.getUTCSeconds(), a.getUTCMilliseconds()), o;
+}
+function K(e, t, n, r) {
+  return r = {
+    ...r,
+    timeZone: t,
+    originalDate: e
+  }, dr(mr(e, t, { timeZone: r.timeZone }), n, r);
+}
+const xe = "yyyy-MM-dd HH:mm:ss:SSS a";
+function Ae() {
+  return Intl.DateTimeFormat().resolvedOptions().timeZone;
+}
+function hr() {
+  return K(/* @__PURE__ */ new Date(), Ae(), "zzz");
+}
+function Se(e, t) {
+  try {
+    if (t)
+      return K(new Date(e), "UTC", xe);
+    const n = Ae();
+    return K(new Date(e), n, xe);
+  } catch (n) {
+    return console.warn("Error formatting date:", n), e;
+  }
+}
+function gr() {
+  return Fe(dt);
+}
+function pr(e) {
   const {
-    components: n,
-    definitions: t,
-    onDefinitionsChange: r,
-    empty: i
-  } = e;
-  return /* @__PURE__ */ o(
-    k,
-    {
-      i18nStrings: ee,
-      items: t,
-      renderItem: ({ id: s }, { removeItem: d }) => {
-        const {
-          title: h,
-          content: u,
-          actions: A,
-          counter: R,
-          canRemove: E
-        } = n[s] ?? {};
-        return /* @__PURE__ */ o(
-          U,
-          {
-            header: /* @__PURE__ */ o(j, { counter: R, actions: A, children: h }),
-            i18nStrings: Z,
-            settings: E && /* @__PURE__ */ o(M, { variant: "icon", iconName: "close", onClick: d }),
-            children: u
-          }
-        );
-      },
-      onItemsChange: ({ detail: { items: s } }) => {
-        r(s);
-      },
-      empty: i
+    context: t,
+    preferenceKey: n,
+    defaultPreferenceValue: r,
+    children: a
+  } = e, [o, i] = ae(!1), [s, c] = ae(r), u = gr(), d = B(async () => {
+    if (u) {
+      i(!0);
+      try {
+        const w = await u.getPreference(n);
+        if (!w)
+          return;
+        const N = JSON.parse(w);
+        c(N);
+      } catch (w) {
+        console.error("Failed to load theme preference:", w);
+      } finally {
+        i(!1);
+      }
     }
-  );
+  }, [u, n]);
+  Ee(() => {
+    d();
+  }, [d]);
+  const f = B(async (w) => {
+    if (u)
+      try {
+        await u.setPreference(n, JSON.stringify(w));
+      } catch (N) {
+        console.error("Failed to save theme preference:", N);
+      }
+  }, [u, n]), p = B((w) => {
+    c(w), f(w);
+  }, [f]), S = y(() => [s, p], [s, p]);
+  return o ? /* @__PURE__ */ m(ft, { size: "large" }) : /* @__PURE__ */ m(t, { value: S, children: a });
 }
-function w() {
-  return H("shouldFilterErrors", !1);
+function _(e, t) {
+  const n = et([t, () => {
+  }]);
+  return { useUserPreferences: () => Fe(n), Provider: ({ children: o }) => /* @__PURE__ */ m(
+    pr,
+    {
+      context: n,
+      preferenceKey: e,
+      defaultPreferenceValue: t,
+      children: o
+    }
+  ) };
 }
-const ne = [];
-function b() {
-  return H("contentTypeFilters", ne);
+const wr = {
+  collectionPreferences: void 0,
+  preferredColumnWidths: []
+}, H = "list-har-entries", {
+  useUserPreferences: yr,
+  Provider: br
+} = _(`${H}.harEntriesTablePreferences`, wr), {
+  useUserPreferences: Re,
+  Provider: Tr
+} = _(`${H}.isCompareMode`, !1), {
+  useUserPreferences: ze,
+  Provider: Dr
+} = _(`${H}.shouldFilterErrors`, !1), Pr = [], {
+  useUserPreferences: Be,
+  Provider: Mr
+} = _(`${H}.contentTypeFilters`, Pr);
+function Or() {
+  const [e, t] = Re();
+  return /* @__PURE__ */ m(mt, { onChange: ({ detail: n }) => {
+    t(n.checked);
+  }, checked: e, children: "Enable comparison mode?" });
 }
-const S = K.map((e) => ({
+const Ne = ot.map((e) => ({
   value: e,
   label: e
 }));
-function re({ contentTypeFilters: e, onChange: n }) {
-  const t = S.filter(
-    ({ value: i }) => e.includes(i)
-  ), r = (i) => {
-    const s = i.map(({ value: d }) => d);
-    n(s);
+function xr() {
+  const [e, t] = Be(), n = Ne.filter(
+    ({ value: a }) => e.includes(a)
+  ), r = (a) => {
+    const o = a.map(({ value: i }) => i);
+    t(o);
   };
-  return /* @__PURE__ */ o(
-    J,
+  return /* @__PURE__ */ m(
+    ht,
     {
       placeholder: "Filter by content type",
-      selectedOptions: t,
-      onChange: ({ detail: i }) => {
-        r(i.selectedOptions);
-      },
-      options: S
+      options: Ne,
+      selectedOptions: n,
+      onChange: ({ detail: a }) => {
+        r(a.selectedOptions);
+      }
     }
   );
 }
-const I = "ERRORS", oe = "ALL";
-function ie({ shouldFilterErrors: e, onChange: n }) {
-  return /* @__PURE__ */ o(
-    Q,
+const Ye = "ALL", V = "ERRORS";
+function Sr() {
+  const [e, t] = ze();
+  return /* @__PURE__ */ m(
+    gt,
     {
       options: [
-        { text: "All", id: "ALL" },
-        { text: "Errors", id: I }
+        { text: "All", id: Ye },
+        { text: "Errors", id: V }
       ],
-      selectedId: e ? I : oe,
-      onChange: ({ detail: t }) => {
-        const r = t.selectedId === I;
-        n(r);
+      selectedId: e ? V : Ye,
+      onChange: ({ detail: n }) => {
+        const r = n.selectedId === V;
+        t(r);
       }
     }
   );
 }
-function se() {
-  const [e, n] = b(), [t, r] = w();
-  return /* @__PURE__ */ x(X, { children: [
-    /* @__PURE__ */ o(re, { contentTypeFilters: e, onChange: n }),
-    /* @__PURE__ */ o(ie, { shouldFilterErrors: t, onChange: r })
-  ] });
-}
-const $ = {
-  rowSpan: 4,
-  columnSpan: 12
-}, T = "har-entries-viewer", ce = [
-  {
-    ...$,
-    id: T
-  }
-];
-function ve(e) {
-  const { title: n = "HAR Entries", harEntries: t } = e, [r, i] = y(t), [s, d] = y([]), [h, u] = y(ce);
-  if (t !== r) {
-    i(t);
-    const c = t.map(f), a = s.filter((m) => c.includes(f(m)));
-    a.length !== s.length && d(a);
-  }
-  const A = (c) => {
-    u(c);
-  }, R = (c) => {
-    d(c);
-    const a = c.map(f);
-    u((m) => {
-      const g = m.filter(({ id: l }) => a.includes(l) || l === T), z = g.map(({ id: l }) => l), O = a.filter((l) => !z.includes(l)), { rowSpan: B, columnSpan: N } = g.at(1) ?? $, P = O.map((l) => ({
-        rowSpan: B,
-        columnSpan: N,
-        id: l
-      }));
-      return [...g, ...P];
-    });
-  }, E = F(() => V(r), [r]), [v] = b(), [D] = w(), C = F(() => W(D ? E : r, v), [D, E, r, v]), L = s.reduce((c, a) => {
-    const m = f(a);
+const Nr = {
+  shortUrl: {
+    header: "Short URL",
+    cell: (e) => {
+      const { url: t } = e.request;
+      return { value: t.split("/").at(-1) || t };
+    }
+  },
+  url: {
+    header: "URL",
+    isVisibleByDefault: !1,
+    cell: (e) => ({ value: e.request.url })
+  },
+  method: {
+    header: "Method",
+    width: 140,
+    cell: (e) => ({ value: e.request.method })
+  },
+  status: {
+    header: "Status",
+    type: "number",
+    width: 120,
+    cell: (e) => {
+      const t = e.response.status, n = e.response._error, r = /* @__PURE__ */ ve(z, { type: "error", children: [
+        t,
+        " ",
+        n && `(${n})`
+      ] });
+      return lt(e) ? {
+        value: t,
+        content: r
+      } : t >= 300 ? {
+        value: t,
+        content: /* @__PURE__ */ m(z, { type: "warning", children: t })
+      } : t >= 200 ? {
+        value: t,
+        content: /* @__PURE__ */ m(z, { type: "success", children: t })
+      } : { value: t, content: r };
+    }
+  },
+  mimeType: {
+    header: "Mime type",
+    width: 240,
+    cell: (e) => ({ value: e.response.content.mimeType })
+  },
+  timeTaken: {
+    header: "Time taken",
+    type: "number",
+    width: 160,
+    cell: (e) => {
+      const t = e.time, n = `${Math.ceil(t)} ms`;
+      return { value: t, content: n };
+    }
+  },
+  size: {
+    header: "Size",
+    type: "number",
+    width: 120,
+    cell: (e) => {
+      const t = e.response.content.size, n = Pt(t);
+      return { value: t, content: n };
+    }
+  },
+  localStartTime: {
+    header: `Started on (${hr()})`,
+    type: "date",
+    width: 280,
+    cell: ({ startedDateTime: e }) => {
+      const t = new Date(e), n = Se(e);
+      return { value: t, content: n };
+    }
+  },
+  UTCstartTime: {
+    header: "Started on (UTC)",
+    type: "date",
+    width: 280,
+    isVisibleByDefault: !1,
+    cell: ({ startedDateTime: e }) => {
+      const t = new Date(e), n = Se(e, "UTC");
+      return { value: t, content: n };
+    }
+  }
+};
+function Ce(e, t) {
+  return e.reduce((n, r) => (n[`${t}_${r}`] = {
+    header: `${t}.${r}`,
+    width: 200,
+    isVisibleByDefault: !1,
+    type: "list",
+    cell: (a) => ({ value: a[t].headers.filter(({ name: i }) => i === r).map(({ value: i }) => i) })
+  }, n), {});
+}
+function Yr({
+  title: e = "HAR Entries",
+  harEntries: t,
+  selectedHAREntries: n,
+  onSelectionChange: r
+}) {
+  const a = y(() => {
+    const d = oe(t, "request"), f = oe(t, "response"), p = Ce(d, "request"), S = Ce(f, "response");
     return {
-      ...c,
-      [m]: {
-        title: "Details",
-        content: /* @__PURE__ */ o(G, { harEntry: a })
-      }
+      ...Nr,
+      ...p,
+      ...S
     };
-  }, {}), _ = {
-    [T]: {
-      title: n,
-      counter: `(${C.length}/${r.length})`,
-      actions: /* @__PURE__ */ o(se, {}),
-      content: /* @__PURE__ */ o(
-        Y,
+  }, [t]), o = y(() => st(t), [t]), [i] = Be(), [s] = ze(), c = y(() => ct(s ? o : t, i), [s, o, t, i]), [u] = Re();
+  return Ee(() => {
+    !u && n.length > 1 && r([]);
+  }, [u, n.length, r]), /* @__PURE__ */ m(br, { children: /* @__PURE__ */ m(
+    Ct,
+    {
+      useTablePreferences: yr,
+      contentDensity: "compact",
+      columnsDefinition: a,
+      items: c,
+      getRowId: ut,
+      empty: "No HAR entries found",
+      selectionType: u ? "multi" : "single",
+      isEntireRowSelectable: !0,
+      selectedItems: n,
+      onSelectionChange: r,
+      header: /* @__PURE__ */ m(
+        Ke,
         {
-          harEntries: C,
-          onChange: R
+          description: /* @__PURE__ */ m(Or, {}),
+          counter: `(${c.length}/${t.length})`,
+          actions: /* @__PURE__ */ ve(vt, { children: [
+            /* @__PURE__ */ m(xr, {}),
+            /* @__PURE__ */ m(Sr, {})
+          ] }),
+          children: e
         }
       )
-    },
-    ...L
-  };
-  return /* @__PURE__ */ o(
-    te,
-    {
-      components: _,
-      definitions: h,
-      onDefinitionsChange: A
     }
-  );
+  ) });
+}
+function qr(e) {
+  return /* @__PURE__ */ m(Tr, { children: /* @__PURE__ */ m(Mr, { children: /* @__PURE__ */ m(Dr, { children: /* @__PURE__ */ m(Yr, { ...e }) }) }) });
 }
 export {
-  ve as H,
-  se as a,
-  X as b
+  vt as H,
+  qr as L,
+  _ as c
 };