@gobolt/genesis 0.1.6 → 0.2.1

package/dist/components/Notification/Notification.js

@@ -1,1463 +1,83 @@
-import { jsxs as X, jsx as b } from "react/jsx-runtime";
-import { SIZE as _, STATE as P, TYPOGRAPHY_VARIANT as S } from "../../constants/index.js";
-import "../Avatar/styles.js";
-import "../Badge/styles.js";
-import "../../providers/BreakpointThemeProvider.js";
-import { a as C } from "../../Typography-8BO7aTuQ.js";
-import { n as J } from "../../styled-components.browser.esm-C47QHsU4.js";
-import "../Breadcrumb/styles.js";
-import U from "../Button/Button.js";
-import "../Button/icon-button-styles.js";
-import "../Card/styles.js";
-import "../Checkbox/styles.js";
-import "../DateRangePicker/DateRangePicker.js";
-import "react";
-import "../ErrorBoundaryFallback/styles.js";
-import "../../styles-XuoEGUZZ.js";
-import "../Layout/Content/styles.js";
-import "../Message/styles.js";
-import "../../styles-DNay6iFa.js";
-import "../Progress/styles.js";
-import "../Row/styles.js";
-import "../../styles/global-styles.js";
-import "../Row/RowLabelValue/styles.js";
-import "../Row/RowActions/styles.js";
-import "../SegmentedControls/styles.js";
-import "../Select/styles.js";
-import "../Switch/styles.js";
-import "../../styles-Wpm1RiGr.js";
-import "../Tabs/styles.js";
-import "../Tile/styles.js";
-import "../Toast/styles.js";
-import "../Tooltip/styles.js";
-import K from "./NotificationBadge/NotificationBadge.js";
-import { NotificationRow as Z, NotificationUnread as z, NotificationContent 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 k(t, e) {
-  var i, u, f, l;
-  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 ?? ((l = (f = n.locale) == null ? void 0 : f.options) == null ? void 0 : l.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 k(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 lt(t, e) {
-  return +d(t) - +d(e);
-}
-function ht(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 +ht(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 = lt(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 pt = {
-  full: "EEEE, MMMM do, y",
-  long: "MMMM do, y",
-  medium: "MMM d, y",
-  short: "MM/dd/yyyy"
-}, Ot = {
-  full: "h:mm:ss a zzzz",
-  long: "h:mm:ss a z",
-  medium: "h:mm:ss a",
-  short: "h:mm a"
-}, Pt = {
-  full: "{{date}} 'at' {{time}}",
-  long: "{{date}} 'at' {{time}}",
-  medium: "{{date}}, {{time}}",
-  short: "{{date}}, {{time}}"
-}, xt = {
-  date: q({
-    formats: pt,
-    defaultWidth: "full"
-  }),
-  time: q({
-    formats: Ot,
-    defaultWidth: "full"
-  }),
-  dateTime: q({
-    formats: Pt,
-    defaultWidth: "full"
-  })
-}, vt = {
-  lastWeek: "'last' eeee 'at' p",
-  yesterday: "'yesterday at' p",
-  today: "'today at' p",
-  tomorrow: "'tomorrow at' p",
-  nextWeek: "eeee 'at' p",
-  other: "P"
-}, kt = (t, e, n, r) => vt[t];
-function x(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: x({
-    values: Tt,
-    defaultWidth: "wide"
-  }),
-  quarter: x({
-    values: St,
-    defaultWidth: "wide",
-    argumentCallback: (t) => t - 1
-  }),
-  month: x({
-    values: Wt,
-    defaultWidth: "wide"
-  }),
-  day: x({
-    values: Yt,
-    defaultWidth: "wide"
-  }),
-  dayPeriod: x({
-    values: Ft,
-    defaultWidth: "wide",
-    formattingValues: Nt,
-    defaultFormattingWidth: "wide"
-  })
-};
-function v(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 l = e.slice(s.length);
-    return { value: f, rest: l };
-  };
-}
-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: v({
-    matchPatterns: Lt,
-    defaultMatchWidth: "wide",
-    parsePatterns: jt,
-    defaultParseWidth: "any"
-  }),
-  quarter: v({
-    matchPatterns: It,
-    defaultMatchWidth: "wide",
-    parsePatterns: Qt,
-    defaultParseWidth: "any",
-    valueCallback: (t) => t + 1
-  }),
-  month: v({
-    matchPatterns: At,
-    defaultMatchWidth: "wide",
-    parsePatterns: Bt,
-    defaultParseWidth: "any"
-  }),
-  day: v({
-    matchPatterns: Gt,
-    defaultMatchWidth: "wide",
-    parsePatterns: Vt,
-    defaultParseWidth: "any"
-  }),
-  dayPeriod: v({
-    matchPatterns: $t,
-    defaultMatchWidth: "any",
-    parsePatterns: Jt,
-    defaultParseWidth: "any"
-  })
-}, G = {
-  code: "en-US",
-  formatDistance: Dt,
-  formatLong: xt,
-  formatRelative: kt,
-  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 l, w, h, y;
-  const n = d(t), r = n.getFullYear(), a = T(), o = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((w = (l = e == null ? void 0 : e.locale) == null ? void 0 : l.options) == null ? void 0 : w.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((y = (h = a.locale) == null ? void 0 : h.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 = k(s, e), u = D(t, 0);
-  u.setFullYear(r, 0, o), u.setHours(0, 0, 0, 0);
-  const f = k(u, e);
-  return n.getTime() >= i.getTime() ? r + 1 : n.getTime() >= f.getTime() ? r : r - 1;
-}
-function zt(t, e) {
-  var i, u, f, l;
-  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 ?? ((l = (f = n.locale) == null ? void 0 : f.options) == null ? void 0 : l.firstWeekContainsDate) ?? 1, a = V(t, e), o = D(t, 0);
-  return o.setFullYear(a, 0, r), o.setHours(0, 0, 0, 0), k(o, e);
-}
-function te(t, e) {
-  const n = d(t), r = +k(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);
-  }
-}, O = {
-  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) {
-      // 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(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) {
-      // 1, 2, 3, 4
-      case "Q":
-        return String(r);
-      // 01, 02, 03, 04
-      case "QQ":
-        return c(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(t, e, n) {
-    const r = Math.ceil((t.getMonth() + 1) / 3);
-    switch (e) {
-      // 1, 2, 3, 4
-      case "q":
-        return String(r);
-      // 01, 02, 03, 04
-      case "qq":
-        return c(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(t, e, n) {
-    const r = t.getMonth();
-    switch (e) {
-      case "M":
-      case "MM":
-        return M.M(t, e);
-      // 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(t, e, n) {
-    const r = t.getMonth();
-    switch (e) {
-      // 1, 2, ..., 12
-      case "L":
-        return String(r + 1);
-      // 01, 02, ..., 12
-      case "LL":
-        return c(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(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) {
-      // 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(t, e, n, r) {
-    const a = t.getDay(), o = (a - r.weekStartsOn + 8) % 7 || 7;
-    switch (e) {
-      // Numerical value (Nth day of week with current locale or weekStartsOn)
-      case "e":
-        return String(o);
-      // Padded numerical value
-      case "ee":
-        return c(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(t, e, n, r) {
-    const a = t.getDay(), o = (a - r.weekStartsOn + 8) % 7 || 7;
-    switch (e) {
-      // Numerical value (same as in `e`)
-      case "c":
-        return String(o);
-      // Padded numerical value
-      case "cc":
-        return c(o, e.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(t, e, n) {
-    const r = t.getDay(), a = r === 0 ? 7 : r;
-    switch (e) {
-      // 2
-      case "i":
-        return String(a);
-      // 02
-      case "ii":
-        return c(a, e.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(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 = O.noon : r === 0 ? a = O.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 = O.evening : r >= 12 ? a = O.afternoon : r >= 4 ? a = O.morning : a = O.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) {
-      // Hours and optional minutes
-      case "X":
-        return I(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 p(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 p(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) {
-      // Hours and optional minutes
-      case "x":
-        return I(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 p(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 p(r, ":");
-    }
-  },
-  // Timezone (GMT)
-  O: function(t, e, n) {
-    const r = t.getTimezoneOffset();
-    switch (e) {
-      // Short
-      case "O":
-      case "OO":
-      case "OOO":
-        return "GMT" + j(r, ":");
-      // Long
-      case "OOOO":
-      default:
-        return "GMT" + p(r, ":");
-    }
-  },
-  // Timezone (specific non-location)
-  z: function(t, e, n) {
-    const r = t.getTimezoneOffset();
-    switch (e) {
-      // Short
-      case "z":
-      case "zz":
-      case "zzz":
-        return "GMT" + j(r, ":");
-      // Long
-      case "zzzz":
-      default:
-        return "GMT" + p(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) : p(t, e);
-}
-function p(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, le = /^'([^]*?)'?$/, he = /''/g, me = /[a-zA-Z]/;
-function ge(t, e, n) {
-  var l, w, h, y;
-  const r = T(), a = r.locale ?? G, o = r.firstWeekContainsDate ?? ((w = (l = r.locale) == null ? void 0 : l.options) == null ? void 0 : w.firstWeekContainsDate) ?? 1, s = r.weekStartsOn ?? ((y = (h = r.locale) == null ? void 0 : h.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(le);
-  return e ? e[1].replace(he, "'") : 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 l = yt(f, u), w = (N(f) - N(u)) / 1e3, h = Math.round((l - w) / 60);
-  let y;
-  if (h < 2)
-    return n != null && n.includeSeconds ? l < 5 ? a.formatDistance("lessThanXSeconds", 5, i) : l < 10 ? a.formatDistance("lessThanXSeconds", 10, i) : l < 20 ? a.formatDistance("lessThanXSeconds", 20, i) : l < 40 ? a.formatDistance("halfAMinute", 0, i) : l < 60 ? a.formatDistance("lessThanXMinutes", 1, i) : a.formatDistance("xMinutes", 1, i) : h === 0 ? a.formatDistance("lessThanXMinutes", 1, i) : a.formatDistance("xMinutes", h, i);
-  if (h < 45)
-    return a.formatDistance("xMinutes", h, i);
-  if (h < 90)
-    return a.formatDistance("aboutXHours", 1, i);
-  if (h < H) {
-    const m = Math.round(h / 60);
-    return a.formatDistance("aboutXHours", m, i);
-  } else {
-    if (h < o)
-      return a.formatDistance("xDays", 1, i);
-    if (h < W) {
-      const m = Math.round(h / H);
-      return a.formatDistance("xDays", m, i);
-    } else if (h < W * 2)
-      return y = Math.round(h / W), a.formatDistance("aboutXMonths", y, i);
-  }
-  if (y = wt(f, u), y < 12) {
-    const m = Math.round(h / 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 P.warning:
-      return e.colors.status.warning.onsurface;
-    case P.error:
-      return e.colors.status.error.onsurface;
-    case P.success:
-      return e.colors.status.success.onsurface;
-    case P.generic:
-      return e.colors.status.generic.onsurface;
-    case P.info:
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { SIZE as p, TYPOGRAPHY_VARIANT as s, STATE as t } from "../../constants/index.js";
+import N from "./NotificationBadge/NotificationBadge.js";
+import { useTheme as b } from "../../utils/styled.js";
+import { NotificationRow as w, NotificationUnread as x, NotificationContent as C, ChevronButton as D } from "./styles.js";
+import A from "./NotificationRightChevron.js";
+import { formatDate as R } from "../../node_modules/date-fns/format.js";
+import { formatDistanceToNow as $ } from "../../node_modules/date-fns/formatDistanceToNow.js";
+import l from "../Typography/Typography.js";
+import k from "../Button/Button.js";
+const B = (c, r) => {
+  switch (c) {
+    case t.warning:
+      return r.colors.status.warning.onsurface;
+    case t.error:
+      return r.colors.status.error.onsurface;
+    case t.success:
+      return r.colors.status.success.onsurface;
+    case t.generic:
+      return r.colors.status.generic.onsurface;
+    case t.info:
     default:
-      return e.colors.status.info.onsurface;
+      return r.colors.status.info.onsurface;
   }
-}, en = ({
-  message: t,
-  state: e = P.info,
+}, O = ({
+  message: c,
+  state: r = t.info,
   date: n,
-  action: r,
-  onArrowClick: a,
-  size: o = _.standard,
-  isUnread: s = !0,
-  hasFormattedDate: i = !1
+  action: a,
+  onArrowClick: u,
+  size: e = p.standard,
+  isUnread: f = !0,
+  hasFormattedDate: h = !1
 }) => {
-  const u = J();
-  Me(e, u), u.colors.interactive.utility.border, u.colors.interactive.utility.onsurface;
-  const f = " • ", l = n ? ge(new Date(n), "MMM d, h:mma") : "", w = n ? be(new Date(n), { addSuffix: !0 }) : "", h = i ? `${w}${f}${l}` : w, y = o === _.small ? S.body1 : S.body2;
-  return /* @__PURE__ */ X(Z, { state: e, size: o, $isUnread: s, children: [
-    s ? /* @__PURE__ */ b(z, { state: e, size: o }) : /* @__PURE__ */ b("div", { style: { width: 8 } }),
-    /* @__PURE__ */ b(K, { state: e }),
-    /* @__PURE__ */ b(tt, { size: o, children: /* @__PURE__ */ X("div", { children: [
-      /* @__PURE__ */ b(
-        C,
+  const i = b();
+  B(r, i), i.colors.interactive.utility.border, i.colors.interactive.utility.onsurface;
+  const y = " • ", T = n ? R(new Date(n), "MMM d, h:mma") : "", m = n ? $(new Date(n), { addSuffix: !0 }) : "", g = h ? `${m}${y}${T}` : m, v = e === p.small ? s.body1 : s.body2;
+  return /* @__PURE__ */ d(w, { state: r, size: e, $isUnread: f, children: [
+    f ? /* @__PURE__ */ o(x, { state: r, size: e }) : /* @__PURE__ */ o("div", { style: { width: 8 } }),
+    /* @__PURE__ */ o(N, { state: r }),
+    /* @__PURE__ */ o(C, { size: e, children: /* @__PURE__ */ d("div", { children: [
+      /* @__PURE__ */ o(
+        l,
         {
-          variant: S.body3,
-          color: u.colors.onsurface["copy-dark"],
+          variant: s.body3,
+          color: i.colors.onsurface["copy-dark"],
           isText: !0,
-          children: t
+          children: c
         }
       ),
-      /* @__PURE__ */ b("div", { style: { marginTop: 8 }, children: /* @__PURE__ */ b(
-        C,
+      /* @__PURE__ */ o("div", { style: { marginTop: 8 }, children: /* @__PURE__ */ o(
+        l,
         {
-          variant: y,
-          color: u.colors.onsurface["copy-light"],
+          variant: v,
+          color: i.colors.onsurface["copy-light"],
           isText: !0,
-          children: h
+          children: g
         }
       ) })
     ] }) }),
-    r ? /* @__PURE__ */ b(
-      U,
+    a ? /* @__PURE__ */ o(
+      k,
       {
         themeType: "utility",
-        onClick: r.onClick,
+        onClick: a.onClick,
         size: "small",
         style: { pointerEvents: "all" },
-        children: /* @__PURE__ */ b(
-          C,
+        children: /* @__PURE__ */ o(
+          l,
           {
-            variant: S.body1,
+            variant: s.body1,
             isText: !0,
-            children: r.label
+            children: a.label
           }
         )
       }
     ) : null,
-    a ? /* @__PURE__ */ b(et, { onClick: a, children: /* @__PURE__ */ b(nt, {}) }) : null
+    u ? /* @__PURE__ */ o(D, { onClick: u, children: /* @__PURE__ */ o(A, {}) }) : null
   ] });
 };
 export {
-  en as default
+  O as default
 };