@gobolt/genesis 0.0.7 → 0.0.8

package/dist/components/Notification/Notification.js

@@ -0,0 +1,1436 @@
+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 "../../providers/ThemeProvider.js";
+import "../Checkbox/styles.js";
+import "../ErrorBoundaryFallback/styles.js";
+import { T as R } from "../../index-89035ea5.js";
+import "../Input/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";
+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) {
+  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;
+}
+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;
+  return a.setDate(a.getDate() - s), a.setHours(0, 0, 0, 0), a;
+}
+function N(t) {
+  return T(t, { weekStartsOn: 1 });
+}
+function J(t) {
+  const e = d(t), n = e.getFullYear(), r = O(t, 0);
+  r.setFullYear(n + 1, 0, 4), r.setHours(0, 0, 0, 0);
+  const a = N(r), o = O(t, 0);
+  o.setFullYear(n, 0, 4), o.setHours(0, 0, 0, 0);
+  const s = N(o);
+  return e.getTime() >= a.getTime() ? n + 1 : e.getTime() >= s.getTime() ? n : n - 1;
+}
+function I(t) {
+  const e = d(t);
+  return e.setHours(0, 0, 0, 0), e;
+}
+function C(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 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 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 F(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 dt(t) {
+  return t instanceof Date || typeof t == "object" && Object.prototype.toString.call(t) === "[object Date]";
+}
+function ft(t) {
+  if (!dt(t) && typeof t != "number")
+    return !1;
+  const e = d(t);
+  return !isNaN(Number(e));
+}
+function mt(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) {
+  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 gt(t) {
+  const e = d(t);
+  return e.setHours(23, 59, 59, 999), e;
+}
+function wt(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) {
+  const e = d(t);
+  return +gt(e) == +wt(e);
+}
+function bt(t, e) {
+  const n = d(t), r = d(e), a = F(n, r), o = Math.abs(
+    mt(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));
+  }
+  return s === 0 ? 0 : s;
+}
+function Mt(t, e, n) {
+  const r = ht(t, e) / 1e3;
+  return lt(n == null ? void 0 : n.roundingMethod)(r);
+}
+function Dt(t) {
+  const e = d(t), n = O(t, 0);
+  return n.setFullYear(e.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
+}
+const pt = {
+  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"
+  }
+}, Ot = (t, e, n) => {
+  let r;
+  const a = pt[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) {
+  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"
+}, xt = {
+  full: "h:mm:ss a zzzz",
+  long: "h:mm:ss a z",
+  medium: "h:mm:ss a",
+  short: "h:mm a"
+}, kt = {
+  full: "{{date}} 'at' {{time}}",
+  long: "{{date}} 'at' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+}, vt = {
+  date: X({
+    formats: Pt,
+    defaultWidth: "full"
+  }),
+  time: X({
+    formats: xt,
+    defaultWidth: "full"
+  }),
+  dateTime: X({
+    formats: kt,
+    defaultWidth: "full"
+  })
+}, St = {
+  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];
+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 Wt = {
+  narrow: ["B", "A"],
+  abbreviated: ["BC", "AD"],
+  wide: ["Before Christ", "Anno Domini"]
+}, Yt = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["Q1", "Q2", "Q3", "Q4"],
+  wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
+}, Et = {
+  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"
+  ]
+}, Ft = {
+  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"
+  ]
+}, Nt = {
+  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"
+  }
+}, Ct = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mi",
+    noon: "n",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  }
+}, qt = (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";
+}, Rt = {
+  ordinalNumber: qt,
+  era: v({
+    values: Wt,
+    defaultWidth: "wide"
+  }),
+  quarter: v({
+    values: Yt,
+    defaultWidth: "wide",
+    argumentCallback: (t) => t - 1
+  }),
+  month: v({
+    values: Et,
+    defaultWidth: "wide"
+  }),
+  day: v({
+    values: Ft,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: v({
+    values: Nt,
+    defaultWidth: "wide",
+    formattingValues: Ct,
+    defaultFormattingWidth: "wide"
+  })
+};
+function S(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)) : (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
+      Xt(i, (w) => w.test(s))
+    );
+    let f;
+    f = t.valueCallback ? t.valueCallback(c) : c, 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 };
+  };
+}
+function Xt(t, e) {
+  for (const n in t)
+    if (Object.prototype.hasOwnProperty.call(t, n) && e(t[n]))
+      return n;
+}
+function _t(t, e) {
+  for (let n = 0; n < t.length; n++)
+    if (e(t[n]))
+      return n;
+}
+function Ht(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 Lt = /^(\d+)(th|st|nd|rd)?/i, Bt = /\d+/i, jt = {
+  narrow: /^(b|a)/i,
+  abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
+  wide: /^(before christ|before common era|anno domini|common era)/i
+}, It = {
+  any: [/^b/i, /^(a|c)/i]
+}, At = {
+  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 = {
+  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 = {
+  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
+  ]
+}, $t = {
+  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 = {
+  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 = {
+  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 = {
+  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
+  }
+}, Zt = {
+  ordinalNumber: Ht({
+    matchPattern: Lt,
+    parsePattern: Bt,
+    valueCallback: (t) => parseInt(t, 10)
+  }),
+  era: S({
+    matchPatterns: jt,
+    defaultMatchWidth: "wide",
+    parsePatterns: It,
+    defaultParseWidth: "any"
+  }),
+  quarter: S({
+    matchPatterns: At,
+    defaultMatchWidth: "wide",
+    parsePatterns: Qt,
+    defaultParseWidth: "any",
+    valueCallback: (t) => t + 1
+  }),
+  month: S({
+    matchPatterns: Gt,
+    defaultMatchWidth: "wide",
+    parsePatterns: Vt,
+    defaultParseWidth: "any"
+  }),
+  day: S({
+    matchPatterns: $t,
+    defaultMatchWidth: "wide",
+    parsePatterns: Jt,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: S({
+    matchPatterns: Ut,
+    defaultMatchWidth: "any",
+    parsePatterns: Kt,
+    defaultParseWidth: "any"
+  })
+}, U = {
+  code: "en-US",
+  formatDistance: Ot,
+  formatLong: vt,
+  formatRelative: Tt,
+  localize: Rt,
+  match: Zt,
+  options: {
+    weekStartsOn: 0,
+    firstWeekContainsDate: 1
+  }
+};
+function zt(t) {
+  const e = d(t);
+  return st(e, Dt(e)) + 1;
+}
+function te(t) {
+  const e = d(t), n = +N(e) - +ct(e);
+  return Math.round(n / $) + 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);
+  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);
+  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 ne(t, e) {
+  const n = d(t), r = +T(n, e) - +ee(n, e);
+  return Math.round(r / $) + 1;
+}
+function u(t, e) {
+  const n = t < 0 ? "-" : "", r = Math.abs(t).toString().padStart(e, "0");
+  return n + r;
+}
+const p = {
+  // Year
+  y(t, e) {
+    const n = t.getFullYear(), r = n > 0 ? n : 1 - n;
+    return u(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);
+  },
+  // Day of the month
+  d(t, e) {
+    return u(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 u(t.getHours() % 12 || 12, e.length);
+  },
+  // Hour [0-23]
+  H(t, e) {
+    return u(t.getHours(), e.length);
+  },
+  // Minute
+  m(t, e) {
+    return u(t.getMinutes(), e.length);
+  },
+  // Second
+  s(t, e) {
+    return u(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);
+  }
+}, x = {
+  am: "am",
+  pm: "pm",
+  midnight: "midnight",
+  noon: "noon",
+  morning: "morning",
+  afternoon: "afternoon",
+  evening: "evening",
+  night: "night"
+}, A = {
+  // 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 p.y(t, e);
+  },
+  // Local week-numbering year
+  Y: function(t, e, n, r) {
+    const a = K(t, r), o = a > 0 ? a : 1 - a;
+    if (e === "YY") {
+      const s = o % 100;
+      return u(s, 2);
+    }
+    return e === "Yo" ? n.ordinalNumber(o, { unit: "year" }) : u(o, e.length);
+  },
+  // ISO week-numbering year
+  R: function(t, e) {
+    const n = J(t);
+    return u(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 u(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 u(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 u(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 p.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 u(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 = ne(t, r);
+    return e === "wo" ? n.ordinalNumber(a, { unit: "week" }) : u(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);
+  },
+  // Day of the month
+  d: function(t, e, n) {
+    return e === "do" ? n.ordinalNumber(t.getDate(), { unit: "date" }) : p.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);
+  },
+  // 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 u(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 u(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 u(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 = x.noon : r === 0 ? a = x.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 = x.evening : r >= 12 ? a = x.afternoon : r >= 4 ? a = x.morning : a = x.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 p.h(t, e);
+  },
+  // Hour [0-23]
+  H: function(t, e, n) {
+    return e === "Ho" ? n.ordinalNumber(t.getHours(), { unit: "hour" }) : p.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);
+  },
+  // 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);
+  },
+  // Minute
+  m: function(t, e, n) {
+    return e === "mo" ? n.ordinalNumber(t.getMinutes(), { unit: "minute" }) : p.m(t, e);
+  },
+  // Second
+  s: function(t, e, n) {
+    return e === "so" ? n.ordinalNumber(t.getSeconds(), { unit: "second" }) : p.s(t, e);
+  },
+  // Fraction of second
+  S: function(t, e) {
+    return p.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 G(r);
+      case "XXXX":
+      case "XX":
+        return P(r);
+      case "XXXXX":
+      case "XXX":
+      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) {
+      case "x":
+        return G(r);
+      case "xxxx":
+      case "xx":
+        return P(r);
+      case "xxxxx":
+      case "xxx":
+      default:
+        return P(r, ":");
+    }
+  },
+  // Timezone (GMT)
+  O: function(t, e, n) {
+    const r = t.getTimezoneOffset();
+    switch (e) {
+      case "O":
+      case "OO":
+      case "OOO":
+        return "GMT" + Q(r, ":");
+      case "OOOO":
+      default:
+        return "GMT" + P(r, ":");
+    }
+  },
+  // Timezone (specific non-location)
+  z: function(t, e, n) {
+    const r = t.getTimezoneOffset();
+    switch (e) {
+      case "z":
+      case "zz":
+      case "zzz":
+        return "GMT" + Q(r, ":");
+      case "zzzz":
+      default:
+        return "GMT" + P(r, ":");
+    }
+  },
+  // Seconds timestamp
+  t: function(t, e, n) {
+    const r = Math.trunc(t.getTime() / 1e3);
+    return u(r, e.length);
+  },
+  // Milliseconds timestamp
+  T: function(t, e, n) {
+    const r = t.getTime();
+    return u(r, e.length);
+  }
+};
+function Q(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);
+}
+function G(t, e) {
+  return t % 60 === 0 ? (t > 0 ? "-" : "+") + u(Math.abs(t) / 60, 2) : P(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);
+  return n + a + e + o;
+}
+const V = (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" });
+  }
+}, Z = (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" });
+  }
+}, re = (t, e) => {
+  const n = t.match(/(P+)(p+)?/) || [], r = n[1], a = n[2];
+  if (!a)
+    return V(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}}", 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);
+}
+function ue(t) {
+  return ie.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 fe(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))
+    throw new RangeError("Invalid time value");
+  let c = e.match(le).map((b) => {
+    const g = b[0];
+    if (g === "p" || g === "P") {
+      const q = ae[g];
+      return q(b, a.formatLong);
+    }
+    return b;
+  }).join("").match(me).map((b) => {
+    if (b === "''")
+      return { isToken: !1, value: "'" };
+    const g = b[0];
+    if (g === "'")
+      return { isToken: !1, value: be(b) };
+    if (A[g])
+      return { isToken: !0, value: b };
+    if (g.match(we))
+      throw new RangeError(
+        "Format string contains an unescaped latin alphabet character `" + g + "`"
+      );
+    return { isToken: !1, value: b };
+  });
+  a.localize.preprocessor && (c = a.localize.preprocessor(i, c));
+  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);
+  }).join("");
+}
+function be(t) {
+  const e = t.match(he);
+  return e ? e[1].replace(ge, "'") : 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);
+  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;
+  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);
+  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);
+  } 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 (h = bt(f, c), h < 12) {
+    const y = Math.round(l / E);
+    return a.formatDistance("xMonths", y, 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);
+  }
+}
+function De(t, e) {
+  return Me(t, ut(t), e);
+}
+const pe = (t, e) => {
+  switch (t) {
+    case k.error:
+      return e.colors.status.error.onsurface;
+    case k.success:
+      return e.colors.status.success.onsurface;
+    case k.warning:
+      return e.colors.status.warning.onsurface;
+    case k.generic:
+      return e.colors.status.generic.onsurface;
+    case k.info:
+    default:
+      return e.colors.status.info.onsurface;
+  }
+}, vn = ({
+  message: t,
+  state: e = k.info,
+  date: n,
+  action: r,
+  onArrowClick: a,
+  size: o = B.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,
+        {
+          variant: Y.body3,
+          color: c.colors.onsurface["copy-dark"],
+          children: t
+        }
+      ),
+      /* @__PURE__ */ M("div", { style: { marginTop: 8 }, children: /* @__PURE__ */ M(
+        R,
+        {
+          variant: D,
+          color: c.colors.onsurface["copy-light"],
+          children: y
+        }
+      ) })
+    ] }) }),
+    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",
+      {
+        onClick: a,
+        style: {
+          textDecoration: "underline",
+          border: "none",
+          background: "none",
+          cursor: "pointer",
+          cursorEvents: "all"
+        },
+        children: /* @__PURE__ */ M(at, { style: { fontSize: 18 } })
+      }
+    ) : null
+  ] });
+};
+export {
+  vn as default
+};