@gobolt/genesis 0.0.7 → 0.0.9

package/dist/components/Notification/Notification.js

@@ -0,0 +1,1370 @@
+import { jsxs as X, jsx as b } from "react/jsx-runtime";
+import { SIZE as _, TYPOGRAPHY_VARIANT as S, STATE as x } from "../../constants/index.js";
+import J from "../Badge/Badge.js";
+import "../Breadcrumb/styles.js";
+import "../../providers/ThemeProvider.js";
+import { a as C } from "../../Typography-aGoDUl4R.js";
+import { n as U } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import "../Button/styles.js";
+import "../Checkbox/styles.js";
+import "../ErrorBoundaryFallback/styles.js";
+import "../Input/styles.js";
+import "../Message/styles.js";
+import "react";
+import "../Select/styles.js";
+import "../Toast/styles.js";
+import { NotificationRow as K, NotificationUnread as Z, NotificationContent as z, NotificationActionButton as tt, ChevronButton as et } from "./styles.js";
+import nt from "./NotificationRightChevron.js";
+function d(t) {
+  const e = Object.prototype.toString.call(t);
+  return t instanceof Date || typeof t == "object" && e === "[object Date]" ? new t.constructor(+t) : typeof t == "number" || e === "[object Number]" || typeof t == "string" || e === "[object String]" ? new Date(t) : /* @__PURE__ */ new Date(NaN);
+}
+function D(t, e) {
+  return t instanceof Date ? new t.constructor(e) : new Date(e);
+}
+const A = 6048e5, rt = 864e5, W = 43200, H = 1440;
+let at = {};
+function T() {
+  return at;
+}
+function p(t, e) {
+  var i, u, f, h;
+  const n = T(), r = (e == null ? void 0 : e.weekStartsOn) ?? ((u = (i = e == null ? void 0 : e.locale) == null ? void 0 : i.options) == null ? void 0 : u.weekStartsOn) ?? n.weekStartsOn ?? ((h = (f = n.locale) == null ? void 0 : f.options) == null ? void 0 : h.weekStartsOn) ?? 0, a = d(t), o = a.getDay(), s = (o < r ? 7 : 0) + o - r;
+  return a.setDate(a.getDate() - s), a.setHours(0, 0, 0, 0), a;
+}
+function F(t) {
+  return p(t, { weekStartsOn: 1 });
+}
+function B(t) {
+  const e = d(t), n = e.getFullYear(), r = D(t, 0);
+  r.setFullYear(n + 1, 0, 4), r.setHours(0, 0, 0, 0);
+  const a = F(r), o = D(t, 0);
+  o.setFullYear(n, 0, 4), o.setHours(0, 0, 0, 0);
+  const s = F(o);
+  return e.getTime() >= a.getTime() ? n + 1 : e.getTime() >= s.getTime() ? n : n - 1;
+}
+function R(t) {
+  const e = d(t);
+  return e.setHours(0, 0, 0, 0), e;
+}
+function N(t) {
+  const e = d(t), n = new Date(
+    Date.UTC(
+      e.getFullYear(),
+      e.getMonth(),
+      e.getDate(),
+      e.getHours(),
+      e.getMinutes(),
+      e.getSeconds(),
+      e.getMilliseconds()
+    )
+  );
+  return n.setUTCFullYear(e.getFullYear()), +t - +n;
+}
+function ot(t, e) {
+  const n = R(t), r = R(e), a = +n - N(n), o = +r - N(r);
+  return Math.round((a - o) / rt);
+}
+function it(t) {
+  const e = B(t), n = D(t, 0);
+  return n.setFullYear(e, 0, 4), n.setHours(0, 0, 0, 0), F(n);
+}
+function Y(t, e) {
+  const n = d(t), r = d(e), a = n.getTime() - r.getTime();
+  return a < 0 ? -1 : a > 0 ? 1 : a;
+}
+function st(t) {
+  return D(t, Date.now());
+}
+function ct(t) {
+  return t instanceof Date || typeof t == "object" && Object.prototype.toString.call(t) === "[object Date]";
+}
+function ut(t) {
+  if (!ct(t) && typeof t != "number")
+    return !1;
+  const e = d(t);
+  return !isNaN(Number(e));
+}
+function dt(t, e) {
+  const n = d(t), r = d(e), a = n.getFullYear() - r.getFullYear(), o = n.getMonth() - r.getMonth();
+  return a * 12 + o;
+}
+function ft(t) {
+  return (e) => {
+    const r = (t ? Math[t] : Math.trunc)(e);
+    return r === 0 ? 0 : r;
+  };
+}
+function ht(t, e) {
+  return +d(t) - +d(e);
+}
+function lt(t) {
+  const e = d(t);
+  return e.setHours(23, 59, 59, 999), e;
+}
+function mt(t) {
+  const e = d(t), n = e.getMonth();
+  return e.setFullYear(e.getFullYear(), n + 1, 0), e.setHours(23, 59, 59, 999), e;
+}
+function gt(t) {
+  const e = d(t);
+  return +lt(e) == +mt(e);
+}
+function wt(t, e) {
+  const n = d(t), r = d(e), a = Y(n, r), o = Math.abs(
+    dt(n, r)
+  );
+  let s;
+  if (o < 1)
+    s = 0;
+  else {
+    n.getMonth() === 1 && n.getDate() > 27 && n.setDate(30), n.setMonth(n.getMonth() - a * o);
+    let i = Y(n, r) === -a;
+    gt(d(t)) && o === 1 && Y(t, r) === 1 && (i = !1), s = a * (o - Number(i));
+  }
+  return s === 0 ? 0 : s;
+}
+function yt(t, e, n) {
+  const r = ht(t, e) / 1e3;
+  return ft(n == null ? void 0 : n.roundingMethod)(r);
+}
+function bt(t) {
+  const e = d(t), n = D(t, 0);
+  return n.setFullYear(e.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
+}
+const Mt = {
+  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"
+  }
+}, Dt = (t, e, n) => {
+  let r;
+  const a = Mt[t];
+  return typeof a == "string" ? r = a : e === 1 ? r = a.one : r = a.other.replace("{{count}}", e.toString()), n != null && n.addSuffix ? n.comparison && n.comparison > 0 ? "in " + r : r + " ago" : r;
+};
+function q(t) {
+  return (e = {}) => {
+    const n = e.width ? String(e.width) : t.defaultWidth;
+    return t.formats[n] || t.formats[t.defaultWidth];
+  };
+}
+const Ot = {
+  full: "EEEE, MMMM do, y",
+  long: "MMMM do, y",
+  medium: "MMM d, y",
+  short: "MM/dd/yyyy"
+}, Pt = {
+  full: "h:mm:ss a zzzz",
+  long: "h:mm:ss a z",
+  medium: "h:mm:ss a",
+  short: "h:mm a"
+}, xt = {
+  full: "{{date}} 'at' {{time}}",
+  long: "{{date}} 'at' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+}, vt = {
+  date: q({
+    formats: Ot,
+    defaultWidth: "full"
+  }),
+  time: q({
+    formats: Pt,
+    defaultWidth: "full"
+  }),
+  dateTime: q({
+    formats: xt,
+    defaultWidth: "full"
+  })
+}, kt = {
+  lastWeek: "'last' eeee 'at' p",
+  yesterday: "'yesterday at' p",
+  today: "'today at' p",
+  tomorrow: "'tomorrow at' p",
+  nextWeek: "eeee 'at' p",
+  other: "P"
+}, pt = (t, e, n, r) => kt[t];
+function v(t) {
+  return (e, n) => {
+    const r = n != null && n.context ? String(n.context) : "standalone";
+    let a;
+    if (r === "formatting" && t.formattingValues) {
+      const s = t.defaultFormattingWidth || t.defaultWidth, i = n != null && n.width ? String(n.width) : s;
+      a = t.formattingValues[i] || t.formattingValues[s];
+    } else {
+      const s = t.defaultWidth, i = n != null && n.width ? String(n.width) : t.defaultWidth;
+      a = t.values[i] || t.values[s];
+    }
+    const o = t.argumentCallback ? t.argumentCallback(e) : e;
+    return a[o];
+  };
+}
+const Tt = {
+  narrow: ["B", "A"],
+  abbreviated: ["BC", "AD"],
+  wide: ["Before Christ", "Anno Domini"]
+}, St = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["Q1", "Q2", "Q3", "Q4"],
+  wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
+}, Wt = {
+  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"
+  ]
+}, Yt = {
+  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"
+  ]
+}, Ft = {
+  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"
+  }
+}, Nt = {
+  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"
+  }
+}, Et = (t, e) => {
+  const n = Number(t), 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";
+}, Ct = {
+  ordinalNumber: Et,
+  era: v({
+    values: Tt,
+    defaultWidth: "wide"
+  }),
+  quarter: v({
+    values: St,
+    defaultWidth: "wide",
+    argumentCallback: (t) => t - 1
+  }),
+  month: v({
+    values: Wt,
+    defaultWidth: "wide"
+  }),
+  day: v({
+    values: Yt,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: v({
+    values: Ft,
+    defaultWidth: "wide",
+    formattingValues: Nt,
+    defaultFormattingWidth: "wide"
+  })
+};
+function k(t) {
+  return (e, n = {}) => {
+    const r = n.width, a = r && t.matchPatterns[r] || t.matchPatterns[t.defaultMatchWidth], o = e.match(a);
+    if (!o)
+      return null;
+    const s = o[0], i = r && t.parsePatterns[r] || t.parsePatterns[t.defaultParseWidth], u = Array.isArray(i) ? Xt(i, (w) => w.test(s)) : (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
+      qt(i, (w) => w.test(s))
+    );
+    let f;
+    f = t.valueCallback ? t.valueCallback(u) : u, f = n.valueCallback ? (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
+      n.valueCallback(f)
+    ) : f;
+    const h = e.slice(s.length);
+    return { value: f, rest: h };
+  };
+}
+function qt(t, e) {
+  for (const n in t)
+    if (Object.prototype.hasOwnProperty.call(t, n) && e(t[n]))
+      return n;
+}
+function Xt(t, e) {
+  for (let n = 0; n < t.length; n++)
+    if (e(t[n]))
+      return n;
+}
+function _t(t) {
+  return (e, n = {}) => {
+    const r = e.match(t.matchPattern);
+    if (!r) return null;
+    const a = r[0], o = e.match(t.parsePattern);
+    if (!o) return null;
+    let s = t.valueCallback ? t.valueCallback(o[0]) : o[0];
+    s = n.valueCallback ? n.valueCallback(s) : s;
+    const i = e.slice(a.length);
+    return { value: s, rest: i };
+  };
+}
+const Ht = /^(\d+)(th|st|nd|rd)?/i, Rt = /\d+/i, Lt = {
+  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
+}, jt = {
+  any: [/^b/i, /^(a|c)/i]
+}, It = {
+  narrow: /^[1234]/i,
+  abbreviated: /^q[1234]/i,
+  wide: /^[1234](th|st|nd|rd)? quarter/i
+}, Qt = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, At = {
+  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
+}, Bt = {
+  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
+  ]
+}, Gt = {
+  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
+}, Vt = {
+  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]
+}, $t = {
+  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
+}, Jt = {
+  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
+  }
+}, Ut = {
+  ordinalNumber: _t({
+    matchPattern: Ht,
+    parsePattern: Rt,
+    valueCallback: (t) => parseInt(t, 10)
+  }),
+  era: k({
+    matchPatterns: Lt,
+    defaultMatchWidth: "wide",
+    parsePatterns: jt,
+    defaultParseWidth: "any"
+  }),
+  quarter: k({
+    matchPatterns: It,
+    defaultMatchWidth: "wide",
+    parsePatterns: Qt,
+    defaultParseWidth: "any",
+    valueCallback: (t) => t + 1
+  }),
+  month: k({
+    matchPatterns: At,
+    defaultMatchWidth: "wide",
+    parsePatterns: Bt,
+    defaultParseWidth: "any"
+  }),
+  day: k({
+    matchPatterns: Gt,
+    defaultMatchWidth: "wide",
+    parsePatterns: Vt,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: k({
+    matchPatterns: $t,
+    defaultMatchWidth: "any",
+    parsePatterns: Jt,
+    defaultParseWidth: "any"
+  })
+}, G = {
+  code: "en-US",
+  formatDistance: Dt,
+  formatLong: vt,
+  formatRelative: pt,
+  localize: Ct,
+  match: Ut,
+  options: {
+    weekStartsOn: 0,
+    firstWeekContainsDate: 1
+  }
+};
+function Kt(t) {
+  const e = d(t);
+  return ot(e, bt(e)) + 1;
+}
+function Zt(t) {
+  const e = d(t), n = +F(e) - +it(e);
+  return Math.round(n / A) + 1;
+}
+function V(t, e) {
+  var h, w, l, y;
+  const n = d(t), r = n.getFullYear(), a = T(), o = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((w = (h = e == null ? void 0 : e.locale) == null ? void 0 : h.options) == null ? void 0 : w.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((y = (l = a.locale) == null ? void 0 : l.options) == null ? void 0 : y.firstWeekContainsDate) ?? 1, s = D(t, 0);
+  s.setFullYear(r + 1, 0, o), s.setHours(0, 0, 0, 0);
+  const i = p(s, e), u = D(t, 0);
+  u.setFullYear(r, 0, o), u.setHours(0, 0, 0, 0);
+  const f = p(u, e);
+  return n.getTime() >= i.getTime() ? r + 1 : n.getTime() >= f.getTime() ? r : r - 1;
+}
+function zt(t, e) {
+  var i, u, f, h;
+  const n = T(), r = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((u = (i = e == null ? void 0 : e.locale) == null ? void 0 : i.options) == null ? void 0 : u.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((h = (f = n.locale) == null ? void 0 : f.options) == null ? void 0 : h.firstWeekContainsDate) ?? 1, a = V(t, e), o = D(t, 0);
+  return o.setFullYear(a, 0, r), o.setHours(0, 0, 0, 0), p(o, e);
+}
+function te(t, e) {
+  const n = d(t), r = +p(n, e) - +zt(n, e);
+  return Math.round(r / A) + 1;
+}
+function c(t, e) {
+  const n = t < 0 ? "-" : "", r = Math.abs(t).toString().padStart(e, "0");
+  return n + r;
+}
+const M = {
+  // Year
+  y(t, e) {
+    const n = t.getFullYear(), r = n > 0 ? n : 1 - n;
+    return c(e === "yy" ? r % 100 : r, e.length);
+  },
+  // Month
+  M(t, e) {
+    const n = t.getMonth();
+    return e === "M" ? String(n + 1) : c(n + 1, 2);
+  },
+  // Day of the month
+  d(t, e) {
+    return c(t.getDate(), e.length);
+  },
+  // AM or PM
+  a(t, e) {
+    const n = t.getHours() / 12 >= 1 ? "pm" : "am";
+    switch (e) {
+      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(t, e) {
+    return c(t.getHours() % 12 || 12, e.length);
+  },
+  // Hour [0-23]
+  H(t, e) {
+    return c(t.getHours(), e.length);
+  },
+  // Minute
+  m(t, e) {
+    return c(t.getMinutes(), e.length);
+  },
+  // Second
+  s(t, e) {
+    return c(t.getSeconds(), e.length);
+  },
+  // Fraction of second
+  S(t, e) {
+    const n = e.length, r = t.getMilliseconds(), a = Math.trunc(
+      r * Math.pow(10, n - 3)
+    );
+    return c(a, e.length);
+  }
+}, P = {
+  am: "am",
+  pm: "pm",
+  midnight: "midnight",
+  noon: "noon",
+  morning: "morning",
+  afternoon: "afternoon",
+  evening: "evening",
+  night: "night"
+}, L = {
+  // Era
+  G: function(t, e, n) {
+    const r = t.getFullYear() > 0 ? 1 : 0;
+    switch (e) {
+      case "G":
+      case "GG":
+      case "GGG":
+        return n.era(r, { width: "abbreviated" });
+      case "GGGGG":
+        return n.era(r, { width: "narrow" });
+      case "GGGG":
+      default:
+        return n.era(r, { width: "wide" });
+    }
+  },
+  // Year
+  y: function(t, e, n) {
+    if (e === "yo") {
+      const r = t.getFullYear(), a = r > 0 ? r : 1 - r;
+      return n.ordinalNumber(a, { unit: "year" });
+    }
+    return M.y(t, e);
+  },
+  // Local week-numbering year
+  Y: function(t, e, n, r) {
+    const a = V(t, r), o = a > 0 ? a : 1 - a;
+    if (e === "YY") {
+      const s = o % 100;
+      return c(s, 2);
+    }
+    return e === "Yo" ? n.ordinalNumber(o, { unit: "year" }) : c(o, e.length);
+  },
+  // ISO week-numbering year
+  R: function(t, e) {
+    const n = B(t);
+    return c(n, e.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(t, e) {
+    const n = t.getFullYear();
+    return c(n, e.length);
+  },
+  // Quarter
+  Q: function(t, e, n) {
+    const r = Math.ceil((t.getMonth() + 1) / 3);
+    switch (e) {
+      case "Q":
+        return String(r);
+      case "QQ":
+        return c(r, 2);
+      case "Qo":
+        return n.ordinalNumber(r, { unit: "quarter" });
+      case "QQQ":
+        return n.quarter(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "QQQQQ":
+        return n.quarter(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "QQQQ":
+      default:
+        return n.quarter(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone quarter
+  q: function(t, e, n) {
+    const r = Math.ceil((t.getMonth() + 1) / 3);
+    switch (e) {
+      case "q":
+        return String(r);
+      case "qq":
+        return c(r, 2);
+      case "qo":
+        return n.ordinalNumber(r, { unit: "quarter" });
+      case "qqq":
+        return n.quarter(r, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      case "qqqqq":
+        return n.quarter(r, {
+          width: "narrow",
+          context: "standalone"
+        });
+      case "qqqq":
+      default:
+        return n.quarter(r, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // Month
+  M: function(t, e, n) {
+    const r = t.getMonth();
+    switch (e) {
+      case "M":
+      case "MM":
+        return M.M(t, e);
+      case "Mo":
+        return n.ordinalNumber(r + 1, { unit: "month" });
+      case "MMM":
+        return n.month(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "MMMMM":
+        return n.month(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "MMMM":
+      default:
+        return n.month(r, { width: "wide", context: "formatting" });
+    }
+  },
+  // Stand-alone month
+  L: function(t, e, n) {
+    const r = t.getMonth();
+    switch (e) {
+      case "L":
+        return String(r + 1);
+      case "LL":
+        return c(r + 1, 2);
+      case "Lo":
+        return n.ordinalNumber(r + 1, { unit: "month" });
+      case "LLL":
+        return n.month(r, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      case "LLLLL":
+        return n.month(r, {
+          width: "narrow",
+          context: "standalone"
+        });
+      case "LLLL":
+      default:
+        return n.month(r, { width: "wide", context: "standalone" });
+    }
+  },
+  // Local week of year
+  w: function(t, e, n, r) {
+    const a = te(t, r);
+    return e === "wo" ? n.ordinalNumber(a, { unit: "week" }) : c(a, e.length);
+  },
+  // ISO week of year
+  I: function(t, e, n) {
+    const r = Zt(t);
+    return e === "Io" ? n.ordinalNumber(r, { unit: "week" }) : c(r, e.length);
+  },
+  // Day of the month
+  d: function(t, e, n) {
+    return e === "do" ? n.ordinalNumber(t.getDate(), { unit: "date" }) : M.d(t, e);
+  },
+  // Day of year
+  D: function(t, e, n) {
+    const r = Kt(t);
+    return e === "Do" ? n.ordinalNumber(r, { unit: "dayOfYear" }) : c(r, e.length);
+  },
+  // Day of week
+  E: function(t, e, n) {
+    const r = t.getDay();
+    switch (e) {
+      case "E":
+      case "EE":
+      case "EEE":
+        return n.day(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "EEEEE":
+        return n.day(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "EEEEEE":
+        return n.day(r, {
+          width: "short",
+          context: "formatting"
+        });
+      case "EEEE":
+      default:
+        return n.day(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Local day of week
+  e: function(t, e, n, r) {
+    const a = t.getDay(), o = (a - r.weekStartsOn + 8) % 7 || 7;
+    switch (e) {
+      case "e":
+        return String(o);
+      case "ee":
+        return c(o, 2);
+      case "eo":
+        return n.ordinalNumber(o, { unit: "day" });
+      case "eee":
+        return n.day(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "eeeee":
+        return n.day(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "eeeeee":
+        return n.day(a, {
+          width: "short",
+          context: "formatting"
+        });
+      case "eeee":
+      default:
+        return n.day(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone local day of week
+  c: function(t, e, n, r) {
+    const a = t.getDay(), o = (a - r.weekStartsOn + 8) % 7 || 7;
+    switch (e) {
+      case "c":
+        return String(o);
+      case "cc":
+        return c(o, e.length);
+      case "co":
+        return n.ordinalNumber(o, { unit: "day" });
+      case "ccc":
+        return n.day(a, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      case "ccccc":
+        return n.day(a, {
+          width: "narrow",
+          context: "standalone"
+        });
+      case "cccccc":
+        return n.day(a, {
+          width: "short",
+          context: "standalone"
+        });
+      case "cccc":
+      default:
+        return n.day(a, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // ISO day of week
+  i: function(t, e, n) {
+    const r = t.getDay(), a = r === 0 ? 7 : r;
+    switch (e) {
+      case "i":
+        return String(a);
+      case "ii":
+        return c(a, e.length);
+      case "io":
+        return n.ordinalNumber(a, { unit: "day" });
+      case "iii":
+        return n.day(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "iiiii":
+        return n.day(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "iiiiii":
+        return n.day(r, {
+          width: "short",
+          context: "formatting"
+        });
+      case "iiii":
+      default:
+        return n.day(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM or PM
+  a: function(t, e, n) {
+    const a = t.getHours() / 12 >= 1 ? "pm" : "am";
+    switch (e) {
+      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(t, e, n) {
+    const r = t.getHours();
+    let a;
+    switch (r === 12 ? a = P.noon : r === 0 ? a = P.midnight : a = r / 12 >= 1 ? "pm" : "am", e) {
+      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(t, e, n) {
+    const r = t.getHours();
+    let a;
+    switch (r >= 17 ? a = P.evening : r >= 12 ? a = P.afternoon : r >= 4 ? a = P.morning : a = P.night, e) {
+      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(t, e, n) {
+    if (e === "ho") {
+      let r = t.getHours() % 12;
+      return r === 0 && (r = 12), n.ordinalNumber(r, { unit: "hour" });
+    }
+    return M.h(t, e);
+  },
+  // Hour [0-23]
+  H: function(t, e, n) {
+    return e === "Ho" ? n.ordinalNumber(t.getHours(), { unit: "hour" }) : M.H(t, e);
+  },
+  // Hour [0-11]
+  K: function(t, e, n) {
+    const r = t.getHours() % 12;
+    return e === "Ko" ? n.ordinalNumber(r, { unit: "hour" }) : c(r, e.length);
+  },
+  // Hour [1-24]
+  k: function(t, e, n) {
+    let r = t.getHours();
+    return r === 0 && (r = 24), e === "ko" ? n.ordinalNumber(r, { unit: "hour" }) : c(r, e.length);
+  },
+  // Minute
+  m: function(t, e, n) {
+    return e === "mo" ? n.ordinalNumber(t.getMinutes(), { unit: "minute" }) : M.m(t, e);
+  },
+  // Second
+  s: function(t, e, n) {
+    return e === "so" ? n.ordinalNumber(t.getSeconds(), { unit: "second" }) : M.s(t, e);
+  },
+  // Fraction of second
+  S: function(t, e) {
+    return M.S(t, e);
+  },
+  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
+  X: function(t, e, n) {
+    const r = t.getTimezoneOffset();
+    if (r === 0)
+      return "Z";
+    switch (e) {
+      case "X":
+        return I(r);
+      case "XXXX":
+      case "XX":
+        return O(r);
+      case "XXXXX":
+      case "XXX":
+      default:
+        return O(r, ":");
+    }
+  },
+  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
+  x: function(t, e, n) {
+    const r = t.getTimezoneOffset();
+    switch (e) {
+      case "x":
+        return I(r);
+      case "xxxx":
+      case "xx":
+        return O(r);
+      case "xxxxx":
+      case "xxx":
+      default:
+        return O(r, ":");
+    }
+  },
+  // Timezone (GMT)
+  O: function(t, e, n) {
+    const r = t.getTimezoneOffset();
+    switch (e) {
+      case "O":
+      case "OO":
+      case "OOO":
+        return "GMT" + j(r, ":");
+      case "OOOO":
+      default:
+        return "GMT" + O(r, ":");
+    }
+  },
+  // Timezone (specific non-location)
+  z: function(t, e, n) {
+    const r = t.getTimezoneOffset();
+    switch (e) {
+      case "z":
+      case "zz":
+      case "zzz":
+        return "GMT" + j(r, ":");
+      case "zzzz":
+      default:
+        return "GMT" + O(r, ":");
+    }
+  },
+  // Seconds timestamp
+  t: function(t, e, n) {
+    const r = Math.trunc(t.getTime() / 1e3);
+    return c(r, e.length);
+  },
+  // Milliseconds timestamp
+  T: function(t, e, n) {
+    const r = t.getTime();
+    return c(r, e.length);
+  }
+};
+function j(t, e = "") {
+  const n = t > 0 ? "-" : "+", r = Math.abs(t), a = Math.trunc(r / 60), o = r % 60;
+  return o === 0 ? n + String(a) : n + String(a) + e + c(o, 2);
+}
+function I(t, e) {
+  return t % 60 === 0 ? (t > 0 ? "-" : "+") + c(Math.abs(t) / 60, 2) : O(t, e);
+}
+function O(t, e = "") {
+  const n = t > 0 ? "-" : "+", r = Math.abs(t), a = c(Math.trunc(r / 60), 2), o = c(r % 60, 2);
+  return n + a + e + o;
+}
+const Q = (t, e) => {
+  switch (t) {
+    case "P":
+      return e.date({ width: "short" });
+    case "PP":
+      return e.date({ width: "medium" });
+    case "PPP":
+      return e.date({ width: "long" });
+    case "PPPP":
+    default:
+      return e.date({ width: "full" });
+  }
+}, $ = (t, e) => {
+  switch (t) {
+    case "p":
+      return e.time({ width: "short" });
+    case "pp":
+      return e.time({ width: "medium" });
+    case "ppp":
+      return e.time({ width: "long" });
+    case "pppp":
+    default:
+      return e.time({ width: "full" });
+  }
+}, ee = (t, e) => {
+  const n = t.match(/(P+)(p+)?/) || [], r = n[1], a = n[2];
+  if (!a)
+    return Q(t, e);
+  let o;
+  switch (r) {
+    case "P":
+      o = e.dateTime({ width: "short" });
+      break;
+    case "PP":
+      o = e.dateTime({ width: "medium" });
+      break;
+    case "PPP":
+      o = e.dateTime({ width: "long" });
+      break;
+    case "PPPP":
+    default:
+      o = e.dateTime({ width: "full" });
+      break;
+  }
+  return o.replace("{{date}}", Q(r, e)).replace("{{time}}", $(a, e));
+}, ne = {
+  p: $,
+  P: ee
+}, re = /^D+$/, ae = /^Y+$/, oe = ["D", "DD", "YY", "YYYY"];
+function ie(t) {
+  return re.test(t);
+}
+function se(t) {
+  return ae.test(t);
+}
+function ce(t, e, n) {
+  const r = ue(t, e, n);
+  if (console.warn(r), oe.includes(t)) throw new RangeError(r);
+}
+function ue(t, e, n) {
+  const r = t[0] === "Y" ? "years" : "days of the month";
+  return `Use \`${t.toLowerCase()}\` instead of \`${t}\` (in \`${e}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
+}
+const de = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, fe = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, he = /^'([^]*?)'?$/, le = /''/g, me = /[a-zA-Z]/;
+function ge(t, e, n) {
+  var h, w, l, y;
+  const r = T(), a = r.locale ?? G, o = r.firstWeekContainsDate ?? ((w = (h = r.locale) == null ? void 0 : h.options) == null ? void 0 : w.firstWeekContainsDate) ?? 1, s = r.weekStartsOn ?? ((y = (l = r.locale) == null ? void 0 : l.options) == null ? void 0 : y.weekStartsOn) ?? 0, i = d(t);
+  if (!ut(i))
+    throw new RangeError("Invalid time value");
+  let u = e.match(fe).map((m) => {
+    const g = m[0];
+    if (g === "p" || g === "P") {
+      const E = ne[g];
+      return E(m, a.formatLong);
+    }
+    return m;
+  }).join("").match(de).map((m) => {
+    if (m === "''")
+      return { isToken: !1, value: "'" };
+    const g = m[0];
+    if (g === "'")
+      return { isToken: !1, value: we(m) };
+    if (L[g])
+      return { isToken: !0, value: m };
+    if (g.match(me))
+      throw new RangeError(
+        "Format string contains an unescaped latin alphabet character `" + g + "`"
+      );
+    return { isToken: !1, value: m };
+  });
+  a.localize.preprocessor && (u = a.localize.preprocessor(i, u));
+  const f = {
+    firstWeekContainsDate: o,
+    weekStartsOn: s,
+    locale: a
+  };
+  return u.map((m) => {
+    if (!m.isToken) return m.value;
+    const g = m.value;
+    (se(g) || ie(g)) && ce(g, e, String(t));
+    const E = L[g[0]];
+    return E(i, g, a.localize, f);
+  }).join("");
+}
+function we(t) {
+  const e = t.match(he);
+  return e ? e[1].replace(le, "'") : t;
+}
+function ye(t, e, n) {
+  const r = T(), a = (n == null ? void 0 : n.locale) ?? r.locale ?? G, o = 2520, s = Y(t, e);
+  if (isNaN(s))
+    throw new RangeError("Invalid time value");
+  const i = Object.assign({}, n, {
+    addSuffix: n == null ? void 0 : n.addSuffix,
+    comparison: s
+  });
+  let u, f;
+  s > 0 ? (u = d(e), f = d(t)) : (u = d(t), f = d(e));
+  const h = yt(f, u), w = (N(f) - N(u)) / 1e3, l = Math.round((h - w) / 60);
+  let y;
+  if (l < 2)
+    return n != null && n.includeSeconds ? h < 5 ? a.formatDistance("lessThanXSeconds", 5, i) : h < 10 ? a.formatDistance("lessThanXSeconds", 10, i) : h < 20 ? a.formatDistance("lessThanXSeconds", 20, i) : h < 40 ? a.formatDistance("halfAMinute", 0, i) : h < 60 ? a.formatDistance("lessThanXMinutes", 1, i) : a.formatDistance("xMinutes", 1, i) : l === 0 ? a.formatDistance("lessThanXMinutes", 1, i) : a.formatDistance("xMinutes", l, i);
+  if (l < 45)
+    return a.formatDistance("xMinutes", l, i);
+  if (l < 90)
+    return a.formatDistance("aboutXHours", 1, i);
+  if (l < H) {
+    const m = Math.round(l / 60);
+    return a.formatDistance("aboutXHours", m, i);
+  } else {
+    if (l < o)
+      return a.formatDistance("xDays", 1, i);
+    if (l < W) {
+      const m = Math.round(l / H);
+      return a.formatDistance("xDays", m, i);
+    } else if (l < W * 2)
+      return y = Math.round(l / W), a.formatDistance("aboutXMonths", y, i);
+  }
+  if (y = wt(f, u), y < 12) {
+    const m = Math.round(l / W);
+    return a.formatDistance("xMonths", m, i);
+  } else {
+    const m = y % 12, g = Math.trunc(y / 12);
+    return m < 3 ? a.formatDistance("aboutXYears", g, i) : m < 9 ? a.formatDistance("overXYears", g, i) : a.formatDistance("almostXYears", g + 1, i);
+  }
+}
+function be(t, e) {
+  return ye(t, st(t), e);
+}
+const Me = (t, e) => {
+  switch (t) {
+    case x.warning:
+      return e.colors.status.warning.onsurface;
+    case x.error:
+      return e.colors.status.error.onsurface;
+    case x.success:
+      return e.colors.status.success.onsurface;
+    case x.generic:
+      return e.colors.status.generic.onsurface;
+    case x.info:
+    default:
+      return e.colors.status.info.onsurface;
+  }
+}, _e = ({
+  message: t,
+  state: e = x.info,
+  date: n,
+  action: r,
+  onArrowClick: a,
+  size: o = _.standard,
+  isUnread: s = !0,
+  hasFormattedDate: i = !1
+}) => {
+  const u = U();
+  Me(e, u), u.colors.interactive.utility.border, u.colors.interactive.utility.onsurface;
+  const f = " • ", h = n ? ge(new Date(n), "MMM d, h:mma") : "", w = n ? be(new Date(n), { addSuffix: !0 }) : "", l = i ? `${w}${f}${h}` : w, y = o === _.small ? S.body1 : S.body2;
+  return /* @__PURE__ */ X(K, { state: e, size: o, isUnread: s, children: [
+    s ? /* @__PURE__ */ b(Z, { state: e, size: o }) : /* @__PURE__ */ b("div", { style: { width: 8 } }),
+    /* @__PURE__ */ b(J, { state: e }),
+    /* @__PURE__ */ b(z, { size: o, children: /* @__PURE__ */ X("div", { children: [
+      /* @__PURE__ */ b(
+        C,
+        {
+          variant: S.body3,
+          color: u.colors.onsurface["copy-dark"],
+          isText: !0,
+          children: t
+        }
+      ),
+      /* @__PURE__ */ b("div", { style: { marginTop: 8 }, children: /* @__PURE__ */ b(
+        C,
+        {
+          variant: y,
+          color: u.colors.onsurface["copy-light"],
+          isText: !0,
+          children: l
+        }
+      ) })
+    ] }) }),
+    r ? /* @__PURE__ */ b(tt, { onClick: r.onClick, children: /* @__PURE__ */ b(
+      C,
+      {
+        variant: S.body1,
+        isText: !0,
+        children: r.label
+      }
+    ) }) : null,
+    a ? /* @__PURE__ */ b(et, { onClick: a, children: /* @__PURE__ */ b(nt, {}) }) : null
+  ] });
+};
+export {
+  _e as default
+};