@sps-woodland/core 8.53.19 → 8.53.21

package/lib/growler/Sonner.ve.js

@@ -1,6 +1,6 @@
 /* empty css                         */
 import { createRuntimeFn as _ } from "../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
-var s = _({ defaultClassName: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k0", variantClassNames: { kind: { activity: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k1", info: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k2", progress: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k3", error: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k4", success: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k5", warning: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k6" } }, defaultVariants: {}, compoundVariants: [] }), e = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k7", a = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k8", l = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k9", p = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00ka", g = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00kb", n = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00kc", i = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00ke";
+var s = _({ defaultClassName: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k0", variantClassNames: { kind: { activity: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k1", info: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k2", progress: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k3", error: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k4", success: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k5", warning: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k6" } }, defaultVariants: {}, compoundVariants: [] }), e = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k7", a = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k8", l = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k9", p = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00ka", g = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00kb", n = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00kc", i = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00ke";
 export {
   s as growler,
   e as growlerArea,

package/lib/growler/index.js

@@ -1,138 +1,138 @@
-import * as _ from "react";
-import { Metadata as v, cl as A, Spinner as G, Icon as O } from "@sps-woodland/core";
-import { Button as N } from "@sps-woodland/core/button";
-import { Tokens as w } from "@sps-woodland/tokens";
-import { useWoodlandLanguage as C } from "@spscommerce/i18n";
-import M from "react-dom";
-import { toast as g, Toaster as S } from "sonner";
-function U(e, s, r) {
-  return s in e ? Object.defineProperty(e, s, {
+import * as t from "react";
+import { Metadata as h, cl as $, Spinner as N, Icon as R } from "@sps-woodland/core";
+import { Button as T } from "@sps-woodland/core/button";
+import { Tokens as m } from "@sps-woodland/tokens";
+import { useWoodlandLanguage as L } from "@spscommerce/i18n";
+import U from "react-dom";
+import { toast as g, Toaster as W } from "sonner";
+function q(e, _, r) {
+  return _ in e ? Object.defineProperty(e, _, {
     value: r,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : e[s] = r, e;
+  }) : e[_] = r, e;
 }
-function E(e, s) {
+function x(e, _) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
-    s && (o = o.filter(function(t) {
-      return Object.getOwnPropertyDescriptor(e, t).enumerable;
+    _ && (o = o.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(e, s).enumerable;
     })), r.push.apply(r, o);
   }
   return r;
 }
-function x(e) {
-  for (var s = 1; s < arguments.length; s++) {
-    var r = arguments[s] != null ? arguments[s] : {};
-    s % 2 ? E(Object(r), !0).forEach(function(o) {
-      U(e, o, r[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : E(Object(r)).forEach(function(o) {
+function O(e) {
+  for (var _ = 1; _ < arguments.length; _++) {
+    var r = arguments[_] != null ? arguments[_] : {};
+    _ % 2 ? x(Object(r), !0).forEach(function(o) {
+      q(e, o, r[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : x(Object(r)).forEach(function(o) {
       Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(r, o));
     });
   }
   return e;
 }
-var $ = (e, s, r) => {
+var K = (e, _, r) => {
   for (var o of Object.keys(e)) {
-    var t;
-    if (e[o] !== ((t = s[o]) !== null && t !== void 0 ? t : r[o]))
+    var s;
+    if (e[o] !== ((s = _[o]) !== null && s !== void 0 ? s : r[o]))
       return !1;
   }
   return !0;
-}, T = (e) => (s) => {
-  var r = e.defaultClassName, o = x(x({}, e.defaultVariants), s);
-  for (var t in o) {
-    var l, n = (l = o[t]) !== null && l !== void 0 ? l : e.defaultVariants[t];
-    if (n != null) {
-      var a = n;
-      typeof a == "boolean" && (a = a === !0 ? "true" : "false");
-      var i = (
+}, A = (e) => (_) => {
+  var r = e.defaultClassName, o = O(O({}, e.defaultVariants), _);
+  for (var s in o) {
+    var i, l = (i = o[s]) !== null && i !== void 0 ? i : e.defaultVariants[s];
+    if (l != null) {
+      var n = l;
+      typeof n == "boolean" && (n = n === !0 ? "true" : "false");
+      var a = (
         // @ts-expect-error
-        e.variantClassNames[t][a]
+        e.variantClassNames[s][n]
       );
-      i && (r += " " + i);
+      a && (r += " " + a);
     }
   }
-  for (var [p, m] of e.compoundVariants)
-    $(p, o, e.defaultVariants) && (r += " " + m);
+  for (var [f, u] of e.compoundVariants)
+    K(f, o, e.defaultVariants) && (r += " " + u);
   return r;
-}, W = T({ defaultClassName: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt451", variantClassNames: { kind: { activity: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt452", info: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt453", progress: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt454", error: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt455", success: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt456", warning: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt457" }, fade: { true: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt458", false: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt459" } }, defaultVariants: {}, compoundVariants: [] }), K = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt45a", F = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt45b", q = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt45c", H = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt45d", J = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt45e", Q = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt45f", X = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt45h";
+}, z = A({ defaultClassName: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt451", variantClassNames: { kind: { activity: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt452", info: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt453", progress: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt454", error: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt455", success: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt456", warning: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt457" }, fade: { true: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt458", false: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt459" } }, defaultVariants: {}, compoundVariants: [] }), F = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt45a", H = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt45b", J = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt45c", Q = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt45d", X = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt45e", Y = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt45f", Z = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt45h";
 const B = Object.freeze({
   warning: "status-warning",
   error: "status-error",
   success: "status-ok",
   info: "info-circle"
 });
-function Y({
+function ee({
   children: e,
-  className: s,
+  className: _,
   imgSrc: r,
   kind: o = "info",
-  onClose: t,
-  removeFromList: l,
-  persist: n,
-  title: a,
-  id: i,
-  ...p
+  onClose: s,
+  removeFromList: i,
+  persist: l,
+  title: n,
+  id: a,
+  ...f
 }) {
-  const m = _.useRef(t);
-  _.useEffect(() => {
-    m.current = t;
-  }, [t]);
-  const h = w.component.growler.duration.visible, L = w.component.growler.duration.fadeout, [D, u] = _.useState(!1), { t: I } = C();
-  function R() {
+  const u = t.useRef(s);
+  t.useEffect(() => {
+    u.current = s;
+  }, [s]);
+  const y = m.component.growler.duration.visible, P = m.component.growler.duration.fadeout, [S, w] = t.useState(!1), { t: I } = L();
+  function M() {
     return [
       window.setTimeout(() => {
-        u(!0);
-      }, h),
+        w(!0);
+      }, y),
       window.setTimeout(() => {
-        m.current && m.current(), l && i && l(i);
-      }, h + L)
+        u.current && u.current(), i && a && i(a);
+      }, y + P)
     ];
   }
-  const f = _.useRef([]);
-  function y() {
-    n || (f.current = R());
+  const p = t.useRef([]);
+  function b() {
+    l || (p.current = M());
   }
   function k() {
-    for (const j of f.current)
+    for (const j of p.current)
       window.clearTimeout(j);
-    f.current = [];
+    p.current = [];
   }
-  function b() {
-    k(), u(!1);
+  function E() {
+    k(), w(!1);
   }
   function V() {
-    b(), u(!1), t && t(), l && i && l(i);
+    E(), w(!1), s && s(), i && a && i(a);
   }
-  return _.useEffect(() => (y(), () => {
+  return t.useEffect(() => (b(), () => {
     k();
-  }), []), /* @__PURE__ */ _.createElement(
+  }), []), /* @__PURE__ */ t.createElement(
     "div",
     {
       role: "alert",
       "aria-live": "polite",
-      className: A(W({ kind: o, fade: D }), s),
-      onMouseEnter: b,
-      onMouseLeave: y,
-      ...p
+      className: $(z({ kind: o, fade: S }), _),
+      onMouseEnter: E,
+      onMouseLeave: b,
+      ...f
     },
-    /* @__PURE__ */ _.createElement("div", { className: F }, r && /* @__PURE__ */ _.createElement("img", { src: r, alt: "" }), o === "progress" ? /* @__PURE__ */ _.createElement(G, null) : /* @__PURE__ */ _.createElement(O, { icon: B[o], className: q })),
-    /* @__PURE__ */ _.createElement("div", { className: H }, /* @__PURE__ */ _.createElement("div", { className: J }, a && /* @__PURE__ */ _.createElement("span", { className: Q }, a), /* @__PURE__ */ _.createElement("div", null, e)), /* @__PURE__ */ _.createElement(
-      N,
+    /* @__PURE__ */ t.createElement("div", { className: H }, r && /* @__PURE__ */ t.createElement("img", { src: r, alt: "" }), o === "progress" ? /* @__PURE__ */ t.createElement(N, null) : /* @__PURE__ */ t.createElement(R, { icon: B[o], className: J })),
+    /* @__PURE__ */ t.createElement("div", { className: Q }, /* @__PURE__ */ t.createElement("div", { className: X }, n && /* @__PURE__ */ t.createElement("span", { className: Y }, n), /* @__PURE__ */ t.createElement("div", null, e)), /* @__PURE__ */ t.createElement(
+      T,
       {
         kind: "icon",
         icon: "x",
         title: I("growler.dismiss", { defaultValue: "Dismiss" }),
-        className: X,
+        className: Z,
         onClick: V
       }
     ))
   );
 }
-v.set(Y, {
+h.set(ee, {
   name: "Growler",
   props: {
     imgSrc: { type: "string" },
@@ -142,56 +142,82 @@ v.set(Y, {
     title: { type: "string" }
   }
 });
-let Z = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", z = (e = 21) => {
-  let s = "", r = crypto.getRandomValues(new Uint8Array(e |= 0));
+let re = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", oe = (e = 21) => {
+  let _ = "", r = crypto.getRandomValues(new Uint8Array(e |= 0));
   for (; e--; )
-    s += Z[r[e] & 63];
-  return s;
+    _ += re[r[e] & 63];
+  return _;
 };
-const P = _.createContext({
+const D = t.createContext({
   growlerList: [],
   // setGrowlerList noop until defined
   setGrowlerList: () => {
   }
 });
-function fe(e) {
-  const [s, r] = _.useState([]), o = (n) => {
-    if (!n) {
+function ye(e) {
+  const [_, r] = t.useState([]), o = (l) => {
+    if (!l) {
       console.error("growlers should have an id");
       return;
     }
     r(
-      (a) => a.filter((i) => n !== i.id)
+      (n) => n.filter((a) => l !== a.id)
     );
-  }, t = s.map(({ G: n, id: a }) => _.cloneElement(n(), { key: a, id: a, removeFromList: o })).filter((n) => v.get(n.type).name === "Growler" ? !0 : (console.error("addGrowler only accepts a function that returns a Growler"), !1)), l = /* @__PURE__ */ _.createElement("div", { "data-testid": e["data-testid"], "data-portalid": "growler-portal", "data-react-aria-top-layer": "true", className: K }, t);
-  return /* @__PURE__ */ _.createElement(P.Provider, { value: { growlerList: s, setGrowlerList: r } }, M.createPortal(l, document.body), e.children);
+  }, s = _.map(({ G: l, id: n }) => t.cloneElement(l(), { key: n, id: n, removeFromList: o })).filter((l) => h.get(l.type).name === "Growler" ? !0 : (console.error("addGrowler only accepts a function that returns a Growler"), !1)), i = /* @__PURE__ */ t.createElement("div", { "data-testid": e["data-testid"], "data-portalid": "growler-portal", "data-react-aria-top-layer": "true", className: F }, s);
+  return /* @__PURE__ */ t.createElement(D.Provider, { value: { growlerList: _, setGrowlerList: r } }, U.createPortal(i, document.body), e.children);
 }
-const ge = () => {
-  const e = _.useContext(P);
+const be = () => {
+  const e = t.useContext(D);
   if (e === void 0)
     throw new Error("addGrowler must be used within a GrowlerListProvider");
-  return { addGrowler: _.useCallback(
+  return { addGrowler: t.useCallback(
     (r) => {
-      const o = z(), t = {
+      const o = oe(), s = {
         G: r,
         id: o
       };
-      e.setGrowlerList([t, ...e.growlerList]);
+      e.setGrowlerList([s, ...e.growlerList]);
     },
     [e]
   ) };
 };
-var ee = T({ defaultClassName: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k0", variantClassNames: { kind: { activity: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k1", info: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k2", progress: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k3", error: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k4", success: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k5", warning: "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k6" } }, defaultVariants: {}, compoundVariants: [] }), re = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k7", oe = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k8", _e = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k9", se = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00ka", te = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00kb", ae = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00kc", ne = "pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00ke";
-function le() {
-  return /* @__PURE__ */ _.createElement(
-    S,
+var te = A({ defaultClassName: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k0", variantClassNames: { kind: { activity: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k1", info: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k2", progress: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k3", error: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k4", success: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k5", warning: "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k6" } }, defaultVariants: {}, compoundVariants: [] }), _e = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k7", se = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k8", ae = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k9", ne = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00ka", le = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00kb", ie = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00kc", ce = "pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00ke";
+const v = '[data-portalid="sps-growler-display-area"]', G = m.component.growler.area.top;
+function C() {
+  return typeof document > "u" ? 0 : document.querySelector(v)?.getBoundingClientRect().height ?? 0;
+}
+function de() {
+  const [e, _] = t.useState(C);
+  return t.useEffect(() => {
+    if (typeof document > "u") return;
+    let r, o = null;
+    const s = () => _(C()), i = (a) => {
+      o !== a && (o = a, r?.disconnect(), r = new ResizeObserver(s), r.observe(a), s());
+    }, l = document.querySelector(v);
+    l && i(l);
+    const n = new MutationObserver(() => {
+      const a = document.querySelector(v);
+      a && i(a);
+    });
+    return n.observe(document.body, { childList: !0 }), () => {
+      r?.disconnect(), n.disconnect();
+    };
+  }, []), e;
+}
+function ue() {
+  const e = de();
+  return /* @__PURE__ */ t.createElement(
+    W,
     {
       visibleToasts: 10,
       expand: !0,
       closeButton: !0,
       position: "top-right",
-      className: re,
-      duration: w.component.growler.duration.visible,
+      className: _e,
+      offset: {
+        top: e > 0 ? `calc(${G} + ${e}px)` : G
+      },
+      duration: m.component.growler.duration.visible,
       richColors: !0,
       toastOptions: {
         style: {
@@ -201,30 +227,30 @@ function le() {
     }
   );
 }
-v.set(le, { name: "GrowlerEmitter" });
-function ie({
+h.set(ue, { name: "GrowlerEmitter" });
+function me({
   children: e,
-  kind: s = "info",
+  kind: _ = "info",
   onCloseButtonClick: r,
   title: o
 }) {
-  const { t } = C();
-  return /* @__PURE__ */ _.createElement("div", { className: ee({ kind: s }) }, /* @__PURE__ */ _.createElement("div", { className: oe }, s === "progress" ? /* @__PURE__ */ _.createElement(G, null) : /* @__PURE__ */ _.createElement(O, { icon: B[s], className: _e })), /* @__PURE__ */ _.createElement("div", { className: se }, /* @__PURE__ */ _.createElement("div", { className: te }, o ? /* @__PURE__ */ _.createElement("span", { className: ae }, o) : void 0, /* @__PURE__ */ _.createElement("div", null, e)), /* @__PURE__ */ _.createElement(
-    N,
+  const { t: s } = L();
+  return /* @__PURE__ */ t.createElement("div", { className: te({ kind: _ }) }, /* @__PURE__ */ t.createElement("div", { className: se }, _ === "progress" ? /* @__PURE__ */ t.createElement(N, null) : /* @__PURE__ */ t.createElement(R, { icon: B[_], className: ae })), /* @__PURE__ */ t.createElement("div", { className: ne }, /* @__PURE__ */ t.createElement("div", { className: le }, o ? /* @__PURE__ */ t.createElement("span", { className: ie }, o) : void 0, /* @__PURE__ */ t.createElement("div", null, e)), /* @__PURE__ */ t.createElement(
+    T,
     {
       kind: "icon",
       icon: "x",
-      title: t("growler.dismiss"),
-      className: ne,
+      title: s("growler.dismiss"),
+      className: ce,
       onClick: r
     }
   )));
 }
-const c = (e) => (s, r) => g.custom(
-  (o) => /* @__PURE__ */ _.createElement(
-    ie,
+const c = (e) => (_, r) => g.custom(
+  (o) => /* @__PURE__ */ t.createElement(
+    me,
     {
-      title: s,
+      title: _,
       kind: e,
       onCloseButtonClick: () => {
         g.dismiss(o), r?.onDismiss?.(o);
@@ -235,7 +261,7 @@ const c = (e) => (s, r) => g.custom(
   {
     // An undefined property will not produce the desired behavior, so it is optionally included
     ...r?.id ? { id: r.id } : {},
-    duration: r?.autoClose ?? !0 ? w.component.growler.duration.visible : 1 / 0,
+    duration: r?.autoClose ?? !0 ? m.component.growler.duration.visible : 1 / 0,
     onDismiss: (o) => {
       r?.onDismiss?.(o.id);
     },
@@ -243,7 +269,7 @@ const c = (e) => (s, r) => g.custom(
       r?.onAutoClose?.(o.id);
     }
   }
-), d = (e, { kind: s, ...r }) => c(s)(e, r);
+), d = (e, { kind: _, ...r }) => c(_)(e, r);
 d.success = c("success");
 d.error = c("error");
 d.info = c("info");
@@ -251,10 +277,10 @@ d.warning = c("warning");
 d.progress = c("progress");
 d.dismiss = g.dismiss;
 export {
-  Y as Growler,
-  le as GrowlerEmitter,
+  ee as Growler,
+  ue as GrowlerEmitter,
   B as GrowlerIcons,
-  fe as GrowlerListProvider,
+  ye as GrowlerListProvider,
   d as growl,
-  ge as useGrowler
+  be as useGrowler
 };

package/lib/growler/index.umd.cjs

@@ -1 +1 @@
-(function(a,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/core/button"),require("@sps-woodland/tokens"),require("@spscommerce/i18n"),require("react-dom"),require("sonner")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/core/button","@sps-woodland/tokens","@spscommerce/i18n","react-dom","sonner"],p):(a=typeof globalThis<"u"?globalThis:a||self,p(a.Growler={},a.react,a.spsWoodlandCore,a.spsWoodlandCoreButton,a.spsWoodlandTokens,a.spscommerceI18n,a.reactDom,a.sonner))})(this,(function(a,p,d,b,f,E,D,g){"use strict";function I(e){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(_,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return _.default=e,Object.freeze(_)}const s=I(p);function M(e,_,r){return _ in e?Object.defineProperty(e,_,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[_]=r,e}function G(e,_){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);_&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function O(e){for(var _=1;_<arguments.length;_++){var r=arguments[_]!=null?arguments[_]:{};_%2?G(Object(r),!0).forEach(function(o){M(e,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):G(Object(r)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))})}return e}var S=(e,_,r)=>{for(var o of Object.keys(e)){var t;if(e[o]!==((t=_[o])!==null&&t!==void 0?t:r[o]))return!1}return!0},x=e=>_=>{var r=e.defaultClassName,o=O(O({},e.defaultVariants),_);for(var t in o){var i,l=(i=o[t])!==null&&i!==void 0?i:e.defaultVariants[t];if(l!=null){var n=l;typeof n=="boolean"&&(n=n===!0?"true":"false");var c=e.variantClassNames[t][n];c&&(r+=" "+c)}}for(var[h,m]of e.compoundVariants)S(h,o,e.defaultVariants)&&(r+=" "+m);return r},V=x({defaultClassName:"pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt451",variantClassNames:{kind:{activity:"pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt452",info:"pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt453",progress:"pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt454",error:"pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt455",success:"pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt456",warning:"pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt457"},fade:{true:"pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt458",false:"pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt459"}},defaultVariants:{},compoundVariants:[]}),A="pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt45a",R="pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt45b",q="pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt45c",W="pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt45d",U="pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt45e",$="pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt45f",K="pkg_sps-woodland_core__family_growler__version_8_53_19__hash_1mxbt45h";const v=Object.freeze({warning:"status-warning",error:"status-error",success:"status-ok",info:"info-circle"});function T({children:e,className:_,imgSrc:r,kind:o="info",onClose:t,removeFromList:i,persist:l,title:n,id:c,...h}){const m=s.useRef(t);s.useEffect(()=>{m.current=t},[t]);const P=f.Tokens.component.growler.duration.visible,te=f.Tokens.component.growler.duration.fadeout,[ae,y]=s.useState(!1),{t:ne}=E.useWoodlandLanguage();function le(){return[window.setTimeout(()=>{y(!0)},P),window.setTimeout(()=>{m.current&&m.current(),i&&c&&i(c)},P+te)]}const k=s.useRef([]);function j(){l||(k.current=le())}function B(){for(const ce of k.current)window.clearTimeout(ce);k.current=[]}function L(){B(),y(!1)}function ie(){L(),y(!1),t&&t(),i&&c&&i(c)}return s.useEffect(()=>(j(),()=>{B()}),[]),s.createElement("div",{role:"alert","aria-live":"polite",className:d.cl(V({kind:o,fade:ae}),_),onMouseEnter:L,onMouseLeave:j,...h},s.createElement("div",{className:R},r&&s.createElement("img",{src:r,alt:""}),o==="progress"?s.createElement(d.Spinner,null):s.createElement(d.Icon,{icon:v[o],className:q})),s.createElement("div",{className:W},s.createElement("div",{className:U},n&&s.createElement("span",{className:$},n),s.createElement("div",null,e)),s.createElement(b.Button,{kind:"icon",icon:"x",title:ne("growler.dismiss",{defaultValue:"Dismiss"}),className:K,onClick:ie})))}d.Metadata.set(T,{name:"Growler",props:{imgSrc:{type:"string"},kind:{type:"GrowlerKind",default:"info"},onClose:{type:"() => void"},persist:{type:"boolean"},title:{type:"string"}}});let F="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict",z=(e=21)=>{let _="",r=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)_+=F[r[e]&63];return _};const N=s.createContext({growlerList:[],setGrowlerList:()=>{}});function H(e){const[_,r]=s.useState([]),o=l=>{if(!l){console.error("growlers should have an id");return}r(n=>n.filter(c=>l!==c.id))},t=_.map(({G:l,id:n})=>s.cloneElement(l(),{key:n,id:n,removeFromList:o})).filter(l=>d.Metadata.get(l.type).name==="Growler"?!0:(console.error("addGrowler only accepts a function that returns a Growler"),!1)),i=s.createElement("div",{"data-testid":e["data-testid"],"data-portalid":"growler-portal","data-react-aria-top-layer":"true",className:A},t);return s.createElement(N.Provider,{value:{growlerList:_,setGrowlerList:r}},D.createPortal(i,document.body),e.children)}const J=()=>{const e=s.useContext(N);if(e===void 0)throw new Error("addGrowler must be used within a GrowlerListProvider");return{addGrowler:s.useCallback(r=>{const o=z(),t={G:r,id:o};e.setGrowlerList([t,...e.growlerList])},[e])}};var Q=x({defaultClassName:"pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k0",variantClassNames:{kind:{activity:"pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k1",info:"pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k2",progress:"pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k3",error:"pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k4",success:"pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k5",warning:"pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k6"}},defaultVariants:{},compoundVariants:[]}),X="pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k7",Y="pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k8",Z="pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00k9",ee="pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00ka",re="pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00kb",oe="pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00kc",_e="pkg_sps-woodland_core__family_growler__version_8_53_19__hash_198p00ke";function C(){return s.createElement(g.Toaster,{visibleToasts:10,expand:!0,closeButton:!0,position:"top-right",className:X,duration:f.Tokens.component.growler.duration.visible,richColors:!0,toastOptions:{style:{outline:"none"}}})}d.Metadata.set(C,{name:"GrowlerEmitter"});function se({children:e,kind:_="info",onCloseButtonClick:r,title:o}){const{t}=E.useWoodlandLanguage();return s.createElement("div",{className:Q({kind:_})},s.createElement("div",{className:Y},_==="progress"?s.createElement(d.Spinner,null):s.createElement(d.Icon,{icon:v[_],className:Z})),s.createElement("div",{className:ee},s.createElement("div",{className:re},o?s.createElement("span",{className:oe},o):void 0,s.createElement("div",null,e)),s.createElement(b.Button,{kind:"icon",icon:"x",title:t("growler.dismiss"),className:_e,onClick:r})))}const w=e=>(_,r)=>g.toast.custom(o=>s.createElement(se,{title:_,kind:e,onCloseButtonClick:()=>{g.toast.dismiss(o),r?.onDismiss?.(o)}},typeof r?.description=="function"?r.description(o):r?.description),{...r?.id?{id:r.id}:{},duration:r?.autoClose??!0?f.Tokens.component.growler.duration.visible:1/0,onDismiss:o=>{r?.onDismiss?.(o.id)},onAutoClose:o=>{r?.onAutoClose?.(o.id)}}),u=(e,{kind:_,...r})=>w(_)(e,r);u.success=w("success"),u.error=w("error"),u.info=w("info"),u.warning=w("warning"),u.progress=w("progress"),u.dismiss=g.toast.dismiss,a.Growler=T,a.GrowlerEmitter=C,a.GrowlerIcons=v,a.GrowlerListProvider=H,a.growl=u,a.useGrowler=J,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));
+(function(_,w){typeof exports=="object"&&typeof module<"u"?w(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/core/button"),require("@sps-woodland/tokens"),require("@spscommerce/i18n"),require("react-dom"),require("sonner")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/core/button","@sps-woodland/tokens","@spscommerce/i18n","react-dom","sonner"],w):(_=typeof globalThis<"u"?globalThis:_||self,w(_.Growler={},_.react,_.spsWoodlandCore,_.spsWoodlandCoreButton,_.spsWoodlandTokens,_.spscommerceI18n,_.reactDom,_.sonner))})(this,(function(_,w,d,E,p,O,A,g){"use strict";function I(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const s=I(w);function M(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function G(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),r.push.apply(r,o)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?G(Object(r),!0).forEach(function(o){M(e,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):G(Object(r)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))})}return e}var V=(e,t,r)=>{for(var o of Object.keys(e)){var n;if(e[o]!==((n=t[o])!==null&&n!==void 0?n:r[o]))return!1}return!0},T=e=>t=>{var r=e.defaultClassName,o=x(x({},e.defaultVariants),t);for(var n in o){var c,i=(c=o[n])!==null&&c!==void 0?c:e.defaultVariants[n];if(i!=null){var l=i;typeof l=="boolean"&&(l=l===!0?"true":"false");var a=e.variantClassNames[n][l];a&&(r+=" "+a)}}for(var[y,m]of e.compoundVariants)V(y,o,e.defaultVariants)&&(r+=" "+m);return r},q=T({defaultClassName:"pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt451",variantClassNames:{kind:{activity:"pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt452",info:"pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt453",progress:"pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt454",error:"pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt455",success:"pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt456",warning:"pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt457"},fade:{true:"pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt458",false:"pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt459"}},defaultVariants:{},compoundVariants:[]}),W="pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt45a",$="pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt45b",U="pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt45c",z="pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt45d",K="pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt45e",F="pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt45f",H="pkg_sps-woodland_core__family_growler__version_8_53_21__hash_1mxbt45h";const v=Object.freeze({warning:"status-warning",error:"status-error",success:"status-ok",info:"info-circle"});function C({children:e,className:t,imgSrc:r,kind:o="info",onClose:n,removeFromList:c,persist:i,title:l,id:a,...y}){const m=s.useRef(n);s.useEffect(()=>{m.current=n},[n]);const B=p.Tokens.component.growler.duration.visible,ie=p.Tokens.component.growler.duration.fadeout,[ce,b]=s.useState(!1),{t:de}=O.useWoodlandLanguage();function ue(){return[window.setTimeout(()=>{b(!0)},B),window.setTimeout(()=>{m.current&&m.current(),c&&a&&c(a)},B+ie)]}const k=s.useRef([]);function D(){i||(k.current=ue())}function S(){for(const we of k.current)window.clearTimeout(we);k.current=[]}function j(){S(),b(!1)}function fe(){j(),b(!1),n&&n(),c&&a&&c(a)}return s.useEffect(()=>(D(),()=>{S()}),[]),s.createElement("div",{role:"alert","aria-live":"polite",className:d.cl(q({kind:o,fade:ce}),t),onMouseEnter:j,onMouseLeave:D,...y},s.createElement("div",{className:$},r&&s.createElement("img",{src:r,alt:""}),o==="progress"?s.createElement(d.Spinner,null):s.createElement(d.Icon,{icon:v[o],className:U})),s.createElement("div",{className:z},s.createElement("div",{className:K},l&&s.createElement("span",{className:F},l),s.createElement("div",null,e)),s.createElement(E.Button,{kind:"icon",icon:"x",title:de("growler.dismiss",{defaultValue:"Dismiss"}),className:H,onClick:fe})))}d.Metadata.set(C,{name:"Growler",props:{imgSrc:{type:"string"},kind:{type:"GrowlerKind",default:"info"},onClose:{type:"() => void"},persist:{type:"boolean"},title:{type:"string"}}});let J="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict",Q=(e=21)=>{let t="",r=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+=J[r[e]&63];return t};const N=s.createContext({growlerList:[],setGrowlerList:()=>{}});function X(e){const[t,r]=s.useState([]),o=i=>{if(!i){console.error("growlers should have an id");return}r(l=>l.filter(a=>i!==a.id))},n=t.map(({G:i,id:l})=>s.cloneElement(i(),{key:l,id:l,removeFromList:o})).filter(i=>d.Metadata.get(i.type).name==="Growler"?!0:(console.error("addGrowler only accepts a function that returns a Growler"),!1)),c=s.createElement("div",{"data-testid":e["data-testid"],"data-portalid":"growler-portal","data-react-aria-top-layer":"true",className:W},n);return s.createElement(N.Provider,{value:{growlerList:t,setGrowlerList:r}},A.createPortal(c,document.body),e.children)}const Y=()=>{const e=s.useContext(N);if(e===void 0)throw new Error("addGrowler must be used within a GrowlerListProvider");return{addGrowler:s.useCallback(r=>{const o=Q(),n={G:r,id:o};e.setGrowlerList([n,...e.growlerList])},[e])}};var Z=T({defaultClassName:"pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k0",variantClassNames:{kind:{activity:"pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k1",info:"pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k2",progress:"pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k3",error:"pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k4",success:"pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k5",warning:"pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k6"}},defaultVariants:{},compoundVariants:[]}),ee="pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k7",re="pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k8",oe="pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00k9",te="pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00ka",se="pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00kb",ne="pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00kc",_e="pkg_sps-woodland_core__family_growler__version_8_53_21__hash_198p00ke";const h='[data-portalid="sps-growler-display-area"]',R=p.Tokens.component.growler.area.top;function L(){return typeof document>"u"?0:document.querySelector(h)?.getBoundingClientRect().height??0}function ae(){const[e,t]=s.useState(L);return s.useEffect(()=>{if(typeof document>"u")return;let r,o=null;const n=()=>t(L()),c=a=>{o!==a&&(o=a,r?.disconnect(),r=new ResizeObserver(n),r.observe(a),n())},i=document.querySelector(h);i&&c(i);const l=new MutationObserver(()=>{const a=document.querySelector(h);a&&c(a)});return l.observe(document.body,{childList:!0}),()=>{r?.disconnect(),l.disconnect()}},[]),e}function P(){const e=ae();return s.createElement(g.Toaster,{visibleToasts:10,expand:!0,closeButton:!0,position:"top-right",className:ee,offset:{top:e>0?`calc(${R} + ${e}px)`:R},duration:p.Tokens.component.growler.duration.visible,richColors:!0,toastOptions:{style:{outline:"none"}}})}d.Metadata.set(P,{name:"GrowlerEmitter"});function le({children:e,kind:t="info",onCloseButtonClick:r,title:o}){const{t:n}=O.useWoodlandLanguage();return s.createElement("div",{className:Z({kind:t})},s.createElement("div",{className:re},t==="progress"?s.createElement(d.Spinner,null):s.createElement(d.Icon,{icon:v[t],className:oe})),s.createElement("div",{className:te},s.createElement("div",{className:se},o?s.createElement("span",{className:ne},o):void 0,s.createElement("div",null,e)),s.createElement(E.Button,{kind:"icon",icon:"x",title:n("growler.dismiss"),className:_e,onClick:r})))}const f=e=>(t,r)=>g.toast.custom(o=>s.createElement(le,{title:t,kind:e,onCloseButtonClick:()=>{g.toast.dismiss(o),r?.onDismiss?.(o)}},typeof r?.description=="function"?r.description(o):r?.description),{...r?.id?{id:r.id}:{},duration:r?.autoClose??!0?p.Tokens.component.growler.duration.visible:1/0,onDismiss:o=>{r?.onDismiss?.(o.id)},onAutoClose:o=>{r?.onAutoClose?.(o.id)}}),u=(e,{kind:t,...r})=>f(t)(e,r);u.success=f("success"),u.error=f("error"),u.info=f("info"),u.warning=f("warning"),u.progress=f("progress"),u.dismiss=g.toast.dismiss,_.Growler=C,_.GrowlerEmitter=P,_.GrowlerIcons=v,_.GrowlerListProvider=X,_.growl=u,_.useGrowler=Y,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})}));

package/lib/growler/sonner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../src/growler/sonner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAahD;;GAEG;AACH,wBAAgB,cAAc,gBAiB7B;AAwCD,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,EAAE,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3E;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC3C;AAgCD;;;;;GAKG;AACH,eAAO,MAAM,KAAK;cAAa,MAAM,qBAAqB,YAAY,GAAG;QAAE,IAAI,EAAE,WAAW,CAAA;KAAE;IAI9F;;;;;OAKG;uBA7CoD,MAAM,YAAY,YAAY;IAgDrF;;;;;OAKG;qBArDoD,MAAM,YAAY,YAAY;IAwDrF;;;;;OAKG;oBA7DoD,MAAM,YAAY,YAAY;IAgErF;;;;;OAKG;uBArEoD,MAAM,YAAY,YAAY;IAwErF;;;;;OAKG;wBA7EoD,MAAM,YAAY,YAAY;IAgFrF;;;OAGG;;CA7CiC,CAAC"}
+{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../src/growler/sonner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AA0EhD;;GAEG;AACH,wBAAgB,cAAc,gBAuB7B;AAwCD,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,EAAE,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3E;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC3C;AAgCD;;;;;GAKG;AACH,eAAO,MAAM,KAAK;cAAa,MAAM,qBAAqB,YAAY,GAAG;QAAE,IAAI,EAAE,WAAW,CAAA;KAAE;IAI9F;;;;;OAKG;uBA7CoD,MAAM,YAAY,YAAY;IAgDrF;;;;;OAKG;qBArDoD,MAAM,YAAY,YAAY;IAwDrF;;;;;OAKG;oBA7DoD,MAAM,YAAY,YAAY;IAgErF;;;;;OAKG;uBArEoD,MAAM,YAAY,YAAY;IAwErF;;;;;OAKG;wBA7EoD,MAAM,YAAY,YAAY;IAgFrF;;;OAGG;;CA7CiC,CAAC"}

package/lib/growler/sonner.js

@@ -1,21 +1,47 @@
-import * as r from "react";
-import { Button as c } from "@sps-woodland/core/button";
-import { Metadata as u, Spinner as g, Icon as d } from "@sps-woodland/core";
-import { Tokens as a } from "@sps-woodland/tokens";
-import { toast as l, Toaster as w } from "sonner";
-import { GrowlerIcons as f } from "./Growler.js";
-import { growlerArea as p, growler as E, growlerIconBox as v, growlerIcon as x, growlerMessageBox as B, growlerMessageBoxText as C, growlerMessageBoxTitle as N, growlerCloseButton as I } from "./Sonner.ve.js";
-import { useWoodlandLanguage as T } from "@spscommerce/i18n";
-function G() {
-  return /* @__PURE__ */ r.createElement(
-    w,
+import * as t from "react";
+import { Button as E } from "@sps-woodland/core/button";
+import { Metadata as v, Spinner as b, Icon as y } from "@sps-woodland/core";
+import { Tokens as u } from "@sps-woodland/tokens";
+import { toast as a, Toaster as C } from "sonner";
+import { GrowlerIcons as x } from "./Growler.js";
+import { growlerArea as O, growler as R, growlerIconBox as B, growlerIcon as A, growlerMessageBox as G, growlerMessageBoxText as N, growlerMessageBoxTitle as T, growlerCloseButton as S } from "./Sonner.ve.js";
+import { useWoodlandLanguage as h } from "@spscommerce/i18n";
+const m = '[data-portalid="sps-growler-display-area"]', w = u.component.growler.area.top;
+function p() {
+  return typeof document > "u" ? 0 : document.querySelector(m)?.getBoundingClientRect().height ?? 0;
+}
+function D() {
+  const [o, s] = t.useState(p);
+  return t.useEffect(() => {
+    if (typeof document > "u") return;
+    let e, r = null;
+    const l = () => s(p()), d = (n) => {
+      r !== n && (r = n, e?.disconnect(), e = new ResizeObserver(l), e.observe(n), l());
+    }, f = document.querySelector(m);
+    f && d(f);
+    const g = new MutationObserver(() => {
+      const n = document.querySelector(m);
+      n && d(n);
+    });
+    return g.observe(document.body, { childList: !0 }), () => {
+      e?.disconnect(), g.disconnect();
+    };
+  }, []), o;
+}
+function I() {
+  const o = D();
+  return /* @__PURE__ */ t.createElement(
+    C,
     {
       visibleToasts: 10,
       expand: !0,
       closeButton: !0,
       position: "top-right",
-      className: p,
-      duration: a.component.growler.duration.visible,
+      className: O,
+      offset: {
+        top: o > 0 ? `calc(${w} + ${o}px)` : w
+      },
+      duration: u.component.growler.duration.visible,
       richColors: !0,
       toastOptions: {
         style: {
@@ -25,56 +51,56 @@ function G() {
     }
   );
 }
-u.set(G, { name: "GrowlerEmitter" });
+v.set(I, { name: "GrowlerEmitter" });
 function M({
-  children: i,
-  kind: t = "info",
+  children: o,
+  kind: s = "info",
   onCloseButtonClick: e,
-  title: o
+  title: r
 }) {
-  const { t: m } = T();
-  return /* @__PURE__ */ r.createElement("div", { className: E({ kind: t }) }, /* @__PURE__ */ r.createElement("div", { className: v }, t === "progress" ? /* @__PURE__ */ r.createElement(g, null) : /* @__PURE__ */ r.createElement(d, { icon: f[t], className: x })), /* @__PURE__ */ r.createElement("div", { className: B }, /* @__PURE__ */ r.createElement("div", { className: C }, o ? /* @__PURE__ */ r.createElement("span", { className: N }, o) : void 0, /* @__PURE__ */ r.createElement("div", null, i)), /* @__PURE__ */ r.createElement(
-    c,
+  const { t: l } = h();
+  return /* @__PURE__ */ t.createElement("div", { className: R({ kind: s }) }, /* @__PURE__ */ t.createElement("div", { className: B }, s === "progress" ? /* @__PURE__ */ t.createElement(b, null) : /* @__PURE__ */ t.createElement(y, { icon: x[s], className: A })), /* @__PURE__ */ t.createElement("div", { className: G }, /* @__PURE__ */ t.createElement("div", { className: N }, r ? /* @__PURE__ */ t.createElement("span", { className: T }, r) : void 0, /* @__PURE__ */ t.createElement("div", null, o)), /* @__PURE__ */ t.createElement(
+    E,
     {
       kind: "icon",
       icon: "x",
-      title: m("growler.dismiss"),
-      className: I,
+      title: l("growler.dismiss"),
+      className: S,
       onClick: e
     }
   )));
 }
-const s = (i) => (t, e) => l.custom(
-  (o) => /* @__PURE__ */ r.createElement(
+const i = (o) => (s, e) => a.custom(
+  (r) => /* @__PURE__ */ t.createElement(
     M,
     {
-      title: t,
-      kind: i,
+      title: s,
+      kind: o,
       onCloseButtonClick: () => {
-        l.dismiss(o), e?.onDismiss?.(o);
+        a.dismiss(r), e?.onDismiss?.(r);
       }
     },
-    typeof e?.description == "function" ? e.description(o) : e?.description
+    typeof e?.description == "function" ? e.description(r) : e?.description
   ),
   {
     // An undefined property will not produce the desired behavior, so it is optionally included
     ...e?.id ? { id: e.id } : {},
-    duration: e?.autoClose ?? !0 ? a.component.growler.duration.visible : 1 / 0,
-    onDismiss: (o) => {
-      e?.onDismiss?.(o.id);
+    duration: e?.autoClose ?? !0 ? u.component.growler.duration.visible : 1 / 0,
+    onDismiss: (r) => {
+      e?.onDismiss?.(r.id);
     },
-    onAutoClose: (o) => {
-      e?.onAutoClose?.(o.id);
+    onAutoClose: (r) => {
+      e?.onAutoClose?.(r.id);
     }
   }
-), n = (i, { kind: t, ...e }) => s(t)(i, e);
-n.success = s("success");
-n.error = s("error");
-n.info = s("info");
-n.warning = s("warning");
-n.progress = s("progress");
-n.dismiss = l.dismiss;
+), c = (o, { kind: s, ...e }) => i(s)(o, e);
+c.success = i("success");
+c.error = i("error");
+c.info = i("info");
+c.warning = i("warning");
+c.progress = i("progress");
+c.dismiss = a.dismiss;
 export {
-  G as GrowlerEmitter,
-  n as growl
+  I as GrowlerEmitter,
+  c as growl
 };