@servicetitan/anvil2 0.8.3 → 0.9.0

package/useAccessibleColor.js

@@ -1,83 +1,85 @@
 import "./index4.css";
-import { D as Te } from "./Alert-824b3ad4.js";
-import "./Announcement-ba080c3e.js";
-import "./Avatar-22bb74ca.js";
-import "./Badge-da23aed3.js";
-import { k as G } from "./Button-66b9c955.js";
-import { E as _e } from "./Calendar-4d7aca93.js";
-import "./Card-6ded141e.js";
-import "./Checkbox-8d294c5e.js";
-import "./Chip-2c170535.js";
-import "./Combobox-8913ce4e.js";
-import "./Details-54b5e7aa.js";
-import "./Dialog-d409d130.js";
-import "./Divider-38187d6d.js";
-import "./Drawer-ddd7914b.js";
-import "./Flex-f1146ad5.js";
-import "./Grid-234bc5d1.js";
-import "./index-34a59514-87e04c7f.js";
-import "./Label-9db08425.js";
-import "./Link-e07677c7.js";
-import "./Listbox-b3bdffa7.js";
-import "./ListView-29cf9116.js";
-import "./Menu-ab1b5fb6.js";
-import "./Popover-c03e96a7.js";
-import "./ProgressBar-ef621dd5.js";
-import "./Radio-dab030c5.js";
-import "./SideNav-abd95834.js";
-import { p as we } from "./SrOnly-219e862e.js";
-import { f as c } from "./jsx-runtime-944c88e2-e73fa629.js";
-import { q as K } from "./index-b6ca5fc4.js";
-import "./Stepper-acc83b95.js";
-import "./Switch-de621e8b.js";
-import "./Tab-2efb0b29.js";
-import "./Text-10643eec.js";
-import "./Textarea-9332ebd4.js";
-import "./TextField-72d16321.js";
-import "./Tooltip-6f564b63.js";
-import { f as Ut, f as Rt } from "./usePrefersColorScheme-129544ad-f17399b0.js";
-import { createContext as ve, forwardRef as Z, useRef as y, useState as S, useEffect as N, useCallback as ye, useMemo as J, useContext as be } from "react";
-import "./index-ccf0845b.js";
+import { B as we } from "./Alert-8b719ddf.js";
+import "./Announcement-69af0ed1.js";
+import "./Avatar-077e77c4.js";
+import "./Badge-d9278856.js";
+import { C as Y } from "./Button-c4133e06.js";
+import { E as Te } from "./Calendar-19935376.js";
+import "./Card-f006730b.js";
+import "./Checkbox-f9ced9f9.js";
+import "./Chip-10abfc56.js";
+import "./index-e2190769-db3e4fe9.js";
+import "./Details-6adfaafb.js";
+import "./Dialog-14e5961e.js";
+import "./Divider-a01f8c9f.js";
+import "./Drawer-f17c709d.js";
+import "./Flex-103266ff.js";
+import "./Grid-bb280e0f.js";
+import "./index-eb47459e-08bc2254.js";
+import "./Label-8200cf8f.js";
+import "./Link-73d4183f.js";
+import "./Listbox-b0e5fdc3.js";
+import "./ListView-97a459d8.js";
+import "./Menu-44563169.js";
+import "./Popover-43b95d09.js";
+import "./ProgressBar-3cd0c29c.js";
+import "./Radio-23738e1c.js";
+import "./SideNav-c841edde.js";
+import { p as ve } from "./SrOnly-f331a0ad.js";
+import { f as d } from "./jsx-runtime-944c88e2-e73fa629.js";
+import { K as W } from "./index-39087e81.js";
+import "./Stepper-e11afee4.js";
+import "./Switch-9322c398.js";
+import "./Tab-e9280c87.js";
+import "./Text-e245e792.js";
+import "./Textarea-a573df75.js";
+import "./TextField-0c2f3002.js";
+import "./Tooltip-97a82aea.js";
+import { f as Lt, f as Pt } from "./usePrefersColorScheme-129544ad-3ba4632b.js";
+import { createContext as ye, forwardRef as J, useRef as k, useState as N, useEffect as S, useCallback as be, useMemo as Q, useContext as ke } from "react";
+import "./index-87fe0e18.js";
 import "./LocalizationProvider.js";
-import "./index-bbef83ec.js";
-import { u as ke } from "./use-reduced-motion-68bea567.js";
+import "./index-87a65c62.js";
+import "./tinycolor-d415b1fd.js";
+import { u as Ce } from "./floating-ui.react-20365654.js";
+import { u as Ee } from "./use-reduced-motion-68bea567.js";
 let F;
-const Ee = new Uint8Array(16);
-function $e() {
+const Ne = new Uint8Array(16);
+function Se() {
   if (!F && (F = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !F))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return F(Ee);
+  return F(Ne);
 }
-const u = [];
+const l = [];
 for (let e = 0; e < 256; ++e)
-  u.push((e + 256).toString(16).slice(1));
-function Ce(e, t = 0) {
-  return u[e[t + 0]] + u[e[t + 1]] + u[e[t + 2]] + u[e[t + 3]] + "-" + u[e[t + 4]] + u[e[t + 5]] + "-" + u[e[t + 6]] + u[e[t + 7]] + "-" + u[e[t + 8]] + u[e[t + 9]] + "-" + u[e[t + 10]] + u[e[t + 11]] + u[e[t + 12]] + u[e[t + 13]] + u[e[t + 14]] + u[e[t + 15]];
+  l.push((e + 256).toString(16).slice(1));
+function $e(e, t = 0) {
+  return l[e[t + 0]] + l[e[t + 1]] + l[e[t + 2]] + l[e[t + 3]] + "-" + l[e[t + 4]] + l[e[t + 5]] + "-" + l[e[t + 6]] + l[e[t + 7]] + "-" + l[e[t + 8]] + l[e[t + 9]] + "-" + l[e[t + 10]] + l[e[t + 11]] + l[e[t + 12]] + l[e[t + 13]] + l[e[t + 14]] + l[e[t + 15]];
 }
-const Se = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ee = {
-  randomUUID: Se
+const Ie = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), se = {
+  randomUUID: Ie
 };
-function Ne(e, t, r) {
-  if (ee.randomUUID && !t && !e)
-    return ee.randomUUID();
+function je(e, t, r) {
+  if (se.randomUUID && !t && !e)
+    return se.randomUUID();
   e = e || {};
-  const s = e.random || (e.rng || $e)();
+  const s = e.random || (e.rng || Se)();
   if (s[6] = s[6] & 15 | 64, s[8] = s[8] & 63 | 128, t) {
     r = r || 0;
     for (let o = 0; o < 16; ++o)
       t[r + o] = s[o];
     return t;
   }
-  return Ce(s);
+  return $e(s);
 }
-const je = "_toaster_15ia4_4", He = "_hidden_15ia4_61", Ie = "_stacked_15ia4_68", Be = "_open_15ia4_155", Ve = "_slideIn_15ia4_1", De = "_close_15ia4_158", Me = "_slideOut_15ia4_1", i = {
-  toaster: je,
+const He = "_toaster_15ia4_4", Be = "_hidden_15ia4_61", Me = "_stacked_15ia4_68", Ve = "_open_15ia4_155", Re = "_slideIn_15ia4_1", Ue = "_close_15ia4_158", Ae = "_slideOut_15ia4_1", c = {
+  toaster: He,
   "toast-wrapper": "_toast-wrapper_15ia4_28",
   "toast-alert": "_toast-alert_15ia4_42",
   "alert-action": "_alert-action_15ia4_47",
   "show-extra-toast": "_show-extra-toast_15ia4_58",
-  hidden: He,
-  stacked: Ie,
+  hidden: Be,
+  stacked: Me,
   "stack-one": "_stack-one_15ia4_71",
   "stack-two": "_stack-two_15ia4_71",
   "message-container": "_message-container_15ia4_77",
@@ -87,11 +89,11 @@ const je = "_toaster_15ia4_4", He = "_hidden_15ia4_61", Ie = "_stacked_15ia4_68"
   "show-collapse-button-container": "_show-collapse-button-container_15ia4_115",
   "show-more-button": "_show-more-button_15ia4_114",
   "show-collapse-button": "_show-collapse-button_15ia4_115",
-  open: Be,
-  slideIn: Ve,
-  close: De,
-  slideOut: Me
-}, ne = ve({
+  open: Ve,
+  slideIn: Re,
+  close: Ue,
+  slideOut: Ae
+}, ce = ye({
   toasts: [],
   setToasts: () => [],
   toastHeights: [],
@@ -101,47 +103,48 @@ const je = "_toaster_15ia4_4", He = "_hidden_15ia4_61", Ie = "_stacked_15ia4_68"
   setToastsBeforeStack: () => [],
   extraToastsVisible: !1,
   setExtraToastsVisible: () => []
-}), Ue = (e) => new Set(e).size !== e.length, Re = (e) => {
-  const [t, r] = S([]), [s, o] = S([]), [n, a] = S(3), [x, H] = S(!1);
-  N(() => {
-    if (Ue(t.map((m) => m.id)))
-      throw new Error(
-        "The Hammer ToastProvider has detected multiple toasts with the same id. Each toast id needs to be unique."
-      );
+}), De = (e) => {
+  const [t, r] = N([]), [s, o] = N([]), [n, a] = N(3), [f, V] = N(!1), _ = (T) => {
+    const w = /* @__PURE__ */ new Set();
+    return T.filter((i) => w.has(i.id) ? (console.error(`Encountered toast with duplicate id ${i.id}. Each toast id needs to be unique.`), !1) : (w.add(i.id), !0));
+  };
+  S(() => {
+    const T = _(t);
+    t.length !== T.length && r(T);
   }, [t]);
-  const h = ye(
-    (m) => {
-      const k = s.filter((d, l) => m !== void 0 ? l > m : !0).map((d) => d.height);
-      return k.length > 0 ? x ? k.reduce((d, l) => d + l) : k.filter((d, l) => l >= k.length - n).reduce((d, l) => d + l) : 0;
+  const b = be(
+    (T) => {
+      const w = s.filter((i, m) => T !== void 0 ? m > T : !0).map((i) => i.height);
+      return w.length > 0 ? f ? w.reduce((i, m) => i + m) : w.filter((i, m) => m >= w.length - n).reduce((i, m) => i + m) : 0;
     },
-    [s, x, n]
-  ), b = J(
+    [s, f, n]
+  ), x = Q(
     () => ({
       toasts: t,
       setToasts: r,
       toastHeights: s,
       setToastHeights: o,
-      getToasterHeight: h,
+      getToasterHeight: b,
       toastsBeforeStack: n,
       setToastsBeforeStack: a,
-      extraToastsVisible: x,
-      setExtraToastsVisible: H
+      extraToastsVisible: f,
+      setExtraToastsVisible: V
     }),
     [
-      x,
-      h,
+      f,
+      b,
       s,
       t,
       n
     ]
   );
-  return /* @__PURE__ */ c.jsx(ne.Provider, { value: b, ...e });
-}, A = () => {
-  const e = be(ne);
+  return /* @__PURE__ */ d.jsx(ce.Provider, { value: x, ...e });
+}, L = () => {
+  const e = ke(ce);
   if (e == null)
     throw new Error("useToasts must be wrapped in <ToastProvider />");
   return e;
-}, _ = () => {
+}, v = () => {
   console.error(
     `Please use one of the following toast methods:
 `,
@@ -156,10 +159,10 @@ const je = "_toaster_15ia4_4", He = "_hidden_15ia4_61", Ie = "_stacked_15ia4_68"
     ].map((e) => `	toast.${e}()
 `)
   );
-}, Y = "hammer-toast", Ae = ["info", "success", "warning", "danger"], P = {};
-Ae.forEach((e) => {
+}, ee = "hammer-toast", Le = ["info", "success", "warning", "danger"], P = {};
+Le.forEach((e) => {
   P[e] = (t) => {
-    const r = Ne(), s = new CustomEvent(Y, {
+    const r = je(), s = new CustomEvent(ee, {
       composed: !0,
       detail: {
         id: r,
@@ -174,7 +177,7 @@ Ae.forEach((e) => {
 });
 const Pe = (e, t) => {
   const r = new CustomEvent(
-    Y,
+    ee,
     {
       composed: !0,
       detail: {
@@ -187,7 +190,7 @@ const Pe = (e, t) => {
   dispatchEvent(r);
 }, ze = (e) => {
   const t = new CustomEvent(
-    Y,
+    ee,
     {
       composed: !0,
       detail: {
@@ -197,47 +200,47 @@ const Pe = (e, t) => {
     }
   );
   dispatchEvent(t);
-}, Le = async (e, t) => {
-  const r = _.info({ ...t.loading, duration: !1 });
+}, Oe = async (e, t) => {
+  const r = v.info({ ...t.loading, duration: !1 });
   return await Promise.resolve(e).then((s) => {
-    _.update(r, {
+    v.update(r, {
       ...t.success(s),
       status: "success"
     });
   }).catch((s) => {
-    _.update(r, {
+    v.update(r, {
       ...t.error(s),
       status: "danger"
     });
   }), r;
 };
-_.info = P.info;
-_.success = P.success;
-_.warning = P.warning;
-_.danger = P.danger;
-_.update = Pe;
-_.dismiss = ze;
-_.promise = Le;
-const Oe = () => {
-  const { toastHeights: e, toastsBeforeStack: t } = A(), r = e.length, s = r > t + 1 ? "2rem" : "1rem";
+v.info = P.info;
+v.success = P.success;
+v.warning = P.warning;
+v.danger = P.danger;
+v.update = Pe;
+v.dismiss = ze;
+v.promise = Oe;
+const qe = () => {
+  const { toastHeights: e, toastsBeforeStack: t } = L(), r = e.length, s = r > t + 1 ? "2rem" : "1rem";
   return {
     // -0.75px fixes hover issue when 1rem != 16px due to pixel rounding
-    top: `calc(${J(() => r > t ? e.filter((o, n) => n >= r - t).map((o) => o.height).reduce((o, n) => o + n) : "unset", [e, t])}px + ${s} - 0.75px)`,
+    top: `calc(${Q(() => r > t ? e.filter((o, n) => n >= r - t).map((o) => o.height).reduce((o, n) => o + n) : "unset", [e, t])}px + ${s} - 0.75px)`,
     position: "absolute",
     display: r > t ? void 0 : "none"
   };
-}, te = "5.3125rem", se = "1rem", re = `${24 / 16}rem`, qe = (e) => {
+}, re = "5.3125rem", oe = "1rem", ae = `${24 / 16}rem`, Ke = (e) => {
   const {
     toasts: t,
     toastHeights: r,
     getToasterHeight: s,
     toastsBeforeStack: o,
     extraToastsVisible: n
-  } = A(), a = t.length, x = s(e);
-  return J(() => {
+  } = L(), a = t.length, f = s(e);
+  return Q(() => {
     if (e === a - 1)
       return {
-        top: re,
+        top: ae,
         zIndex: 3
       };
     if (
@@ -246,25 +249,25 @@ const Oe = () => {
       !n && (a <= o || a > o && e >= a - o)
     )
       return {
-        top: `calc(${x}px + ${re})`
+        top: `calc(${f}px + ${ae})`
       };
     if (a > o) {
       if (e === a - o - 1)
         return {
-          top: `calc(${x || 0}px - ${te} +
-              ${se})`,
+          top: `calc(${f || 0}px - ${re} +
+              ${oe})`,
           zIndex: 1
         };
       if (e <= a - o - 2)
         return {
-          top: `calc(${x || 0}px -
-              ${te} 
-             + ${se} * 2)`,
+          top: `calc(${f || 0}px -
+              ${re} 
+             + ${oe} * 2)`,
           zIndex: 0
         };
     }
   }, [r]);
-}, oe = (e, t, r) => {
+}, ne = (e, t, r) => {
   r((s) => s.find((o) => o.id === e) ? s.map((o) => o.id === e ? { ...o, height: t } : o) : [
     ...s,
     {
@@ -272,25 +275,25 @@ const Oe = () => {
       height: t
     }
   ]);
-}, ae = (e, t, r) => {
+}, ie = (e, t, r) => {
   e((s) => r ? s.filter((o) => o.id !== r) : []), t((s) => r ? s.filter((o) => o.id !== r) : []);
 }, Fe = (e, t, r, s) => {
   globalThis.matchMedia(
     "(prefers-reduced-motion: reduce)"
-  ).matches ? ae(e, t, s) : (e(
+  ).matches ? ie(e, t, s) : (e(
     (o) => o.map((n) => !s || n.id === s ? {
       ...n,
       toastClassName: r
     } : n)
   ), setTimeout(() => {
-    ae(e, t, s);
+    ie(e, t, s);
   }, 290));
-}, ie = (e) => {
-  const { setToasts: t, setToastHeights: r } = A();
+}, de = (e) => {
+  const { setToasts: t, setToastHeights: r } = L();
   return (s) => {
     Fe(t, r, e, s);
   };
-}, ce = Z(
+}, ue = J(
   ({
     actions: e,
     containerClassName: t,
@@ -299,108 +302,107 @@ const Oe = () => {
     index: o = 0,
     isBelowStackIndex: n,
     isStacked: a,
-    message: x,
-    onClose: H,
-    pausedStatus: h,
+    message: f,
+    onClose: V,
+    pausedStatus: _,
     toastClassName: b,
-    ...m
-  }, k) => {
-    const { setToastHeights: d, extraToastsVisible: l } = A(), I = ie(i.close), M = ke(), g = qe(o), j = y(null), w = y(), B = y(0), V = y(r ?? 0), U = y(!1), [R, z] = S(
-      i.hidden
-    ), [$, D] = S(!1), L = K(
-      i["toast-alert"],
+    ...x
+  }, T) => {
+    const { setToastHeights: w, extraToastsVisible: i } = L(), m = de(c.close), z = Ee(), R = Ke(o), u = k(null), y = k(), $ = k(0), U = k(r ?? 0), B = k(!1), [X, A] = N(
+      c.hidden
+    ), [M, I] = N(!1), D = W(
+      c["toast-alert"],
       b,
-      R
+      X
     );
-    N(() => {
-      $ || (z(i.open), M && D(!0));
-    }, []), N(() => {
-      if (j.current && $ && !a)
-        if (n && l)
+    S(() => {
+      M || (A(c.open), z && I(!0));
+    }, []), S(() => {
+      if (u.current && M && !a)
+        if (n && i)
           setTimeout(() => {
-            const v = j.current.clientHeight;
-            oe(m.id, v, d);
+            const C = u.current.clientHeight;
+            ne(x.id, C, w);
           }, 300);
         else {
-          const v = j.current.clientHeight;
-          oe(m.id, v, d);
+          const C = u.current.clientHeight;
+          ne(x.id, C, w);
         }
     }, [
-      $,
+      M,
       a,
-      l,
+      i,
       // toast updates
       e,
-      x,
-      m.title
-    ]), N(() => {
+      f,
+      x.title
+    ]), S(() => {
       if (s && !a)
-        if (h) {
-          if (typeof h == "number")
-            clearTimeout(w.current), B.current = h;
-          else if (h === "resumed") {
-            const v = (
+        if (_) {
+          if (typeof _ == "number")
+            clearTimeout(y.current), $.current = _;
+          else if (_ === "resumed") {
+            const C = (
               // rendering new toast after initial hover
-              B.current === 0 ? s : (
+              $.current === 0 ? s : (
                 // resume timer after valid hover
-                s + (V.current || 0) - B.current
+                s + (U.current || 0) - $.current
               )
             );
-            return w.current = setTimeout(() => {
-              I(m.id), B.current = 0;
-            }, v), () => clearTimeout(w.current);
+            return y.current = setTimeout(() => {
+              m(x.id), $.current = 0;
+            }, C), () => clearTimeout(y.current);
           }
         } else
-          return w.current = setTimeout(
-            () => I(m.id),
+          return y.current = setTimeout(
+            () => m(x.id),
             s
-          ), () => clearTimeout(w.current);
-    }, [V.current, s, h]), N(() => {
+          ), () => clearTimeout(y.current);
+    }, [U.current, s, _]), S(() => {
       if (s) {
         if (a)
-          clearTimeout(w.current), U.current = !0;
-        else if (!a && U.current && typeof h != "number")
-          return V.current = Date.now(), w.current = setTimeout(() => {
-            I(m.id), U.current = !1;
-          }, s), () => clearTimeout(w.current);
+          clearTimeout(y.current), B.current = !0;
+        else if (!a && B.current && typeof _ != "number")
+          return U.current = Date.now(), y.current = setTimeout(() => {
+            m(x.id), B.current = !1;
+          }, s), () => clearTimeout(y.current);
       }
     }, [a, s]);
-    const O = (v) => {
-      if (v === "right") {
-        _.dismiss(m.id);
+    const O = (C) => {
+      if (C === "right") {
+        v.dismiss(x.id);
         return;
       }
-    }, { direction: W, ...Q } = _e(O), X = a && !l ? {} : {
-      closable: !0,
-      onClose: H
+    }, { direction: Z, ...q } = Te(O), G = a && !i ? {} : {
+      onClose: V
     };
     if (s !== !1 && e)
       throw new Error(
         "If actions are provided to toast message, duration must be false."
       );
-    return /* @__PURE__ */ c.jsx(
+    return /* @__PURE__ */ d.jsx(
       "div",
       {
         "data-anv": "Toast",
         className: t,
-        style: g ?? { top: "1.5rem" },
-        ref: j,
-        onAnimationStart: () => D(!0),
+        style: R ?? { top: "1.5rem" },
+        ref: u,
+        onAnimationStart: () => I(!0),
         role: a ? "presentation" : void 0,
-        ...Q,
-        children: /* @__PURE__ */ c.jsxs(
-          Te,
+        ...q,
+        children: /* @__PURE__ */ d.jsxs(
+          we,
           {
-            className: L,
-            ...m,
-            ...X,
-            ref: k,
-            tabIndex: a && !l ? -1 : 0,
+            className: D,
+            ...x,
+            ...G,
+            ref: T,
+            tabIndex: a && !i ? -1 : 0,
             children: [
-              /* @__PURE__ */ c.jsx("div", { className: i["message-container"], children: x }),
-              e && s === !1 && /* @__PURE__ */ c.jsxs("div", { className: i["alert-action"], children: [
-                /* @__PURE__ */ c.jsx(G, { appearance: e.primary.appearance, size: "small", children: e.primary.label }),
-                e.secondary && /* @__PURE__ */ c.jsx(G, { appearance: e.secondary.appearance, size: "small", children: e.secondary.label })
+              /* @__PURE__ */ d.jsx("div", { className: c["message-container"], children: f }),
+              e && s === !1 && /* @__PURE__ */ d.jsxs("div", { className: c["alert-action"], children: [
+                /* @__PURE__ */ d.jsx(Y, { appearance: e.primary.appearance, size: "small", children: e.primary.label }),
+                e.secondary && /* @__PURE__ */ d.jsx(Y, { appearance: e.secondary.appearance, size: "small", children: e.secondary.label })
               ] })
             ]
           }
@@ -409,10 +411,10 @@ const Oe = () => {
     );
   }
 );
-ce.displayName = "Toast";
-const Ke = Z(
-  (e, t) => /* @__PURE__ */ c.jsx(Re, { children: /* @__PURE__ */ c.jsx(de, { ...e, ...t }) })
-), de = Z(
+ue.displayName = "Toast";
+const We = J(
+  (e, t) => /* @__PURE__ */ d.jsx(De, { children: /* @__PURE__ */ d.jsx(le, { ...e, ...t }) })
+), le = J(
   ({
     className: e,
     duration: t = !1,
@@ -421,40 +423,45 @@ const Ke = Z(
     forceRender: o = !1,
     id: n,
     toastsBeforeStack: a = 3,
-    ...x
-  }, H) => {
-    const h = y(null), b = y(null), {
-      toasts: m,
-      setToastsBeforeStack: k,
-      extraToastsVisible: d,
-      setExtraToastsVisible: l,
-      setToasts: I,
-      getToasterHeight: M
-    } = A(), g = m.length, j = y(0), w = ie(i.close), [B, V] = S(0);
-    N(() => {
-      window.addEventListener("hammer-toast", (p) => {
-        const { eventType: f, ...E } = p.detail;
-        f === "add" ? I((T) => [...T, E]) : f === "update" ? I((T) => T.map((C) => C.id === E.id ? {
-          ...C,
-          ...E
-        } : C)) : f === "dismiss" && (E.id ? w(E.id) : w());
-      });
-    }, []), N(() => {
-      g > j.current ? V(M()) : setTimeout(() => V(M()), 290), j.current = g;
-    }, [M]), N(() => {
-      k(a);
-    }, [k, a]);
-    const U = Oe(), [R, z] = S(void 0), $ = y(null), D = y(!1);
-    if (g === 0)
-      return;
-    if (document.querySelectorAll(`[data-toaster-id=${n}]`).length > 1) {
+    ...f
+  }, V) => {
+    const _ = k(null), b = k(null), x = Ce([_, V]), {
+      toasts: T,
+      setToastsBeforeStack: w,
+      extraToastsVisible: i,
+      setExtraToastsVisible: m,
+      setToasts: z,
+      getToasterHeight: R
+    } = L(), u = T.length, y = k(0), $ = de(c.close), [U, B] = N(0);
+    S(() => {
+      const h = (g) => {
+        const { eventType: j, ...p } = g.detail;
+        if (j === "add") {
+          const E = p;
+          (!E.toasterId || E.toasterId === n) && z((H) => [...H, p]);
+        } else
+          j === "update" ? z((E) => E.map((H) => H.id === p.id ? {
+            ...H,
+            ...p
+          } : H)) : j === "dismiss" && (p.id ? $(p.id) : $());
+      };
+      return window.addEventListener("hammer-toast", h), () => window.removeEventListener("hammer-toast", h);
+    }, []), S(() => {
+      u > y.current ? B(R()) : setTimeout(() => B(R()), 290), y.current = u;
+    }, [R]), S(() => {
+      w(a);
+    }, [w, a]);
+    const X = qe(), [A, M] = N(void 0), I = k(null), D = k(!1);
+    if (u === 0)
+      return /* @__PURE__ */ d.jsx("div", { ref: x });
+    if (document.querySelectorAll(`[data-toaster-id="${n}"]`).length > 1) {
       console.error(
         `Multiple Hammer Toasters with id=${n} detected. Toaster ids should be unique. These Toasters will not render.`
       );
       return;
     }
-    const L = document.querySelectorAll("[data-anv='Toaster']");
-    if (L.length > 1 && L[0].getAttribute("data-toaster-id") !== n)
+    const O = document.querySelectorAll("[data-anv='Toaster']");
+    if (O.length > 1 && O[0].getAttribute("data-toaster-id") !== n)
       if (o)
         console.warn(
           "Multiple Hammer Toasters detected. `forceRender` was used so multiple may be rendered. Avoid doing this in production code."
@@ -467,89 +474,87 @@ const Ke = Z(
         );
         return;
       }
-    const O = !d && g > a, W = g - a, Q = `${W} more message${W > 1 ? "s" : ""}`, X = K(i.toaster, e, {
-      [i["show-more-button"]]: O,
-      [i["show-extra-toast"]]: d
-    }), v = () => {
-      (R === "resumed" || R === void 0) && z(Date.now());
-    }, q = () => {
-      var p, f;
-      l(!1), z("resumed"), (p = h.current) != null && p.scrollTo && ((f = h.current) == null || f.scrollTo(0, 0));
-    }, le = async (p) => {
-      const { activeElement: f } = document;
-      (f == null ? void 0 : f.tagName.toLowerCase()) !== "input" && (f == null ? void 0 : f.tagName.toLowerCase()) !== "textarea" && g > 0 && p.code === s ? (p.preventDefault(), l(!0), $.current = document.activeElement, D.current = !0, setTimeout(() => {
+    const Z = !i && u > a, q = u - a, G = `${q} more message${q > 1 ? "s" : ""}`, C = W(c.toaster, e, {
+      [c["show-more-button"]]: Z,
+      [c["show-extra-toast"]]: i
+    }), te = () => {
+      (A === "resumed" || A === void 0) && M(Date.now());
+    }, K = () => {
+      var h, g;
+      m(!1), M("resumed"), (h = _.current) != null && h.scrollTo && ((g = _.current) == null || g.scrollTo(0, 0));
+    }, me = async (h) => {
+      const { activeElement: g } = document;
+      (g == null ? void 0 : g.tagName.toLowerCase()) !== "input" && (g == null ? void 0 : g.tagName.toLowerCase()) !== "textarea" && (g == null ? void 0 : g.tagName.toLowerCase()) !== "pre" && u > 0 && h.code === s ? (h.preventDefault(), m(!0), I.current = document.activeElement, D.current = !0, setTimeout(() => {
         b.current && (b.current.focus(), b.current.scrollTo && b.current.scrollTo());
-      }, 300)) : p.code === "Escape" && D.current === !0 && (l(!1), q(), $.current && $.current.tagName.toLowerCase() !== "body" ? $.current.focus() : document.activeElement.blur(), D.current = !1);
+      }, 300)) : h.code === "Escape" && D.current === !0 && (m(!1), K(), I.current && I.current.tagName.toLowerCase() !== "body" ? I.current.focus() : document.activeElement.blur(), D.current = !1);
     };
-    document.addEventListener("keydown", le);
-    const ue = () => {
-      var p;
-      (p = h.current) != null && p.matches(":focus-within") || q();
+    document.addEventListener("keydown", me);
+    const pe = () => {
+      var h;
+      (h = _.current) != null && h.matches(":focus-within") || K();
     };
-    return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-      /* @__PURE__ */ c.jsxs(
+    return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+      /* @__PURE__ */ d.jsxs(
         "div",
         {
           "data-anv": "Toaster",
           "data-toaster-id": n,
-          className: X,
-          ref: (p) => {
-            h.current = p, typeof H == "function" && H(p);
-          },
-          onMouseOver: v,
-          onMouseLeave: q,
-          onFocus: v,
-          onBlur: ue,
+          className: C,
+          ref: x,
+          onMouseOver: te,
+          onMouseLeave: K,
+          onFocus: te,
+          onBlur: pe,
           style: {
-            height: d ? "100vh" : `calc(${B}px + 2rem + var(--toaster-padding))`
+            height: i ? "100vh" : `calc(${U}px + 2rem + var(--toaster-padding))`
           },
-          ...x,
+          ...f,
           children: [
-            m.map(({ toastClassName: p, onClose: f, ...E }, T) => {
-              const C = !d && T < g - a, me = T === g - a, pe = T < g - a - 2, he = K(i.toast, p), ge = K(i["toast-wrapper"], {
-                [i.stacked]: C || me,
-                [i["stack-one"]]: C && T === g - a - 1,
-                [i["stack-two"]]: C && T === g - a - 2,
-                [i["stacked-extra"]]: pe,
-                [i["stacked-show-extra"]]: d
-              }), fe = (xe) => {
-                f && f(xe), _.dismiss(E.id);
+            T.map(({ toastClassName: h, onClose: g, ...j }, p) => {
+              const E = !i && p < u - a, H = p === u - a, he = p < u - a - 2, ge = W(c.toast, h), fe = W(c["toast-wrapper"], {
+                [c.stacked]: E || H,
+                [c["stack-one"]]: E && p === u - a - 1,
+                [c["stack-two"]]: E && p === u - a - 2,
+                [c["stacked-extra"]]: he,
+                [c["stacked-show-extra"]]: i
+              }), _e = (xe) => {
+                g && g(xe), v.dismiss(j.id);
               };
-              return /* @__PURE__ */ c.jsx(
-                ce,
+              return /* @__PURE__ */ d.jsx(
+                ue,
                 {
-                  containerClassName: ge,
+                  containerClassName: fe,
                   duration: t,
-                  index: T,
-                  isStacked: C,
-                  isBelowStackIndex: T < g - a,
-                  onClose: fe,
-                  pausedStatus: R,
-                  toastClassName: he,
-                  ref: T === 0 ? b : void 0,
-                  ...E
+                  index: p,
+                  isStacked: E,
+                  isBelowStackIndex: p < u - a,
+                  onClose: _e,
+                  pausedStatus: A,
+                  toastClassName: ge,
+                  ref: p === 0 ? b : void 0,
+                  ...j
                 },
-                E.id
+                j.id
               );
             }),
-            O && /* @__PURE__ */ c.jsx(
+            Z && /* @__PURE__ */ d.jsx(
               "div",
               {
-                className: i["show-more-button-container"],
-                style: U,
-                children: /* @__PURE__ */ c.jsx(
-                  G,
+                className: c["show-more-button-container"],
+                style: X,
+                children: /* @__PURE__ */ d.jsx(
+                  Y,
                   {
-                    className: i.showMoreButton,
-                    onClick: () => l(!0),
+                    className: c.showMoreButton,
+                    onClick: () => m(!0),
                     appearance: "secondary",
                     tabIndex: 0,
-                    children: Q
+                    children: G
                   }
                 )
               }
             ),
-            /* @__PURE__ */ c.jsxs(we, { "aria-live": "polite", children: [
+            /* @__PURE__ */ d.jsxs(ve, { "aria-live": "polite", children: [
               "New toast message appeared. Press the ",
               r,
               " key to focus on the toast messages. Press escape to return focus to previous position."
@@ -557,11 +562,11 @@ const Ke = Z(
           ]
         }
       ),
-      d && /* @__PURE__ */ c.jsx("div", { className: i["show-collapse-button-container"], children: /* @__PURE__ */ c.jsx(
-        G,
+      i && /* @__PURE__ */ d.jsx("div", { className: c["show-collapse-button-container"], children: /* @__PURE__ */ d.jsx(
+        Y,
         {
-          className: i["show-collapse-button"],
-          onClick: q,
+          className: c["show-collapse-button"],
+          onClick: K,
           appearance: "secondary",
           children: "Collapse Messages"
         }
@@ -569,10 +574,10 @@ const Ke = Z(
     ] });
   }
 );
-Ke.displayName = "Toaster";
-de.displayName = "ToasterContent";
+We.displayName = "Toaster";
+le.displayName = "ToasterContent";
 export {
-  Ut as default,
-  Rt as useAccessibleColor
+  Lt as default,
+  Pt as useAccessibleColor
 };
 //# sourceMappingURL=useAccessibleColor.js.map