@servicetitan/anvil2 0.7.0 → 0.8.0

package/useAccessibleColor.js

@@ -1,67 +1,97 @@
 import "./index4.css";
-import { D as me } from "./Alert-cbfb26da.js";
-import "./Announcement-55ce78e1.js";
-import "./Avatar-9a600991.js";
-import "./Badge-0f0115d7.js";
-import { C as R } from "./Button-a1d54612.js";
-import { E as pe } from "./Calendar-eab84d20.js";
-import "./Card-df3afa75.js";
-import "./Checkbox-2afa867d.js";
-import "./Chip-796feb5f.js";
-import "./Combobox-78c98d99.js";
-import "./Details-28451aba.js";
-import "./Dialog-376e879f.js";
-import "./Divider-18854176.js";
-import "./Drawer-cd9a525f.js";
-import "./Flex-91d902ab.js";
-import "./Grid-b826f76e.js";
-import "./index-11e70fb8-1d736146.js";
-import "./Label-578ce53c.js";
-import "./Link-11e411de.js";
-import "./Listbox-b77bf5db.js";
-import "./Menu-2d3d189e.js";
-import "./Popover-c9e991b5.js";
-import "./ProgressBar-0a9cc187.js";
-import "./Radio-7a7d5069.js";
-import "./SideNav-044309df.js";
-import { p as he } from "./SrOnly-de546b91.js";
-import { f as l } from "./jsx-runtime-944c88e2-e73fa629.js";
-import { L as O } from "./index-4e32870a.js";
-import "./Stepper-80fa9d45.js";
-import "./Switch-accd063a.js";
-import "./Tab-d436d249.js";
-import "./Text-1fa57df0.js";
-import "./Textarea-d788d92b.js";
-import "./TextField-4d28f369.js";
-import "./Tooltip-14c639ee.js";
-import { g as Ct, g as Nt } from "./useAccessibleColor-3358f4f6-ddcfc9d6.js";
-import { createContext as fe, forwardRef as J, useRef as v, useState as N, useEffect as q, useCallback as xe, useMemo as Q, useContext as ge } from "react";
-import "./index-376d3301.js";
+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 "./LocalizationProvider.js";
-import "./index-193c7238.js";
-import { u as we } from "./use-reduced-motion-68bea567.js";
-const _e = "_toaster_1qiex_4", Te = "_hidden_1qiex_61", ve = "_stacked_1qiex_68", be = "_open_1qiex_155", ke = "_slideIn_1qiex_1", ye = "_close_1qiex_158", Ce = "_slideOut_1qiex_1", i = {
-  toaster: _e,
-  "toast-wrapper": "_toast-wrapper_1qiex_28",
-  "toast-alert": "_toast-alert_1qiex_42",
-  "alert-action": "_alert-action_1qiex_47",
-  "show-extra-toast": "_show-extra-toast_1qiex_58",
-  hidden: Te,
-  stacked: ve,
-  "stack-one": "_stack-one_1qiex_71",
-  "stack-two": "_stack-two_1qiex_71",
-  "message-container": "_message-container_1qiex_77",
-  "stacked-show-extra": "_stacked-show-extra_1qiex_87",
-  "stacked-extra": "_stacked-extra_1qiex_101",
-  "show-more-button-container": "_show-more-button-container_1qiex_114",
-  "show-collapse-button-container": "_show-collapse-button-container_1qiex_115",
-  "show-more-button": "_show-more-button_1qiex_114",
-  "show-collapse-button": "_show-collapse-button_1qiex_115",
-  open: be,
-  slideIn: ke,
-  close: ye,
-  slideOut: Ce
-}, se = fe({
+import "./index-bbef83ec.js";
+import { u as ke } from "./use-reduced-motion-68bea567.js";
+let F;
+const Ee = new Uint8Array(16);
+function $e() {
+  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);
+}
+const u = [];
+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]];
+}
+const Se = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ee = {
+  randomUUID: Se
+};
+function Ne(e, t, r) {
+  if (ee.randomUUID && !t && !e)
+    return ee.randomUUID();
+  e = e || {};
+  const s = e.random || (e.rng || $e)();
+  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);
+}
+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,
+  "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,
+  "stack-one": "_stack-one_15ia4_71",
+  "stack-two": "_stack-two_15ia4_71",
+  "message-container": "_message-container_15ia4_77",
+  "stacked-show-extra": "_stacked-show-extra_15ia4_87",
+  "stacked-extra": "_stacked-extra_15ia4_101",
+  "show-more-button-container": "_show-more-button-container_15ia4_114",
+  "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({
   toasts: [],
   setToasts: () => [],
   toastHeights: [],
@@ -71,47 +101,47 @@ const _e = "_toaster_1qiex_4", Te = "_hidden_1qiex_61", ve = "_stacked_1qiex_68"
   setToastsBeforeStack: () => [],
   extraToastsVisible: !1,
   setExtraToastsVisible: () => []
-}), Ne = (e) => new Set(e).size !== e.length, qe = (e) => {
-  const [s, r] = N([]), [t, o] = N([]), [c, a] = N(3), [d, b] = N(!1);
-  q(() => {
-    if (Ne(s.map((n) => n.id)))
+}), 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."
       );
-  }, [s]);
-  const x = xe(
-    (n) => {
-      const _ = t.filter((f, u) => n !== void 0 ? u > n : !0).map((f) => f.height);
-      return _.length > 0 ? d ? _.reduce((f, u) => f + u) : _.filter((f, u) => u >= _.length - c).reduce((f, u) => f + u) : 0;
+  }, [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;
     },
-    [t, d, c]
-  ), j = Q(
+    [s, x, n]
+  ), b = J(
     () => ({
-      toasts: s,
+      toasts: t,
       setToasts: r,
-      toastHeights: t,
+      toastHeights: s,
       setToastHeights: o,
-      getToasterHeight: x,
-      toastsBeforeStack: c,
+      getToasterHeight: h,
+      toastsBeforeStack: n,
       setToastsBeforeStack: a,
-      extraToastsVisible: d,
-      setExtraToastsVisible: b
+      extraToastsVisible: x,
+      setExtraToastsVisible: H
     }),
     [
-      d,
       x,
-      t,
+      h,
       s,
-      c
+      t,
+      n
     ]
   );
-  return /* @__PURE__ */ l.jsx(se.Provider, { value: j, ...e });
+  return /* @__PURE__ */ c.jsx(ne.Provider, { value: b, ...e });
 }, A = () => {
-  const e = ge(se);
+  const e = be(ne);
   if (e == null)
     throw new Error("useToasts must be wrapped in <ToastProvider />");
   return e;
-}, w = () => {
+}, _ = () => {
   console.error(
     `Please use one of the following toast methods:
 `,
@@ -126,37 +156,38 @@ const _e = "_toaster_1qiex_4", Te = "_hidden_1qiex_61", ve = "_stacked_1qiex_68"
     ].map((e) => `	toast.${e}()
 `)
   );
-}, X = "hammer-toast", Ee = ["info", "success", "warning", "danger"], D = {};
-Ee.forEach((e) => {
-  D[e] = (s) => {
-    const r = new CustomEvent(X, {
+}, Y = "hammer-toast", Ae = ["info", "success", "warning", "danger"], P = {};
+Ae.forEach((e) => {
+  P[e] = (t) => {
+    const r = Ne(), s = new CustomEvent(Y, {
       composed: !0,
       detail: {
+        id: r,
         eventType: "add",
         status: e,
         createdAt: Date.now(),
-        ...s
+        ...t
       }
     });
-    dispatchEvent(r);
+    return dispatchEvent(s), r;
   };
 });
-const je = (e, s) => {
+const Pe = (e, t) => {
   const r = new CustomEvent(
-    X,
+    Y,
     {
       composed: !0,
       detail: {
         eventType: "update",
         id: e,
-        ...s
+        ...t
       }
     }
   );
   dispatchEvent(r);
-}, $e = (e) => {
-  const s = new CustomEvent(
-    X,
+}, ze = (e) => {
+  const t = new CustomEvent(
+    Y,
     {
       composed: !0,
       detail: {
@@ -165,209 +196,211 @@ const je = (e, s) => {
       }
     }
   );
-  dispatchEvent(s);
-}, Se = async (e, s, r) => {
-  w.info({ id: s, ...r.loading, duration: !1 }), await Promise.resolve(e).then((t) => {
-    w.update(s, {
-      ...r.success(t),
+  dispatchEvent(t);
+}, Le = async (e, t) => {
+  const r = _.info({ ...t.loading, duration: !1 });
+  return await Promise.resolve(e).then((s) => {
+    _.update(r, {
+      ...t.success(s),
       status: "success"
     });
-  }).catch((t) => {
-    w.update(s, {
-      ...r.error(t),
+  }).catch((s) => {
+    _.update(r, {
+      ...t.error(s),
       status: "danger"
     });
-  });
+  }), r;
 };
-w.info = D.info;
-w.success = D.success;
-w.warning = D.warning;
-w.danger = D.danger;
-w.update = je;
-w.dismiss = $e;
-w.promise = Se;
-const He = () => {
-  const { toastHeights: e, toastsBeforeStack: s } = A(), r = e.length, t = r > s + 1 ? "2rem" : "1rem";
+_.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";
   return {
     // -0.75px fixes hover issue when 1rem != 16px due to pixel rounding
-    top: `calc(${Q(() => r > s ? e.filter((o, c) => c >= r - s).map((o) => o.height).reduce((o, c) => o + c) : "unset", [e, s])}px + ${t} - 0.75px)`,
+    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)`,
     position: "absolute",
-    display: r > s ? void 0 : "none"
+    display: r > t ? void 0 : "none"
   };
-}, Z = "5.3125rem", W = "1rem", Y = `${24 / 16}rem`, Be = (e) => {
+}, te = "5.3125rem", se = "1rem", re = `${24 / 16}rem`, qe = (e) => {
   const {
-    toasts: s,
+    toasts: t,
     toastHeights: r,
-    getToasterHeight: t,
+    getToasterHeight: s,
     toastsBeforeStack: o,
-    extraToastsVisible: c
-  } = A(), a = s.length, d = t(e);
-  return Q(() => {
+    extraToastsVisible: n
+  } = A(), a = t.length, x = s(e);
+  return J(() => {
     if (e === a - 1)
       return {
-        top: Y,
+        top: re,
         zIndex: 3
       };
     if (
       // all toasts when show more is clicked
-      c || // or visible toasts when stacked
-      !c && (a <= o || a > o && e >= a - o)
+      n || // or visible toasts when stacked
+      !n && (a <= o || a > o && e >= a - o)
     )
       return {
-        top: `calc(${d}px + ${Y})`
+        top: `calc(${x}px + ${re})`
       };
     if (a > o) {
       if (e === a - o - 1)
         return {
-          top: `calc(${d || 0}px - ${Z} +
-              ${W})`,
+          top: `calc(${x || 0}px - ${te} +
+              ${se})`,
           zIndex: 1
         };
       if (e <= a - o - 2)
         return {
-          top: `calc(${d || 0}px -
-              ${Z} 
-             + ${W} * 2)`,
+          top: `calc(${x || 0}px -
+              ${te} 
+             + ${se} * 2)`,
           zIndex: 0
         };
     }
   }, [r]);
-}, ee = (e, s, r) => {
-  r((t) => t.find((o) => o.id === e) ? t.map((o) => o.id === e ? { ...o, height: s } : o) : [
-    ...t,
+}, oe = (e, t, r) => {
+  r((s) => s.find((o) => o.id === e) ? s.map((o) => o.id === e ? { ...o, height: t } : o) : [
+    ...s,
     {
       id: e,
-      height: s
+      height: t
     }
   ]);
-}, te = (e, s, r) => {
-  e((t) => r ? t.filter((o) => o.id !== r) : []), s((t) => r ? t.filter((o) => o.id !== r) : []);
-}, Ie = (e, s, r, t) => {
+}, ae = (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 ? te(e, s, t) : (e(
-    (o) => o.map((c) => !t || c.id === t ? {
-      ...c,
+  ).matches ? ae(e, t, s) : (e(
+    (o) => o.map((n) => !s || n.id === s ? {
+      ...n,
       toastClassName: r
-    } : c)
+    } : n)
   ), setTimeout(() => {
-    te(e, s, t);
+    ae(e, t, s);
   }, 290));
-}, oe = (e) => {
-  const { setToasts: s, setToastHeights: r } = A();
-  return (t) => {
-    Ie(s, r, e, t);
+}, ie = (e) => {
+  const { setToasts: t, setToastHeights: r } = A();
+  return (s) => {
+    Fe(t, r, e, s);
   };
-}, re = J(
+}, ce = Z(
   ({
     actions: e,
-    containerClassName: s,
+    containerClassName: t,
     createdAt: r,
-    duration: t,
+    duration: s,
     index: o = 0,
-    isBelowStackIndex: c,
+    isBelowStackIndex: n,
     isStacked: a,
-    message: d,
-    onClose: b,
-    pausedStatus: x,
-    toastClassName: j,
-    ...n
-  }, _) => {
-    const { setToastHeights: f, extraToastsVisible: u } = A(), m = oe(i.close), L = we(), z = Be(o), $ = v(null), T = v(), S = v(0), E = v(r ?? 0), H = v(!1), [B, V] = N(
+    message: x,
+    onClose: H,
+    pausedStatus: h,
+    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
-    ), [I, P] = N(!1), K = O(
+    ), [$, D] = S(!1), L = K(
       i["toast-alert"],
-      j,
-      B
+      b,
+      R
     );
-    q(() => {
-      I || (V(i.open), L && P(!0));
-    }, []), q(() => {
-      if ($.current && I && !a)
-        if (c && u)
+    N(() => {
+      $ || (z(i.open), M && D(!0));
+    }, []), N(() => {
+      if (j.current && $ && !a)
+        if (n && l)
           setTimeout(() => {
-            const k = $.current.clientHeight;
-            ee(n.id, k, f);
+            const v = j.current.clientHeight;
+            oe(m.id, v, d);
           }, 300);
         else {
-          const k = $.current.clientHeight;
-          ee(n.id, k, f);
+          const v = j.current.clientHeight;
+          oe(m.id, v, d);
         }
     }, [
-      I,
+      $,
       a,
-      u,
+      l,
       // toast updates
       e,
-      d,
-      n.title
-    ]), q(() => {
-      if (t && !a)
-        if (x) {
-          if (typeof x == "number")
-            clearTimeout(T.current), S.current = x;
-          else if (x === "resumed") {
-            const k = (
+      x,
+      m.title
+    ]), N(() => {
+      if (s && !a)
+        if (h) {
+          if (typeof h == "number")
+            clearTimeout(w.current), B.current = h;
+          else if (h === "resumed") {
+            const v = (
               // rendering new toast after initial hover
-              S.current === 0 ? t : (
+              B.current === 0 ? s : (
                 // resume timer after valid hover
-                t + (E.current || 0) - S.current
+                s + (V.current || 0) - B.current
               )
             );
-            return T.current = setTimeout(() => {
-              m(n.id), S.current = 0;
-            }, k), () => clearTimeout(T.current);
+            return w.current = setTimeout(() => {
+              I(m.id), B.current = 0;
+            }, v), () => clearTimeout(w.current);
           }
         } else
-          return T.current = setTimeout(
-            () => m(n.id),
-            t
-          ), () => clearTimeout(T.current);
-    }, [E.current, t, x]), q(() => {
-      if (t) {
+          return w.current = setTimeout(
+            () => I(m.id),
+            s
+          ), () => clearTimeout(w.current);
+    }, [V.current, s, h]), N(() => {
+      if (s) {
         if (a)
-          clearTimeout(T.current), H.current = !0;
-        else if (!a && H.current && typeof x != "number")
-          return E.current = Date.now(), T.current = setTimeout(() => {
-            m(n.id), H.current = !1;
-          }, t), () => clearTimeout(T.current);
+          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);
       }
-    }, [a, t]);
-    const F = (k) => {
-      if (k === "right") {
-        w.dismiss(n.id);
+    }, [a, s]);
+    const O = (v) => {
+      if (v === "right") {
+        _.dismiss(m.id);
         return;
       }
-    }, { direction: G, ...M } = pe(F), U = a && !u ? {} : {
+    }, { direction: W, ...Q } = _e(O), X = a && !l ? {} : {
       closable: !0,
-      onClose: b
+      onClose: H
     };
-    if (t !== !1 && e)
+    if (s !== !1 && e)
       throw new Error(
         "If actions are provided to toast message, duration must be false."
       );
-    return /* @__PURE__ */ l.jsx(
+    return /* @__PURE__ */ c.jsx(
       "div",
       {
-        className: s,
-        style: z ?? { top: "1.5rem" },
-        ref: $,
-        onAnimationStart: () => P(!0),
+        "data-anv": "Toast",
+        className: t,
+        style: g ?? { top: "1.5rem" },
+        ref: j,
+        onAnimationStart: () => D(!0),
         role: a ? "presentation" : void 0,
-        ...M,
-        children: /* @__PURE__ */ l.jsxs(
-          me,
+        ...Q,
+        children: /* @__PURE__ */ c.jsxs(
+          Te,
           {
-            className: K,
-            ...n,
-            ...U,
-            ref: _,
-            tabIndex: a && !u ? -1 : 0,
+            className: L,
+            ...m,
+            ...X,
+            ref: k,
+            tabIndex: a && !l ? -1 : 0,
             children: [
-              /* @__PURE__ */ l.jsx("div", { className: i["message-container"], children: d }),
-              e && t === !1 && /* @__PURE__ */ l.jsxs("div", { className: i["alert-action"], children: [
-                /* @__PURE__ */ l.jsx(R, { appearance: e.primary.appearance, size: "small", children: e.primary.label }),
-                e.secondary && /* @__PURE__ */ l.jsx(R, { appearance: e.secondary.appearance, size: "small", children: e.secondary.label })
+              /* @__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 })
               ] })
             ]
           }
@@ -376,123 +409,147 @@ const He = () => {
     );
   }
 );
-re.displayName = "Toast";
-const Me = J(
-  (e, s) => /* @__PURE__ */ l.jsx(qe, { children: /* @__PURE__ */ l.jsx(ae, { ...e, ...s }) })
-), ae = J(
+ce.displayName = "Toast";
+const Ke = Z(
+  (e, t) => /* @__PURE__ */ c.jsx(Re, { children: /* @__PURE__ */ c.jsx(de, { ...e, ...t }) })
+), de = Z(
   ({
     className: e,
-    duration: s = !1,
+    duration: t = !1,
     focusKey: r = "t",
-    focusKeyCode: t = "KeyT",
-    toastsBeforeStack: o = 3,
-    ...c
-  }, a) => {
-    const d = v(null), b = v(null), {
-      toasts: x,
-      setToastsBeforeStack: j,
-      extraToastsVisible: n,
-      setExtraToastsVisible: _,
-      setToasts: f,
-      getToasterHeight: u
-    } = A(), m = x.length, L = v(0), z = oe(i.close), [$, T] = N(0);
-    q(() => {
+    focusKeyCode: s = "KeyT",
+    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: h, ...y } = p.detail;
-        h === "add" ? f((g) => [...g, y]) : h === "update" ? f((g) => g.map((C) => C.id === y.id ? {
+        const { eventType: f, ...E } = p.detail;
+        f === "add" ? I((T) => [...T, E]) : f === "update" ? I((T) => T.map((C) => C.id === E.id ? {
           ...C,
-          ...y
-        } : C)) : h === "dismiss" && (y.id ? z(y.id) : z());
+          ...E
+        } : C)) : f === "dismiss" && (E.id ? w(E.id) : w());
       });
-    }, []), q(() => {
-      m > L.current ? T(u()) : setTimeout(() => T(u()), 290), L.current = m;
-    }, [u]), q(() => {
-      j(o);
-    }, [j, o]);
-    const S = He(), [E, H] = N(void 0), B = v(null), V = v(!1);
-    if (m === 0)
+    }, []), 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) {
+      console.error(
+        `Multiple Hammer Toasters with id=${n} detected. Toaster ids should be unique. These Toasters will not render.`
+      );
       return;
-    const I = !n && m > o, P = m - o, K = `${P} more message${P > 1 ? "s" : ""}`, F = O(i.toaster, e, {
-      [i["show-more-button"]]: I,
-      [i["show-extra-toast"]]: n
-    }), G = () => {
-      (E === "resumed" || E === void 0) && H(Date.now());
-    }, M = () => {
-      var p, h;
-      _(!1), H("resumed"), (p = d.current) != null && p.scrollTo && ((h = d.current) == null || h.scrollTo(0, 0));
-    }, U = async (p) => {
-      const { activeElement: h } = document;
-      (h == null ? void 0 : h.tagName.toLowerCase()) !== "input" && (h == null ? void 0 : h.tagName.toLowerCase()) !== "textarea" && m > 0 && p.code === t ? (p.preventDefault(), _(!0), B.current = document.activeElement, V.current = !0, setTimeout(() => {
+    }
+    const L = document.querySelectorAll("[data-anv='Toaster']");
+    if (L.length > 1 && L[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."
+        );
+      else {
+        console.error(
+          `Multiple Hammer Toasters detected. Only one can be rendered at a time to prevent duplicate toast messages.
+          
+          Toaster with id=${n} was not rendered.`
+        );
+        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(() => {
         b.current && (b.current.focus(), b.current.scrollTo && b.current.scrollTo());
-      }, 300)) : p.code === "Escape" && V.current === !0 && (_(!1), M(), B.current && B.current.tagName.toLowerCase() !== "body" ? B.current.focus() : document.activeElement.blur(), V.current = !1);
+      }, 300)) : p.code === "Escape" && D.current === !0 && (l(!1), q(), $.current && $.current.tagName.toLowerCase() !== "body" ? $.current.focus() : document.activeElement.blur(), D.current = !1);
     };
-    document.addEventListener("keydown", U);
-    const k = () => {
+    document.addEventListener("keydown", le);
+    const ue = () => {
       var p;
-      (p = d.current) != null && p.matches(":focus-within") || M();
+      (p = h.current) != null && p.matches(":focus-within") || q();
     };
-    return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsxs(
+    return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+      /* @__PURE__ */ c.jsxs(
         "div",
         {
-          className: F,
+          "data-anv": "Toaster",
+          "data-toaster-id": n,
+          className: X,
           ref: (p) => {
-            d.current = p, typeof a == "function" && a(p);
+            h.current = p, typeof H == "function" && H(p);
           },
-          onMouseOver: G,
-          onMouseLeave: M,
-          onFocus: G,
-          onBlur: k,
+          onMouseOver: v,
+          onMouseLeave: q,
+          onFocus: v,
+          onBlur: ue,
           style: {
-            height: n ? "100vh" : `calc(${$}px + 2rem + var(--toaster-padding))`
+            height: d ? "100vh" : `calc(${B}px + 2rem + var(--toaster-padding))`
           },
-          ...c,
+          ...x,
           children: [
-            x.map(({ toastClassName: p, onClose: h, ...y }, g) => {
-              const C = !n && g < m - o, ie = g === m - o, ne = g < m - o - 2, ce = O(i.toast, p), le = O(i["toast-wrapper"], {
-                [i.stacked]: C || ie,
-                [i["stack-one"]]: C && g === m - o - 1,
-                [i["stack-two"]]: C && g === m - o - 2,
-                [i["stacked-extra"]]: ne,
-                [i["stacked-show-extra"]]: n
-              }), de = (ue) => {
-                h && h(ue), w.dismiss(y.id);
+            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);
               };
-              return /* @__PURE__ */ l.jsx(
-                re,
+              return /* @__PURE__ */ c.jsx(
+                ce,
                 {
-                  containerClassName: le,
-                  duration: s,
-                  index: g,
+                  containerClassName: ge,
+                  duration: t,
+                  index: T,
                   isStacked: C,
-                  isBelowStackIndex: g < m - o,
-                  onClose: de,
-                  pausedStatus: E,
-                  toastClassName: ce,
-                  ref: g === 0 ? b : void 0,
-                  ...y
+                  isBelowStackIndex: T < g - a,
+                  onClose: fe,
+                  pausedStatus: R,
+                  toastClassName: he,
+                  ref: T === 0 ? b : void 0,
+                  ...E
                 },
-                y.id
+                E.id
               );
             }),
-            I && /* @__PURE__ */ l.jsx(
+            O && /* @__PURE__ */ c.jsx(
               "div",
               {
                 className: i["show-more-button-container"],
-                style: S,
-                children: /* @__PURE__ */ l.jsx(
-                  R,
+                style: U,
+                children: /* @__PURE__ */ c.jsx(
+                  G,
                   {
                     className: i.showMoreButton,
-                    onClick: () => _(!0),
+                    onClick: () => l(!0),
                     appearance: "secondary",
                     tabIndex: 0,
-                    children: K
+                    children: Q
                   }
                 )
               }
             ),
-            /* @__PURE__ */ l.jsxs(he, { "aria-live": "polite", children: [
+            /* @__PURE__ */ c.jsxs(we, { "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."
@@ -500,11 +557,11 @@ const Me = J(
           ]
         }
       ),
-      n && /* @__PURE__ */ l.jsx("div", { className: i["show-collapse-button-container"], children: /* @__PURE__ */ l.jsx(
-        R,
+      d && /* @__PURE__ */ c.jsx("div", { className: i["show-collapse-button-container"], children: /* @__PURE__ */ c.jsx(
+        G,
         {
           className: i["show-collapse-button"],
-          onClick: M,
+          onClick: q,
           appearance: "secondary",
           children: "Collapse Messages"
         }
@@ -512,10 +569,10 @@ const Me = J(
     ] });
   }
 );
-Me.displayName = "Toaster";
-ae.displayName = "ToasterContent";
+Ke.displayName = "Toaster";
+de.displayName = "ToasterContent";
 export {
-  Ct as default,
-  Nt as useAccessibleColor
+  Ut as default,
+  Rt as useAccessibleColor
 };
 //# sourceMappingURL=useAccessibleColor.js.map