@gobolt/genesis 0.0.8 → 0.0.9

package/dist/components/Notification/Notification.js

@@ -1,93 +1,53 @@
-import { jsxs as L, jsx as M } from "react/jsx-runtime";
-import { SIZE as B, TYPOGRAPHY_VARIANT as Y, STATE as k } from "../../constants/index.js";
-import "../Button/styles.js";
+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 { T as R } from "../../index-89035ea5.js";
 import "../Input/styles.js";
+import "../Message/styles.js";
 import "react";
 import "../Select/styles.js";
-import z from "../Badge/Badge.js";
 import "../Toast/styles.js";
-import { n as tt } from "../../styled-components.browser.esm-02f500bc.js";
-import { NotificationRow as et, NotificationUnread as nt, NotificationContent as rt } from "./styles.js";
-import { R as at } from "../../RightOutlined-83515eb4.js";
-import "../../button-fa1c119c.js";
-import "../../presets-83ccb923.js";
-import "../../isVisible-729780f5.js";
-import "../../index-4003d75b.js";
-import "react-dom";
-import "../../index-e2b72ca8.js";
-import "../../reactNode-f4391605.js";
-import "../../Compact-c39ed20d.js";
-import "../../presetColors-ccf8cb4c.js";
-import "../../compact-item-b8f85aa6.js";
-import "../../AntdIcon-c395a1c4.js";
-import "../../styles/theme/genesis-theme.js";
-import "../../styles/design-tokens/variables.js";
-import "../../context-3b8a39af.js";
-import "../../ExclamationCircleFilled-23ef9812.js";
-import "../../CloseCircleFilled-ddc51e7e.js";
-import "../Typography/styles.js";
-import "../../index-501fc13d.js";
-import "../../index-8c8d2d0c.js";
-import "../../CheckOutlined-52d9ac25.js";
-import "../../index-0b9ee239.js";
-import "../../index-1a33c134.js";
-import "../../ContextIsolator-b09b2c52.js";
-import "../../TextArea-20825221.js";
-import "../../useVariants-a0d64298.js";
-import "../Badge/styles.js";
-import "../../CloseOutlined-14b8bba1.js";
-import "../../InfoCircleFilled-c5f90c20.js";
-import "../../pickAttrs-00ba4687.js";
-import "../../collapse-345bc884.js";
-import "../../SearchOutlined-a9014e08.js";
-import "../../Overflow-a570fa69.js";
-import "../../DownOutlined-64a4732a.js";
-import "../Badge/icons/Appointment.js";
-import "../Badge/icons/ASN.js";
-import "../Badge/icons/Inventory.js";
-import "../Badge/icons/Parcel.js";
-import "../Badge/icons/Product.js";
-import "../Badge/icons/Route.js";
-import "../Badge/icons/Shipment.js";
-import "../Badge/icons/ShoppingCart.js";
-import "../Badge/icons/System.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 O(t, e) {
+function D(t, e) {
   return t instanceof Date ? new t.constructor(e) : new Date(e);
 }
-const $ = 6048e5, ot = 864e5, E = 43200, j = 1440;
-let it = {};
-function W() {
-  return it;
+const A = 6048e5, rt = 864e5, W = 43200, H = 1440;
+let at = {};
+function T() {
+  return at;
 }
-function T(t, e) {
-  var i, c, f, m;
-  const n = W(), r = (e == null ? void 0 : e.weekStartsOn) ?? ((c = (i = e == null ? void 0 : e.locale) == null ? void 0 : i.options) == null ? void 0 : c.weekStartsOn) ?? n.weekStartsOn ?? ((m = (f = n.locale) == null ? void 0 : f.options) == null ? void 0 : m.weekStartsOn) ?? 0, a = d(t), o = a.getDay(), s = (o < r ? 7 : 0) + o - r;
+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 N(t) {
-  return T(t, { weekStartsOn: 1 });
+function F(t) {
+  return p(t, { weekStartsOn: 1 });
 }
-function J(t) {
-  const e = d(t), n = e.getFullYear(), r = O(t, 0);
+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 = N(r), o = O(t, 0);
+  const a = F(r), o = D(t, 0);
   o.setFullYear(n, 0, 4), o.setHours(0, 0, 0, 0);
-  const s = N(o);
+  const s = F(o);
   return e.getTime() >= a.getTime() ? n + 1 : e.getTime() >= s.getTime() ? n : n - 1;
 }
-function I(t) {
+function R(t) {
   const e = d(t);
   return e.setHours(0, 0, 0, 0), e;
 }
-function C(t) {
+function N(t) {
   const e = d(t), n = new Date(
     Date.UTC(
       e.getFullYear(),
@@ -101,35 +61,35 @@ function C(t) {
   );
   return n.setUTCFullYear(e.getFullYear()), +t - +n;
 }
-function st(t, e) {
-  const n = I(t), r = I(e), a = +n - C(n), o = +r - C(r);
-  return Math.round((a - o) / ot);
+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 ct(t) {
-  const e = J(t), n = O(t, 0);
-  return n.setFullYear(e, 0, 4), n.setHours(0, 0, 0, 0), N(n);
+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 F(t, e) {
+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 ut(t) {
-  return O(t, Date.now());
+function st(t) {
+  return D(t, Date.now());
 }
-function dt(t) {
+function ct(t) {
   return t instanceof Date || typeof t == "object" && Object.prototype.toString.call(t) === "[object Date]";
 }
-function ft(t) {
-  if (!dt(t) && typeof t != "number")
+function ut(t) {
+  if (!ct(t) && typeof t != "number")
     return !1;
   const e = d(t);
   return !isNaN(Number(e));
 }
-function mt(t, 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 lt(t) {
+function ft(t) {
   return (e) => {
     const r = (t ? Math[t] : Math.trunc)(e);
     return r === 0 ? 0 : r;
@@ -138,41 +98,41 @@ function lt(t) {
 function ht(t, e) {
   return +d(t) - +d(e);
 }
-function gt(t) {
+function lt(t) {
   const e = d(t);
   return e.setHours(23, 59, 59, 999), e;
 }
-function wt(t) {
+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 yt(t) {
+function gt(t) {
   const e = d(t);
-  return +gt(e) == +wt(e);
+  return +lt(e) == +mt(e);
 }
-function bt(t, e) {
-  const n = d(t), r = d(e), a = F(n, r), o = Math.abs(
-    mt(n, r)
+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 = F(n, r) === -a;
-    yt(d(t)) && o === 1 && F(t, r) === 1 && (i = !1), s = a * (o - Number(i));
+    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 Mt(t, e, n) {
+function yt(t, e, n) {
   const r = ht(t, e) / 1e3;
-  return lt(n == null ? void 0 : n.roundingMethod)(r);
+  return ft(n == null ? void 0 : n.roundingMethod)(r);
 }
-function Dt(t) {
-  const e = d(t), n = O(t, 0);
+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 pt = {
+const Mt = {
   lessThanXSeconds: {
     one: "less than a second",
     other: "less than {{count}} seconds"
@@ -234,53 +194,53 @@ const pt = {
     one: "almost 1 year",
     other: "almost {{count}} years"
   }
-}, Ot = (t, e, n) => {
+}, Dt = (t, e, n) => {
   let r;
-  const a = pt[t];
+  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 X(t) {
+function q(t) {
   return (e = {}) => {
     const n = e.width ? String(e.width) : t.defaultWidth;
     return t.formats[n] || t.formats[t.defaultWidth];
   };
 }
-const Pt = {
+const Ot = {
   full: "EEEE, MMMM do, y",
   long: "MMMM do, y",
   medium: "MMM d, y",
   short: "MM/dd/yyyy"
-}, xt = {
+}, Pt = {
   full: "h:mm:ss a zzzz",
   long: "h:mm:ss a z",
   medium: "h:mm:ss a",
   short: "h:mm a"
-}, kt = {
+}, xt = {
   full: "{{date}} 'at' {{time}}",
   long: "{{date}} 'at' {{time}}",
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
 }, vt = {
-  date: X({
-    formats: Pt,
+  date: q({
+    formats: Ot,
     defaultWidth: "full"
   }),
-  time: X({
-    formats: xt,
+  time: q({
+    formats: Pt,
     defaultWidth: "full"
   }),
-  dateTime: X({
-    formats: kt,
+  dateTime: q({
+    formats: xt,
     defaultWidth: "full"
   })
-}, St = {
+}, kt = {
   lastWeek: "'last' eeee 'at' p",
   yesterday: "'yesterday at' p",
   today: "'today at' p",
   tomorrow: "'tomorrow at' p",
   nextWeek: "eeee 'at' p",
   other: "P"
-}, Tt = (t, e, n, r) => St[t];
+}, pt = (t, e, n, r) => kt[t];
 function v(t) {
   return (e, n) => {
     const r = n != null && n.context ? String(n.context) : "standalone";
@@ -296,15 +256,15 @@ function v(t) {
     return a[o];
   };
 }
-const Wt = {
+const Tt = {
   narrow: ["B", "A"],
   abbreviated: ["BC", "AD"],
   wide: ["Before Christ", "Anno Domini"]
-}, Yt = {
+}, St = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["Q1", "Q2", "Q3", "Q4"],
   wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
-}, Et = {
+}, Wt = {
   narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
   abbreviated: [
     "Jan",
@@ -334,7 +294,7 @@ const Wt = {
     "November",
     "December"
   ]
-}, Ft = {
+}, 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"],
@@ -347,7 +307,7 @@ const Wt = {
     "Friday",
     "Saturday"
   ]
-}, Nt = {
+}, Ft = {
   narrow: {
     am: "a",
     pm: "p",
@@ -378,7 +338,7 @@ const Wt = {
     evening: "evening",
     night: "night"
   }
-}, Ct = {
+}, Nt = {
   narrow: {
     am: "a",
     pm: "p",
@@ -409,7 +369,7 @@ const Wt = {
     evening: "in the evening",
     night: "at night"
   }
-}, qt = (t, e) => {
+}, Et = (t, e) => {
   const n = Number(t), r = n % 100;
   if (r > 20 || r < 10)
     switch (r % 10) {
@@ -421,91 +381,89 @@ const Wt = {
         return n + "rd";
     }
   return n + "th";
-}, Rt = {
-  ordinalNumber: qt,
+}, Ct = {
+  ordinalNumber: Et,
   era: v({
-    values: Wt,
+    values: Tt,
     defaultWidth: "wide"
   }),
   quarter: v({
-    values: Yt,
+    values: St,
     defaultWidth: "wide",
     argumentCallback: (t) => t - 1
   }),
   month: v({
-    values: Et,
+    values: Wt,
     defaultWidth: "wide"
   }),
   day: v({
-    values: Ft,
+    values: Yt,
     defaultWidth: "wide"
   }),
   dayPeriod: v({
-    values: Nt,
+    values: Ft,
     defaultWidth: "wide",
-    formattingValues: Ct,
+    formattingValues: Nt,
     defaultFormattingWidth: "wide"
   })
 };
-function S(t) {
+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], c = Array.isArray(i) ? _t(i, (w) => w.test(s)) : (
+    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
-      Xt(i, (w) => w.test(s))
+      qt(i, (w) => w.test(s))
     );
     let f;
-    f = t.valueCallback ? t.valueCallback(c) : c, f = n.valueCallback ? (
+    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 m = e.slice(s.length);
-    return { value: f, rest: m };
+    const h = e.slice(s.length);
+    return { value: f, rest: h };
   };
 }
-function Xt(t, e) {
+function qt(t, e) {
   for (const n in t)
     if (Object.prototype.hasOwnProperty.call(t, n) && e(t[n]))
       return n;
 }
-function _t(t, e) {
+function Xt(t, e) {
   for (let n = 0; n < t.length; n++)
     if (e(t[n]))
       return n;
 }
-function Ht(t) {
+function _t(t) {
   return (e, n = {}) => {
     const r = e.match(t.matchPattern);
-    if (!r)
-      return null;
+    if (!r) return null;
     const a = r[0], o = e.match(t.parsePattern);
-    if (!o)
-      return null;
+    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 Lt = /^(\d+)(th|st|nd|rd)?/i, Bt = /\d+/i, jt = {
+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
-}, It = {
+}, jt = {
   any: [/^b/i, /^(a|c)/i]
-}, At = {
+}, 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]
-}, Gt = {
+}, 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
-}, Vt = {
+}, Bt = {
   narrow: [
     /^j/i,
     /^f/i,
@@ -534,18 +492,18 @@ const Lt = /^(\d+)(th|st|nd|rd)?/i, Bt = /\d+/i, jt = {
     /^n/i,
     /^d/i
   ]
-}, $t = {
+}, 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
-}, Jt = {
+}, 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]
-}, Ut = {
+}, $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
-}, Kt = {
+}, Jt = {
   any: {
     am: /^a/i,
     pm: /^p/i,
@@ -556,99 +514,99 @@ const Lt = /^(\d+)(th|st|nd|rd)?/i, Bt = /\d+/i, jt = {
     evening: /evening/i,
     night: /night/i
   }
-}, Zt = {
-  ordinalNumber: Ht({
-    matchPattern: Lt,
-    parsePattern: Bt,
+}, Ut = {
+  ordinalNumber: _t({
+    matchPattern: Ht,
+    parsePattern: Rt,
     valueCallback: (t) => parseInt(t, 10)
   }),
-  era: S({
-    matchPatterns: jt,
+  era: k({
+    matchPatterns: Lt,
     defaultMatchWidth: "wide",
-    parsePatterns: It,
+    parsePatterns: jt,
     defaultParseWidth: "any"
   }),
-  quarter: S({
-    matchPatterns: At,
+  quarter: k({
+    matchPatterns: It,
     defaultMatchWidth: "wide",
     parsePatterns: Qt,
     defaultParseWidth: "any",
     valueCallback: (t) => t + 1
   }),
-  month: S({
-    matchPatterns: Gt,
+  month: k({
+    matchPatterns: At,
     defaultMatchWidth: "wide",
-    parsePatterns: Vt,
+    parsePatterns: Bt,
     defaultParseWidth: "any"
   }),
-  day: S({
-    matchPatterns: $t,
+  day: k({
+    matchPatterns: Gt,
     defaultMatchWidth: "wide",
-    parsePatterns: Jt,
+    parsePatterns: Vt,
     defaultParseWidth: "any"
   }),
-  dayPeriod: S({
-    matchPatterns: Ut,
+  dayPeriod: k({
+    matchPatterns: $t,
     defaultMatchWidth: "any",
-    parsePatterns: Kt,
+    parsePatterns: Jt,
     defaultParseWidth: "any"
   })
-}, U = {
+}, G = {
   code: "en-US",
-  formatDistance: Ot,
+  formatDistance: Dt,
   formatLong: vt,
-  formatRelative: Tt,
-  localize: Rt,
-  match: Zt,
+  formatRelative: pt,
+  localize: Ct,
+  match: Ut,
   options: {
     weekStartsOn: 0,
     firstWeekContainsDate: 1
   }
 };
-function zt(t) {
+function Kt(t) {
   const e = d(t);
-  return st(e, Dt(e)) + 1;
+  return ot(e, bt(e)) + 1;
 }
-function te(t) {
-  const e = d(t), n = +N(e) - +ct(e);
-  return Math.round(n / $) + 1;
+function Zt(t) {
+  const e = d(t), n = +F(e) - +it(e);
+  return Math.round(n / A) + 1;
 }
-function K(t, e) {
-  var m, w, l, h;
-  const n = d(t), r = n.getFullYear(), a = W(), o = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((w = (m = e == null ? void 0 : e.locale) == null ? void 0 : m.options) == null ? void 0 : w.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((h = (l = a.locale) == null ? void 0 : l.options) == null ? void 0 : h.firstWeekContainsDate) ?? 1, s = O(t, 0);
+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 = T(s, e), c = O(t, 0);
-  c.setFullYear(r, 0, o), c.setHours(0, 0, 0, 0);
-  const f = T(c, e);
+  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 ee(t, e) {
-  var i, c, f, m;
-  const n = W(), r = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((c = (i = e == null ? void 0 : e.locale) == null ? void 0 : i.options) == null ? void 0 : c.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((m = (f = n.locale) == null ? void 0 : f.options) == null ? void 0 : m.firstWeekContainsDate) ?? 1, a = K(t, e), o = O(t, 0);
-  return o.setFullYear(a, 0, r), o.setHours(0, 0, 0, 0), T(o, e);
+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 ne(t, e) {
-  const n = d(t), r = +T(n, e) - +ee(n, e);
-  return Math.round(r / $) + 1;
+function te(t, e) {
+  const n = d(t), r = +p(n, e) - +zt(n, e);
+  return Math.round(r / A) + 1;
 }
-function u(t, e) {
+function c(t, e) {
   const n = t < 0 ? "-" : "", r = Math.abs(t).toString().padStart(e, "0");
   return n + r;
 }
-const p = {
+const M = {
   // Year
   y(t, e) {
     const n = t.getFullYear(), r = n > 0 ? n : 1 - n;
-    return u(e === "yy" ? r % 100 : r, e.length);
+    return c(e === "yy" ? r % 100 : r, e.length);
   },
   // Month
   M(t, e) {
     const n = t.getMonth();
-    return e === "M" ? String(n + 1) : u(n + 1, 2);
+    return e === "M" ? String(n + 1) : c(n + 1, 2);
   },
   // Day of the month
   d(t, e) {
-    return u(t.getDate(), e.length);
+    return c(t.getDate(), e.length);
   },
   // AM or PM
   a(t, e) {
@@ -668,28 +626,28 @@ const p = {
   },
   // Hour [1-12]
   h(t, e) {
-    return u(t.getHours() % 12 || 12, e.length);
+    return c(t.getHours() % 12 || 12, e.length);
   },
   // Hour [0-23]
   H(t, e) {
-    return u(t.getHours(), e.length);
+    return c(t.getHours(), e.length);
   },
   // Minute
   m(t, e) {
-    return u(t.getMinutes(), e.length);
+    return c(t.getMinutes(), e.length);
   },
   // Second
   s(t, e) {
-    return u(t.getSeconds(), e.length);
+    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 u(a, e.length);
+    return c(a, e.length);
   }
-}, x = {
+}, P = {
   am: "am",
   pm: "pm",
   midnight: "midnight",
@@ -698,7 +656,7 @@ const p = {
   afternoon: "afternoon",
   evening: "evening",
   night: "night"
-}, A = {
+}, L = {
   // Era
   G: function(t, e, n) {
     const r = t.getFullYear() > 0 ? 1 : 0;
@@ -720,21 +678,21 @@ const p = {
       const r = t.getFullYear(), a = r > 0 ? r : 1 - r;
       return n.ordinalNumber(a, { unit: "year" });
     }
-    return p.y(t, e);
+    return M.y(t, e);
   },
   // Local week-numbering year
   Y: function(t, e, n, r) {
-    const a = K(t, r), o = a > 0 ? a : 1 - a;
+    const a = V(t, r), o = a > 0 ? a : 1 - a;
     if (e === "YY") {
       const s = o % 100;
-      return u(s, 2);
+      return c(s, 2);
     }
-    return e === "Yo" ? n.ordinalNumber(o, { unit: "year" }) : u(o, e.length);
+    return e === "Yo" ? n.ordinalNumber(o, { unit: "year" }) : c(o, e.length);
   },
   // ISO week-numbering year
   R: function(t, e) {
-    const n = J(t);
-    return u(n, e.length);
+    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:
@@ -747,7 +705,7 @@ const p = {
   // while `uu` pads single digit years to 2 characters and returns other years unchanged.
   u: function(t, e) {
     const n = t.getFullYear();
-    return u(n, e.length);
+    return c(n, e.length);
   },
   // Quarter
   Q: function(t, e, n) {
@@ -756,7 +714,7 @@ const p = {
       case "Q":
         return String(r);
       case "QQ":
-        return u(r, 2);
+        return c(r, 2);
       case "Qo":
         return n.ordinalNumber(r, { unit: "quarter" });
       case "QQQ":
@@ -784,7 +742,7 @@ const p = {
       case "q":
         return String(r);
       case "qq":
-        return u(r, 2);
+        return c(r, 2);
       case "qo":
         return n.ordinalNumber(r, { unit: "quarter" });
       case "qqq":
@@ -811,7 +769,7 @@ const p = {
     switch (e) {
       case "M":
       case "MM":
-        return p.M(t, e);
+        return M.M(t, e);
       case "Mo":
         return n.ordinalNumber(r + 1, { unit: "month" });
       case "MMM":
@@ -836,7 +794,7 @@ const p = {
       case "L":
         return String(r + 1);
       case "LL":
-        return u(r + 1, 2);
+        return c(r + 1, 2);
       case "Lo":
         return n.ordinalNumber(r + 1, { unit: "month" });
       case "LLL":
@@ -856,22 +814,22 @@ const p = {
   },
   // Local week of year
   w: function(t, e, n, r) {
-    const a = ne(t, r);
-    return e === "wo" ? n.ordinalNumber(a, { unit: "week" }) : u(a, e.length);
+    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 = te(t);
-    return e === "Io" ? n.ordinalNumber(r, { unit: "week" }) : u(r, e.length);
+    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" }) : p.d(t, e);
+    return e === "do" ? n.ordinalNumber(t.getDate(), { unit: "date" }) : M.d(t, e);
   },
   // Day of year
   D: function(t, e, n) {
-    const r = zt(t);
-    return e === "Do" ? n.ordinalNumber(r, { unit: "dayOfYear" }) : u(r, e.length);
+    const r = Kt(t);
+    return e === "Do" ? n.ordinalNumber(r, { unit: "dayOfYear" }) : c(r, e.length);
   },
   // Day of week
   E: function(t, e, n) {
@@ -909,7 +867,7 @@ const p = {
       case "e":
         return String(o);
       case "ee":
-        return u(o, 2);
+        return c(o, 2);
       case "eo":
         return n.ordinalNumber(o, { unit: "day" });
       case "eee":
@@ -942,7 +900,7 @@ const p = {
       case "c":
         return String(o);
       case "cc":
-        return u(o, e.length);
+        return c(o, e.length);
       case "co":
         return n.ordinalNumber(o, { unit: "day" });
       case "ccc":
@@ -975,7 +933,7 @@ const p = {
       case "i":
         return String(a);
       case "ii":
-        return u(a, e.length);
+        return c(a, e.length);
       case "io":
         return n.ordinalNumber(a, { unit: "day" });
       case "iii":
@@ -1033,7 +991,7 @@ const p = {
   b: function(t, e, n) {
     const r = t.getHours();
     let a;
-    switch (r === 12 ? a = x.noon : r === 0 ? a = x.midnight : a = r / 12 >= 1 ? "pm" : "am", e) {
+    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, {
@@ -1062,7 +1020,7 @@ const p = {
   B: function(t, e, n) {
     const r = t.getHours();
     let a;
-    switch (r >= 17 ? a = x.evening : r >= 12 ? a = x.afternoon : r >= 4 ? a = x.morning : a = x.night, e) {
+    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":
@@ -1089,33 +1047,33 @@ const p = {
       let r = t.getHours() % 12;
       return r === 0 && (r = 12), n.ordinalNumber(r, { unit: "hour" });
     }
-    return p.h(t, e);
+    return M.h(t, e);
   },
   // Hour [0-23]
   H: function(t, e, n) {
-    return e === "Ho" ? n.ordinalNumber(t.getHours(), { unit: "hour" }) : p.H(t, e);
+    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" }) : u(r, e.length);
+    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" }) : u(r, e.length);
+    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" }) : p.m(t, e);
+    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" }) : p.s(t, e);
+    return e === "so" ? n.ordinalNumber(t.getSeconds(), { unit: "second" }) : M.s(t, e);
   },
   // Fraction of second
   S: function(t, e) {
-    return p.S(t, e);
+    return M.S(t, e);
   },
   // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
   X: function(t, e, n) {
@@ -1124,14 +1082,14 @@ const p = {
       return "Z";
     switch (e) {
       case "X":
-        return G(r);
+        return I(r);
       case "XXXX":
       case "XX":
-        return P(r);
+        return O(r);
       case "XXXXX":
       case "XXX":
       default:
-        return P(r, ":");
+        return O(r, ":");
     }
   },
   // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
@@ -1139,14 +1097,14 @@ const p = {
     const r = t.getTimezoneOffset();
     switch (e) {
       case "x":
-        return G(r);
+        return I(r);
       case "xxxx":
       case "xx":
-        return P(r);
+        return O(r);
       case "xxxxx":
       case "xxx":
       default:
-        return P(r, ":");
+        return O(r, ":");
     }
   },
   // Timezone (GMT)
@@ -1156,10 +1114,10 @@ const p = {
       case "O":
       case "OO":
       case "OOO":
-        return "GMT" + Q(r, ":");
+        return "GMT" + j(r, ":");
       case "OOOO":
       default:
-        return "GMT" + P(r, ":");
+        return "GMT" + O(r, ":");
     }
   },
   // Timezone (specific non-location)
@@ -1169,35 +1127,35 @@ const p = {
       case "z":
       case "zz":
       case "zzz":
-        return "GMT" + Q(r, ":");
+        return "GMT" + j(r, ":");
       case "zzzz":
       default:
-        return "GMT" + P(r, ":");
+        return "GMT" + O(r, ":");
     }
   },
   // Seconds timestamp
   t: function(t, e, n) {
     const r = Math.trunc(t.getTime() / 1e3);
-    return u(r, e.length);
+    return c(r, e.length);
   },
   // Milliseconds timestamp
   T: function(t, e, n) {
     const r = t.getTime();
-    return u(r, e.length);
+    return c(r, e.length);
   }
 };
-function Q(t, e = "") {
+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 + u(o, 2);
+  return o === 0 ? n + String(a) : n + String(a) + e + c(o, 2);
 }
-function G(t, e) {
-  return t % 60 === 0 ? (t > 0 ? "-" : "+") + u(Math.abs(t) / 60, 2) : P(t, e);
+function I(t, e) {
+  return t % 60 === 0 ? (t > 0 ? "-" : "+") + c(Math.abs(t) / 60, 2) : O(t, e);
 }
-function P(t, e = "") {
-  const n = t > 0 ? "-" : "+", r = Math.abs(t), a = u(Math.trunc(r / 60), 2), o = u(r % 60, 2);
+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 V = (t, e) => {
+const Q = (t, e) => {
   switch (t) {
     case "P":
       return e.date({ width: "short" });
@@ -1209,7 +1167,7 @@ const V = (t, e) => {
     default:
       return e.date({ width: "full" });
   }
-}, Z = (t, e) => {
+}, $ = (t, e) => {
   switch (t) {
     case "p":
       return e.time({ width: "short" });
@@ -1221,10 +1179,10 @@ const V = (t, e) => {
     default:
       return e.time({ width: "full" });
   }
-}, re = (t, e) => {
+}, ee = (t, e) => {
   const n = t.match(/(P+)(p+)?/) || [], r = n[1], a = n[2];
   if (!a)
-    return V(t, e);
+    return Q(t, e);
   let o;
   switch (r) {
     case "P":
@@ -1241,196 +1199,172 @@ const V = (t, e) => {
       o = e.dateTime({ width: "full" });
       break;
   }
-  return o.replace("{{date}}", V(r, e)).replace("{{time}}", Z(a, e));
-}, ae = {
-  p: Z,
-  P: re
-}, oe = /^D+$/, ie = /^Y+$/, se = ["D", "DD", "YY", "YYYY"];
-function ce(t) {
-  return oe.test(t);
+  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 ue(t) {
-  return ie.test(t);
+function se(t) {
+  return ae.test(t);
 }
-function de(t, e, n) {
-  const r = fe(t, e, n);
-  if (console.warn(r), se.includes(t))
-    throw new RangeError(r);
+function ce(t, e, n) {
+  const r = ue(t, e, n);
+  if (console.warn(r), oe.includes(t)) throw new RangeError(r);
 }
-function fe(t, e, n) {
+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 me = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, le = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, he = /^'([^]*?)'?$/, ge = /''/g, we = /[a-zA-Z]/;
-function ye(t, e, n) {
-  var m, w, l, h, y, D, _, H;
-  const r = W(), a = (n == null ? void 0 : n.locale) ?? r.locale ?? U, o = (n == null ? void 0 : n.firstWeekContainsDate) ?? ((w = (m = n == null ? void 0 : n.locale) == null ? void 0 : m.options) == null ? void 0 : w.firstWeekContainsDate) ?? r.firstWeekContainsDate ?? ((h = (l = r.locale) == null ? void 0 : l.options) == null ? void 0 : h.firstWeekContainsDate) ?? 1, s = (n == null ? void 0 : n.weekStartsOn) ?? ((D = (y = n == null ? void 0 : n.locale) == null ? void 0 : y.options) == null ? void 0 : D.weekStartsOn) ?? r.weekStartsOn ?? ((H = (_ = r.locale) == null ? void 0 : _.options) == null ? void 0 : H.weekStartsOn) ?? 0, i = d(t);
-  if (!ft(i))
+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 c = e.match(le).map((b) => {
-    const g = b[0];
+  let u = e.match(fe).map((m) => {
+    const g = m[0];
     if (g === "p" || g === "P") {
-      const q = ae[g];
-      return q(b, a.formatLong);
+      const E = ne[g];
+      return E(m, a.formatLong);
     }
-    return b;
-  }).join("").match(me).map((b) => {
-    if (b === "''")
+    return m;
+  }).join("").match(de).map((m) => {
+    if (m === "''")
       return { isToken: !1, value: "'" };
-    const g = b[0];
+    const g = m[0];
     if (g === "'")
-      return { isToken: !1, value: be(b) };
-    if (A[g])
-      return { isToken: !0, value: b };
-    if (g.match(we))
+      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: b };
+    return { isToken: !1, value: m };
   });
-  a.localize.preprocessor && (c = a.localize.preprocessor(i, c));
+  a.localize.preprocessor && (u = a.localize.preprocessor(i, u));
   const f = {
     firstWeekContainsDate: o,
     weekStartsOn: s,
     locale: a
   };
-  return c.map((b) => {
-    if (!b.isToken)
-      return b.value;
-    const g = b.value;
-    (!(n != null && n.useAdditionalWeekYearTokens) && ue(g) || !(n != null && n.useAdditionalDayOfYearTokens) && ce(g)) && de(g, e, String(t));
-    const q = A[g[0]];
-    return q(i, g, a.localize, f);
+  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 be(t) {
+function we(t) {
   const e = t.match(he);
-  return e ? e[1].replace(ge, "'") : t;
+  return e ? e[1].replace(le, "'") : t;
 }
-function Me(t, e, n) {
-  const r = W(), a = (n == null ? void 0 : n.locale) ?? r.locale ?? U, o = 2520, s = F(t, e);
+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 c, f;
-  s > 0 ? (c = d(e), f = d(t)) : (c = d(t), f = d(e));
-  const m = Mt(f, c), w = (C(f) - C(c)) / 1e3, l = Math.round((m - w) / 60);
-  let h;
+  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 ? m < 5 ? a.formatDistance("lessThanXSeconds", 5, i) : m < 10 ? a.formatDistance("lessThanXSeconds", 10, i) : m < 20 ? a.formatDistance("lessThanXSeconds", 20, i) : m < 40 ? a.formatDistance("halfAMinute", 0, i) : m < 60 ? a.formatDistance("lessThanXMinutes", 1, i) : a.formatDistance("xMinutes", 1, i) : l === 0 ? a.formatDistance("lessThanXMinutes", 1, i) : a.formatDistance("xMinutes", l, i);
+    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 < j) {
-    const y = Math.round(l / 60);
-    return a.formatDistance("aboutXHours", y, 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 < E) {
-      const y = Math.round(l / j);
-      return a.formatDistance("xDays", y, i);
-    } else if (l < E * 2)
-      return h = Math.round(l / E), a.formatDistance("aboutXMonths", h, 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 (h = bt(f, c), h < 12) {
-    const y = Math.round(l / E);
-    return a.formatDistance("xMonths", y, i);
+  if (y = wt(f, u), y < 12) {
+    const m = Math.round(l / W);
+    return a.formatDistance("xMonths", m, i);
   } else {
-    const y = h % 12, D = Math.trunc(h / 12);
-    return y < 3 ? a.formatDistance("aboutXYears", D, i) : y < 9 ? a.formatDistance("overXYears", D, i) : a.formatDistance("almostXYears", D + 1, i);
+    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 De(t, e) {
-  return Me(t, ut(t), e);
+function be(t, e) {
+  return ye(t, st(t), e);
 }
-const pe = (t, e) => {
+const Me = (t, e) => {
   switch (t) {
-    case k.error:
+    case x.warning:
+      return e.colors.status.warning.onsurface;
+    case x.error:
       return e.colors.status.error.onsurface;
-    case k.success:
+    case x.success:
       return e.colors.status.success.onsurface;
-    case k.warning:
-      return e.colors.status.warning.onsurface;
-    case k.generic:
+    case x.generic:
       return e.colors.status.generic.onsurface;
-    case k.info:
+    case x.info:
     default:
       return e.colors.status.info.onsurface;
   }
-}, vn = ({
+}, _e = ({
   message: t,
-  state: e = k.info,
+  state: e = x.info,
   date: n,
   action: r,
   onArrowClick: a,
-  size: o = B.standard,
+  size: o = _.standard,
   isUnread: s = !0,
   hasFormattedDate: i = !1
 }) => {
-  const c = tt();
-  pe(e, c);
-  const f = c.colors.interactive.utility.border, m = c.colors.interactive.utility.onsurface, w = " • ", l = n ? ye(new Date(n), "MMM d, h:mma") : "", h = n ? De(new Date(n), { addSuffix: !0 }) : "", y = i ? `${h}${w}${l}` : h, D = o === B.small ? Y.body1 : Y.body2;
-  return /* @__PURE__ */ L(et, { state: e, size: o, children: [
-    s ? /* @__PURE__ */ M(nt, { state: e, size: o }) : /* @__PURE__ */ M("div", { style: { width: 8 } }),
-    /* @__PURE__ */ M(z, { state: e }),
-    /* @__PURE__ */ M(rt, { size: o, children: /* @__PURE__ */ L("div", { children: [
-      /* @__PURE__ */ M(
-        R,
+  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: Y.body3,
-          color: c.colors.onsurface["copy-dark"],
+          variant: S.body3,
+          color: u.colors.onsurface["copy-dark"],
+          isText: !0,
           children: t
         }
       ),
-      /* @__PURE__ */ M("div", { style: { marginTop: 8 }, children: /* @__PURE__ */ M(
-        R,
+      /* @__PURE__ */ b("div", { style: { marginTop: 8 }, children: /* @__PURE__ */ b(
+        C,
         {
-          variant: D,
-          color: c.colors.onsurface["copy-light"],
-          children: y
+          variant: y,
+          color: u.colors.onsurface["copy-light"],
+          isText: !0,
+          children: l
         }
       ) })
     ] }) }),
-    r ? /* @__PURE__ */ M(
-      "button",
-      {
-        onClick: r.onClick,
-        style: {
-          border: `1px solid ${f}`,
-          background: "none",
-          cursor: "pointer",
-          cursorEvents: "all",
-          color: m,
-          borderRadius: c.borderRadius.BorderRadiusSm,
-          paddingTop: "2px",
-          paddingBottom: "2px",
-          paddingLeft: c.components.utilityButton.padding.horPadding,
-          paddingRight: c.components.utilityButton.padding.horPadding
-        },
-        children: /* @__PURE__ */ M(R, { variant: Y.body1, children: r.text })
-      }
-    ) : null,
-    a ? /* @__PURE__ */ M(
-      "button",
+    r ? /* @__PURE__ */ b(tt, { onClick: r.onClick, children: /* @__PURE__ */ b(
+      C,
       {
-        onClick: a,
-        style: {
-          textDecoration: "underline",
-          border: "none",
-          background: "none",
-          cursor: "pointer",
-          cursorEvents: "all"
-        },
-        children: /* @__PURE__ */ M(at, { style: { fontSize: 18 } })
+        variant: S.body1,
+        isText: !0,
+        children: r.label
       }
-    ) : null
+    ) }) : null,
+    a ? /* @__PURE__ */ b(et, { onClick: a, children: /* @__PURE__ */ b(nt, {}) }) : null
   ] });
 };
 export {
-  vn as default
+  _e as default
 };