@notificationapi/react 1.4.0 → 1.5.0

package/dist/assets/Notification.js

@@ -1,9 +1,9 @@
 import { jsx as _, jsxs as ut } from "react/jsx-runtime";
-import { g as ai, a as ui, s as $t, m as li, u as ci, c as fi, P as p, f as hi, K as dn, q as pi, L as di } from "./DefaultPropsProvider.js";
+import { g as ai, e as ui, s as $t, m as li, u as ci, c as fi, P as p, b as hi, Q as dn, M as pi, R as di } from "./DefaultPropsProvider.js";
 import * as mt from "react";
 import De, { useMemo as ne, useCallback as mi, useRef as Kt, useState as gi, useEffect as er } from "react";
 import { c as mn } from "./createSvgIcon.js";
-import { u as yi } from "./ButtonBase.js";
+import { a as yi } from "./ButtonBase.js";
 import { T as tr } from "./Typography.js";
 import { I as wi } from "./IconButton.js";
 import { B as vi } from "./Badge.js";
@@ -152,10 +152,10 @@ const gn = /* @__PURE__ */ mt.forwardRef(function(e, r) {
     ...typeof c.img == "function" ? c.img(O) : c.img,
     src: g,
     srcSet: v
-  }), U = g || v, z = U && y !== "error";
-  O.colorDefault = !z, delete O.ownerState;
-  const M = Oi(O), [ee, pe] = yi("img", {
-    className: M.img,
+  }), U = g || v, M = U && y !== "error";
+  O.colorDefault = !M, delete O.ownerState;
+  const z = Oi(O), [ee, pe] = yi("img", {
+    className: z.img,
     elementType: ki,
     externalForwardedProps: {
       slots: l,
@@ -174,14 +174,14 @@ const gn = /* @__PURE__ */ mt.forwardRef(function(e, r) {
     },
     ownerState: O
   });
-  return z ? D = /* @__PURE__ */ _(ee, {
+  return M ? D = /* @__PURE__ */ _(ee, {
     ...pe
   }) : s || s === 0 ? D = s : U && i ? D = i[0] : D = /* @__PURE__ */ _(xi, {
     ownerState: O,
-    className: M.fallback
+    className: z.fallback
   }), /* @__PURE__ */ _(Si, {
     as: a,
-    className: fi(M.root, o),
+    className: fi(z.root, o),
     ref: r,
     ...k,
     ownerState: O,
@@ -315,7 +315,7 @@ function m(t) {
 function nr(t) {
   return t = Number(t), isNaN(t) ? 0 : t;
 }
-function zt(t) {
+function Mt(t) {
   return typeof t == "number";
 }
 function yn(t) {
@@ -383,7 +383,7 @@ function E(t) {
     return t.call(this, ...e.map(m));
   };
 }
-function Mt(t) {
+function zt(t) {
   return t.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
 }
 const or = "__liquidClass__";
@@ -411,7 +411,7 @@ class ji extends fe {
     super(e, r), this.name = "ParseError", this.message = e.message, super.update();
   }
 }
-class zi extends fe {
+class Mi extends fe {
   constructor(e, r) {
     super(e, r.token), this.name = "RenderError", this.message = e.message, super.update();
   }
@@ -429,7 +429,7 @@ class On extends fe {
     return e.name === "LiquidErrors";
   }
 }
-class Mi extends fe {
+class zi extends fe {
   constructor(e, r) {
     super(e, r), this.name = "UndefinedVariableError", this.message = e.message, super.update();
   }
@@ -1111,7 +1111,7 @@ class Ss {
         if (o && n.write(o), n.break || n.continue)
           break;
       } catch (o) {
-        const a = fe.is(o) ? o : new zi(o, s);
+        const a = fe.is(o) ? o : new Mi(o, s);
         if (r.opts.catchAllErrors)
           i.push(a);
         else
@@ -1172,7 +1172,7 @@ function* xs(t, e, r) {
   } catch (i) {
     if (r && i.name === "InternalUndefinedVariableError")
       return null;
-    throw new Mi(i, t);
+    throw new zi(i, t);
   }
 }
 function Rn(t) {
@@ -1301,7 +1301,7 @@ function Is(t) {
   return Pn(t, ".");
 }
 const js = "/";
-var zs = /* @__PURE__ */ Object.freeze({
+var Ms = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   resolve: Rs,
   readFile: Ps,
@@ -1311,7 +1311,7 @@ var zs = /* @__PURE__ */ Object.freeze({
   dirname: Is,
   sep: js
 });
-function Ms(t, e, ...r) {
+function zs(t, e, ...r) {
   return t = m(t), A(t) || N(t) ? t.length ? t : e : t === !1 && new Map(r).get("allow_false") ? !1 : it(t, this.context) ? e : t;
 }
 function Tr(t, e = 0) {
@@ -1335,7 +1335,7 @@ const Us = {
   handler: Tn
 };
 var En = {
-  default: Ms,
+  default: zs,
   raw: Us,
   jsonify: Tr,
   to_integer: qs,
@@ -1429,7 +1429,7 @@ const de = {
   keyValueSeparator: ":",
   cache: void 0,
   extname: "",
-  fs: zs,
+  fs: Ms,
   dynamicPartials: !0,
   jsTruthy: !1,
   dateFormat: "%A, %B %-e, %Y at %-l:%M %P %z",
@@ -2229,12 +2229,12 @@ const Po = (t) => decodeURIComponent(h(t)).replace(/\+/g, " "), Eo = (t) => enco
 function jo(t, e = "default", r = !1) {
   t = h(t);
   const n = Io[e];
-  return n && (e === "latin" && (t = zo(t)), t = t.replace(n, "-").replace(/^-|-$/g, "")), r ? t : t.toLowerCase();
+  return n && (e === "latin" && (t = Mo(t)), t = t.replace(n, "-").replace(/^-|-$/g, "")), r ? t : t.toLowerCase();
 }
-function zo(t) {
+function Mo(t) {
   return t.replace(/[àáâãäå]/g, "a").replace(/[æ]/g, "ae").replace(/[ç]/g, "c").replace(/[èéêë]/g, "e").replace(/[ìíîï]/g, "i").replace(/[ð]/g, "d").replace(/[ñ]/g, "n").replace(/[òóôõöø]/g, "o").replace(/[ùúûü]/g, "u").replace(/[ýÿ]/g, "y").replace(/[ß]/g, "ss").replace(/[œ]/g, "oe").replace(/[þ]/g, "th").replace(/[ẞ]/g, "SS").replace(/[Œ]/g, "OE").replace(/[Þ]/g, "TH");
 }
-var Mo = /* @__PURE__ */ Object.freeze({
+var zo = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   url_decode: Po,
   url_encode: Eo,
@@ -2404,7 +2404,7 @@ function Ht(t, e, r) {
   var n, i, s;
   const o = ((n = t == null ? void 0 : t.length) !== null && n !== void 0 ? n : 0) + ((i = e == null ? void 0 : e.length) !== null && i !== void 0 ? i : 0) + ((s = r == null ? void 0 : r.length) !== null && s !== void 0 ? s : 0);
   this.context.memoryLimit.use(o);
-  const a = zn(t, this.context.opts, r);
+  const a = Mn(t, this.context.opts, r);
   return a ? (e = m(e), e = $(e) ? this.context.opts.dateFormat : h(e), He(a, e)) : t;
 }
 function ca(t) {
@@ -2420,7 +2420,7 @@ function pa(t, e, r) {
   return jn.call(this, t, "%B", e, r);
 }
 function jn(t, e, r, n) {
-  const i = zn(t, this.context.opts);
+  const i = Mn(t, this.context.opts);
   if (!i)
     return t;
   if (r === "ordinal") {
@@ -2429,10 +2429,10 @@ function jn(t, e, r, n) {
   }
   return He(i, `%d ${e} %Y`);
 }
-function zn(t, e, r) {
+function Mn(t, e, r) {
   let n;
   const i = r ?? e.timezoneOffset, s = e.locale;
-  return t = m(t), t === "now" || t === "today" ? n = new q(Date.now(), s, i) : zt(t) ? n = new q(t * 1e3, s, i) : N(t) ? /^\d+$/.test(t) ? n = new q(+t * 1e3, s, i) : e.preserveTimezones && r === void 0 ? n = q.createDateFixedToTimezone(t, s) : n = new q(t, s, i) : n = new q(t, s, i), n.valid() ? n : void 0;
+  return t = m(t), t === "now" || t === "today" ? n = new q(Date.now(), s, i) : Mt(t) ? n = new q(t * 1e3, s, i) : N(t) ? /^\d+$/.test(t) ? n = new q(+t * 1e3, s, i) : e.preserveTimezones && r === void 0 ? n = q.createDateFixedToTimezone(t, s) : n = new q(t, s, i) : n = new q(t, s, i), n.valid() ? n : void 0;
 }
 var da = /* @__PURE__ */ Object.freeze({
   __proto__: null,
@@ -2455,7 +2455,7 @@ function ga(t, e) {
 }
 function ya(t, e) {
   const r = h(t);
-  return this.context.memoryLimit.use(r.length), e ? (e = Mt(h(e)), r.replace(new RegExp(`^[${e}]+`, "g"), "")) : r.replace(/^\s+/, "");
+  return this.context.memoryLimit.use(r.length), e ? (e = zt(h(e)), r.replace(new RegExp(`^[${e}]+`, "g"), "")) : r.replace(/^\s+/, "");
 }
 function wa(t) {
   const e = h(t);
@@ -2480,7 +2480,7 @@ function Oa(t, e) {
   return i === -1 ? r : r.substring(0, i) + r.substring(i + n.length);
 }
 function Sa(t, e) {
-  return t = h(t), this.context.memoryLimit.use(t.length), e ? (e = Mt(h(e)), t.replace(new RegExp(`[${e}]+$`, "g"), "")) : t.replace(/\s+$/, "");
+  return t = h(t), this.context.memoryLimit.use(t.length), e ? (e = zt(h(e)), t.replace(new RegExp(`[${e}]+$`, "g"), "")) : t.replace(/\s+$/, "");
 }
 function ka(t, e) {
   const r = h(t);
@@ -2492,7 +2492,7 @@ function ka(t, e) {
 }
 function xa(t, e) {
   const r = h(t);
-  return this.context.memoryLimit.use(r.length), e ? (e = Mt(h(e)), r.replace(new RegExp(`^[${e}]+`, "g"), "").replace(new RegExp(`[${e}]+$`, "g"), "")) : r.trim();
+  return this.context.memoryLimit.use(r.length), e ? (e = zt(h(e)), r.replace(new RegExp(`^[${e}]+`, "g"), "").replace(new RegExp(`[${e}]+$`, "g"), "")) : r.trim();
 }
 function La(t) {
   const e = h(t);
@@ -2583,8 +2583,8 @@ var Ia = /* @__PURE__ */ Object.freeze({
   number_of_words: Na,
   array_to_sentence_string: $a
 });
-const ja = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Zs), Ro), Mo), la), da), Ia), En);
-class za extends T {
+const ja = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Zs), Ro), zo), la), da), Ia), En);
+class Ma extends T {
   constructor(e, r, n) {
     super(e, r, n), this.key = this.tokenizer.readIdentifier().content, this.tokenizer.assert(this.key, "expected variable name"), this.tokenizer.skipBlank(), this.tokenizer.assert(this.tokenizer.peek() === "=", 'expected "="'), this.tokenizer.advance(), this.value = new I(this.tokenizer.readFilteredValue(), this.liquid);
   }
@@ -2593,7 +2593,7 @@ class za extends T {
   }
 }
 const kr = ["offset", "limit", "reversed"];
-class Ma extends T {
+class za extends T {
   constructor(e, r, n, i) {
     super(e, r, n);
     const s = this.tokenizer.readIdentifier(), o = this.tokenizer.readIdentifier(), a = this.tokenizer.readValue();
@@ -2804,7 +2804,7 @@ class Ja extends T {
   }
   render(e, r) {
     const n = e.environments;
-    zt(n[this.variable]) || (n[this.variable] = 0), r.write(h(--n[this.variable]));
+    Mt(n[this.variable]) || (n[this.variable] = 0), r.write(h(--n[this.variable]));
   }
 }
 class Qa extends T {
@@ -2863,7 +2863,7 @@ class Ga extends T {
   }
   render(e, r) {
     const n = e.environments;
-    zt(n[this.variable]) || (n[this.variable] = 0);
+    Mt(n[this.variable]) || (n[this.variable] = 0);
     const i = n[this.variable];
     n[this.variable]++, r.write(h(i));
   }
@@ -3050,8 +3050,8 @@ class uu extends T {
   }
 }
 const lu = {
-  assign: za,
-  for: Ma,
+  assign: Ma,
+  for: za,
   capture: Va,
   case: Ba,
   comment: Ha,
@@ -3176,12 +3176,12 @@ class Jt {
     };
   }
 }
-var Mn = "en", Qt = {}, wt = {};
+var zn = "en", Qt = {}, wt = {};
 function Cn() {
-  return Mn;
+  return zn;
 }
 function cu(t) {
-  Mn = t;
+  zn = t;
 }
 function fu(t) {
   return Qt[t];
@@ -3835,7 +3835,7 @@ function Tt(t) {
 function ju(t, e) {
   var r = typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
   if (r) return (r = r.call(t)).next.bind(r);
-  if (Array.isArray(t) || (r = zu(t)) || e) {
+  if (Array.isArray(t) || (r = Mu(t)) || e) {
     r && (t = r);
     var n = 0;
     return function() {
@@ -3845,7 +3845,7 @@ function ju(t, e) {
   throw new TypeError(`Invalid attempt to iterate non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function zu(t, e) {
+function Mu(t, e) {
   if (t) {
     if (typeof t == "string") return Ir(t, e);
     var r = Object.prototype.toString.call(t).slice(8, -1);
@@ -3859,7 +3859,7 @@ function Ir(t, e) {
     n[r] = t[r];
   return n;
 }
-function Mu(t, e) {
+function zu(t, e) {
   for (var r = ju(t), n; !(n = r()).done; ) {
     var i = n.value;
     if (e(i))
@@ -3960,7 +3960,7 @@ function jr(t, e, r) {
   if (e === "now" ? s = ye(t) : s = ye(e), i !== void 0 && s !== void 0)
     return i - s * (1 - Zt(n));
 }
-function zr(t, e) {
+function Mr(t, e) {
   var r = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(t);
@@ -3973,9 +3973,9 @@ function zr(t, e) {
 function Bu(t) {
   for (var e = 1; e < arguments.length; e++) {
     var r = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? zr(Object(r), !0).forEach(function(n) {
+    e % 2 ? Mr(Object(r), !0).forEach(function(n) {
       Hu(t, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : zr(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : Mr(Object(r)).forEach(function(n) {
       Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
@@ -4127,7 +4127,7 @@ const rl = [{
   steps: rl,
   labels: "long"
 };
-function Mr(t, e) {
+function zr(t, e) {
   var r = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(t);
@@ -4140,9 +4140,9 @@ function Mr(t, e) {
 function Cr(t) {
   for (var e = 1; e < arguments.length; e++) {
     var r = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? Mr(Object(r), !0).forEach(function(n) {
+    e % 2 ? zr(Object(r), !0).forEach(function(n) {
       nl(t, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : Mr(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : zr(Object(r)).forEach(function(n) {
       Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
@@ -4683,7 +4683,7 @@ function Al(t, e, r) {
 var P = /* @__PURE__ */ function() {
   function t() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = r.polyfill;
-    xl(this, t), typeof e == "string" && (e = [e]), this.locale = Mu(e.concat(t.getDefaultLocale()), me), typeof Intl < "u" && Intl.NumberFormat && (this.numberFormat = new Intl.NumberFormat(this.locale)), n === !1 ? (this.IntlRelativeTimeFormat = Intl.RelativeTimeFormat, this.IntlPluralRules = Intl.PluralRules) : (this.IntlRelativeTimeFormat = X, this.IntlPluralRules = X.PluralRules), this.relativeTimeFormatCache = new $r(), this.pluralRulesCache = new $r();
+    xl(this, t), typeof e == "string" && (e = [e]), this.locale = zu(e.concat(t.getDefaultLocale()), me), typeof Intl < "u" && Intl.NumberFormat && (this.numberFormat = new Intl.NumberFormat(this.locale)), n === !1 ? (this.IntlRelativeTimeFormat = Intl.RelativeTimeFormat, this.IntlPluralRules = Intl.PluralRules) : (this.IntlRelativeTimeFormat = X, this.IntlPluralRules = X.PluralRules), this.relativeTimeFormatCache = new $r(), this.pluralRulesCache = new $r();
   }
   return Al(t, [{
     key: "format",
@@ -4722,7 +4722,7 @@ var P = /* @__PURE__ */ function() {
           future: d,
           getNextStep: !0
         }
-      ), O = Tl(D, 3), y = O[0], U = O[1], z = O[2], M = this.formatDateForStep(s, U, f, {
+      ), O = Tl(D, 3), y = O[0], U = O[1], M = O[2], z = this.formatDateForStep(s, U, f, {
         labels: a,
         labelsType: l,
         nowLabel: g,
@@ -4732,15 +4732,15 @@ var P = /* @__PURE__ */ function() {
       }) || "";
       if (i.getTimeToNextUpdate) {
         var ee = Ku(s, U, {
-          nextStep: z,
+          nextStep: M,
           prevStep: y,
           now: c,
           future: d,
           round: k
         });
-        return [M, ee];
+        return [z, ee];
       }
-      return M;
+      return z;
     }
   }, {
     key: "formatDateForStep",
@@ -5269,7 +5269,7 @@ function jl(t, e) {
       return !1;
   return !0;
 }
-function zl(t, e) {
+function Ml(t, e) {
   e === void 0 && (e = jl);
   var r = null;
   function n() {
@@ -5296,7 +5296,7 @@ function Pt(t) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
   }, Pt(t);
 }
-function Ml(t) {
+function zl(t) {
   if (ei())
     return Intl.DateTimeFormat.supportedLocalesOf(t)[0];
 }
@@ -5365,11 +5365,11 @@ function Hl(t, e) {
     return i.format(s);
   };
 }
-const Wl = zl(Hl);
+const Wl = Ml(Hl);
 var pt = {};
 function Yl(t) {
   var e = t.toString();
-  return pt[e] ? pt[e] : pt[e] = Ml(t);
+  return pt[e] ? pt[e] : pt[e] = zl(t);
 }
 function Et(t) {
   "@babel/helpers - typeof";
@@ -5622,27 +5622,27 @@ function mc(t) {
   e = ne(function() {
     return Jl(e);
   }, [e]);
-  var z = mi(function() {
+  var M = mi(function() {
     var W = (F || Date.now()) - D, xe;
     if (r && W >= e.getTime() && (W = e.getTime(), xe = !0), a !== void 0) {
-      var ze = e.getTime() - a * 1e3;
-      W > ze && (W = ze, xe = !0);
+      var Me = e.getTime() - a * 1e3;
+      W > Me && (W = Me, xe = !0);
     }
     var si = U.format(e, s, {
       getTimeToNextUpdate: !0,
       now: W,
       future: r,
       round: o
-    }), Xt = Ue(si, 2), oi = Xt[0], Me = Xt[1];
-    return xe ? Me = yc : Me = d || Me || 60 * 1e3, [oi, W + Me];
-  }, [e, r, s, d, o, a, U, F]), M = Kt();
-  M.current = z;
-  var ee = ne(z, []), pe = Ue(ee, 2), Se = pe[0], at = pe[1], Ne = gi(Se), $e = Ue(Ne, 2), Ie = $e[0], ke = $e[1], je = Kt();
+    }), Xt = Ue(si, 2), oi = Xt[0], ze = Xt[1];
+    return xe ? ze = yc : ze = d || ze || 60 * 1e3, [oi, W + ze];
+  }, [e, r, s, d, o, a, U, F]), z = Kt();
+  z.current = M;
+  var ee = ne(M, []), pe = Ue(ee, 2), Se = pe[0], at = pe[1], Ne = gi(Se), $e = Ue(Ne, 2), Ie = $e[0], ke = $e[1], je = Kt();
   er(function() {
     if (v)
       return je.current = uc.add({
         getNextValue: function() {
-          return M.current();
+          return z.current();
         },
         setValue: ke,
         nextUpdateTime: at
@@ -5653,10 +5653,10 @@ function mc(t) {
     if (je.current)
       je.current.forceUpdate();
     else {
-      var W = z(), xe = Ue(W, 1), ze = xe[0];
-      ke(ze);
+      var W = M(), xe = Ue(W, 1), Me = xe[0];
+      ke(Me);
     }
-  }, [z]);
+  }, [M]);
   var Gt = ne(function() {
     return Wl(y, f);
   }, [y, f]), ii = ne(function() {
@@ -5728,7 +5728,7 @@ function Sc(t, e) {
   return r;
 }
 function rt(t) {
-  var e = t.date, r = t.future, n = t.timeStyle, i = t.round, s = t.minTimeLeft, o = t.locale, a = t.locales, l = a === void 0 ? [] : a, c = t.formatVerboseDate, f = t.verboseDateFormat, d = t.updateInterval, g = t.tick, v = t.now, F = t.timeOffset, k = t.polyfill, D = t.tooltip, O = D === void 0 ? !0 : D, y = t.component, U = y === void 0 ? Ke : y, z = t.container, M = t.wrapperComponent, ee = t.wrapperProps, pe = Oc(t, Tc), Se = mc({
+  var e = t.date, r = t.future, n = t.timeStyle, i = t.round, s = t.minTimeLeft, o = t.locale, a = t.locales, l = a === void 0 ? [] : a, c = t.formatVerboseDate, f = t.verboseDateFormat, d = t.updateInterval, g = t.tick, v = t.now, F = t.timeOffset, k = t.polyfill, D = t.tooltip, O = D === void 0 ? !0 : D, y = t.component, U = y === void 0 ? Ke : y, M = t.container, z = t.wrapperComponent, ee = t.wrapperProps, pe = Oc(t, Tc), Se = mc({
     date: e,
     future: r,
     timeStyle: n,
@@ -5747,7 +5747,7 @@ function rt(t) {
     date: at,
     verboseDate: Ne,
     tooltip: O
-  }, pe), $e), ke = M || z;
+  }, pe), $e), ke = z || M;
   return ke ? /* @__PURE__ */ De.createElement(ke, tt({}, ee, {
     verboseDate: Ne
   }), Ie) : Ie;
@@ -5934,10 +5934,12 @@ const kc = di.div`
           {
             style: {
               position: "relative",
-              width: 52,
+              minWidth: 52,
               height: 32,
               display: "flex",
-              alignItems: "center"
+              alignItems: "center",
+              justifyContent: "flex-end",
+              paddingRight: 12
             },
             children: [
               /* @__PURE__ */ _(
@@ -5946,6 +5948,10 @@ const kc = di.div`
                   className: "notification-archive-button",
                   size: "small",
                   onClick: (y) => (t.markAsArchived(v), y.preventDefault(), y.stopPropagation(), !1),
+                  style: {
+                    position: "absolute",
+                    left: 0
+                  },
                   children: /* @__PURE__ */ _(Ai, { fontSize: "small" })
                 }
               ),
@@ -5956,12 +5962,7 @@ const kc = di.div`
                   color: "error",
                   className: "notification-highlight",
                   style: {
-                    visibility: d ? "hidden" : "visible",
-                    marginRight: 0,
-                    marginLeft: 12,
-                    marginTop: 6,
-                    bottom: 2,
-                    right: 0
+                    visibility: d ? "hidden" : "visible"
                   }
                 }
               )

package/dist/assets/Paper.js

@@ -1,5 +1,5 @@
 import * as P from "react";
-import { g as b, a as h, s as g, m as w, u as T, c as $, b as u, e as f, P as a, f as x } from "./DefaultPropsProvider.js";
+import { g as b, e as h, s as g, m as w, u as T, c as $, a as u, f, P as a, b as x } from "./DefaultPropsProvider.js";
 import { u as O } from "./useTheme.js";
 import { jsx as C } from "react/jsx-runtime";
 import { c as N } from "./ButtonBase.js";

package/dist/assets/Popover.js

@@ -1,14 +1,14 @@
 import * as p from "react";
-import { g as ge, a as ve, s as te, u as ye, c as Y, P as e, f as be } from "./DefaultPropsProvider.js";
-import { i as Te } from "./Inbox.js";
-import { u as X, r as Ee, c as Oe, e as Re } from "./ButtonBase.js";
+import { g as ge, e as ve, s as te, u as ye, c as Y, P as e, b as be } from "./DefaultPropsProvider.js";
+import { i as Te } from "./List.js";
+import { a as X, r as Ee, c as Oe, e as Re } from "./ButtonBase.js";
 import { jsx as z } from "react/jsx-runtime";
-import { M as we, o as J } from "./NotificationPreferencesPopup.js";
+import { M as we, o as J } from "./Modal.js";
 import { P as xe } from "./Paper.js";
 import { o as K, H as Q } from "./Portal.js";
 import { u as Ce } from "./resolveComponentProps.js";
 import { i as Me } from "./integerPropType.js";
-import { G as Ne } from "./InboxHeader.js";
+import { G as Ne } from "./Grow.js";
 function je(t, o = 166) {
   let n;
   function g(...R) {
@@ -447,5 +447,7 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
   TransitionProps: e.object
 });
 export {
-  Ue as P
+  Ue as P,
+  Se as a,
+  je as d
 };

package/dist/assets/Portal.js

@@ -1,7 +1,7 @@
 import { P as c } from "./DefaultPropsProvider.js";
-import { c as m, a as f } from "./ButtonBase.js";
+import { c as m, b as f } from "./ButtonBase.js";
 import * as u from "react";
-import { r as P } from "./utils.js";
+import { a as P } from "./utils.js";
 import { u as h, s as d } from "./resolveComponentProps.js";
 function v(e) {
   const {