@sps-woodland/core 8.50.2 → 8.51.0

package/lib/growler/Growler.js

@@ -0,0 +1,93 @@
+import * as e from "react";
+import { Metadata as G, cl as M, Spinner as O, Icon as y } from "@sps-woodland/core";
+import { Button as b } from "@sps-woodland/core/button";
+import { Tokens as g } from "@sps-woodland/tokens";
+import { useWoodlandLanguage as k } from "@spscommerce/i18n";
+import { growler as D, growlerIconBox as _, growlerIcon as A, growlerMessageBox as S, growlerMessageBoxText as U, growlerMessageBoxTitle as W, growlerCloseButton as L } from "./Growler.css.js";
+const V = Object.freeze({
+  warning: "status-warning",
+  error: "status-error",
+  success: "status-ok",
+  info: "info-circle"
+});
+function j({
+  children: p,
+  className: d,
+  imgSrc: i,
+  kind: n = "info",
+  onClose: t,
+  removeFromList: r,
+  persist: E,
+  title: l,
+  id: o,
+  ...T
+}) {
+  const s = e.useRef(t);
+  e.useEffect(() => {
+    s.current = t;
+  }, [t]);
+  const u = g.component.growler.duration.visible, N = g.component.growler.duration.fadeout, [R, a] = e.useState(!1), { t: I } = k();
+  function x() {
+    return [
+      window.setTimeout(() => {
+        a(!0);
+      }, u),
+      window.setTimeout(() => {
+        s.current && s.current(), r && o && r(o);
+      }, u + N)
+    ];
+  }
+  const c = e.useRef([]);
+  function m() {
+    E || (c.current = x());
+  }
+  function f() {
+    for (const v of c.current)
+      window.clearTimeout(v);
+    c.current = [];
+  }
+  function w() {
+    f(), a(!1);
+  }
+  function B() {
+    w(), a(!1), t && t(), r && o && r(o);
+  }
+  return e.useEffect(() => (m(), () => {
+    f();
+  }), []), /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      role: "alert",
+      "aria-live": "polite",
+      className: M(D({ kind: n, fade: R }), d),
+      onMouseEnter: w,
+      onMouseLeave: m,
+      ...T
+    },
+    /* @__PURE__ */ e.createElement("div", { className: _ }, i && /* @__PURE__ */ e.createElement("img", { src: i, alt: "" }), n === "progress" ? /* @__PURE__ */ e.createElement(O, null) : /* @__PURE__ */ e.createElement(y, { icon: V[n], className: A })),
+    /* @__PURE__ */ e.createElement("div", { className: S }, /* @__PURE__ */ e.createElement("div", { className: U }, l && /* @__PURE__ */ e.createElement("span", { className: W }, l), /* @__PURE__ */ e.createElement("div", null, p)), /* @__PURE__ */ e.createElement(
+      b,
+      {
+        kind: "icon",
+        icon: "x",
+        title: I("growler.dismiss", { defaultValue: "Dismiss" }),
+        className: L,
+        onClick: B
+      }
+    ))
+  );
+}
+G.set(j, {
+  name: "Growler",
+  props: {
+    imgSrc: { type: "string" },
+    kind: { type: "GrowlerKind", default: "info" },
+    onClose: { type: "() => void" },
+    persist: { type: "boolean" },
+    title: { type: "string" }
+  }
+});
+export {
+  j as Growler,
+  V as GrowlerIcons
+};

package/lib/growler/GrowlerListProvider.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+type RenderFn = () => React.ReactElement;
+/**
+ * @deprecated Use `GrowlerEmitter` and `growl` instead
+ */
+export declare function GrowlerListProvider(props: any): JSX.Element;
+/**
+ * @deprecated Use `GrowlerEmitter` and `growl` instead
+ */
+export declare const useGrowler: () => {
+    addGrowler: (NewGrowler: RenderFn) => void;
+};
+export {};
+//# sourceMappingURL=GrowlerListProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrowlerListProvider.d.ts","sourceRoot":"","sources":["../../src/growler/GrowlerListProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,KAAK,QAAQ,GAAG,MAAM,KAAK,CAAC,YAAY,CAAC;AAezC;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,GAAG,eAqC7C;AAED;;GAEG;AACH,eAAO,MAAM,UAAU;6BAMN,QAAQ;CAYxB,CAAC"}

package/lib/growler/GrowlerListProvider.js

@@ -0,0 +1,42 @@
+import * as e from "react";
+import { nanoid as w } from "../node_modules/.pnpm/nanoid@5.1.5/node_modules/nanoid/index.browser.js";
+import m from "react-dom";
+import { Metadata as u } from "@sps-woodland/core";
+import { growlerArea as G } from "./Growler.css.js";
+const i = e.createContext({
+  growlerList: [],
+  // setGrowlerList noop until defined
+  setGrowlerList: () => {
+  }
+});
+function g(r) {
+  const [n, o] = e.useState([]), l = (t) => {
+    if (!t) {
+      console.error("growlers should have an id");
+      return;
+    }
+    o(
+      (a) => a.filter((d) => t !== d.id)
+    );
+  }, s = n.map(({ G: t, id: a }) => e.cloneElement(t(), { key: a, id: a, removeFromList: l })).filter((t) => u.get(t.type).name === "Growler" ? !0 : (console.error("addGrowler only accepts a function that returns a Growler"), !1)), c = /* @__PURE__ */ e.createElement("div", { "data-testid": r["data-testid"], "data-portalid": "growler-portal", "data-react-aria-top-layer": "true", className: G }, s);
+  return /* @__PURE__ */ e.createElement(i.Provider, { value: { growlerList: n, setGrowlerList: o } }, m.createPortal(c, document.body), r.children);
+}
+const h = () => {
+  const r = e.useContext(i);
+  if (r === void 0)
+    throw new Error("addGrowler must be used within a GrowlerListProvider");
+  return { addGrowler: e.useCallback(
+    (o) => {
+      const l = w(), s = {
+        G: o,
+        id: l
+      };
+      r.setGrowlerList([s, ...r.growlerList]);
+    },
+    [r]
+  ) };
+};
+export {
+  g as GrowlerListProvider,
+  h as useGrowler
+};

package/lib/growler/Sonner.css.d.ts

@@ -0,0 +1,17 @@
+import { Tokens } from "@sps-woodland/tokens";
+import type { VariantDefinitions, RecipeVariant } from "@sps-woodland/core";
+export type GrowlerKind = keyof typeof Tokens.component.growler.kind;
+interface GrowlerVariantDefinitions extends VariantDefinitions {
+    kind: RecipeVariant<GrowlerKind>;
+}
+export declare const growler: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<GrowlerVariantDefinitions>;
+export declare const growlerArea: string;
+export declare const growlerIconBox: string;
+export declare const growlerIcon: string;
+export declare const growlerMessageBox: string;
+export declare const growlerMessageBoxText: string;
+export declare const growlerMessageBoxTitle: string;
+export declare const growlerMessageBoxSubtitle: string;
+export declare const growlerCloseButton: string;
+export {};
+//# sourceMappingURL=Sonner.css.d.ts.map

package/lib/growler/Sonner.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sonner.css.d.ts","sourceRoot":"","sources":["../../src/growler/Sonner.css.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE5E,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC;AAErE,UAAU,yBAA0B,SAAQ,kBAAkB;IAC5D,IAAI,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CAClC;AAID,eAAO,MAAM,OAAO,kHAwClB,CAAC;AAGH,eAAO,MAAM,WAAW,QAItB,CAAC;AACH,eAAO,MAAM,cAAc,QAOzB,CAAC;AACH,eAAO,MAAM,WAAW,QAGtB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAM5B,CAAC;AAEH,eAAO,MAAM,qBAAqB,QAIhC,CAAC;AAEH,eAAO,MAAM,sBAAsB,QAEjC,CAAC;AAEH,eAAO,MAAM,yBAAyB,QAIpC,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAI7B,CAAC"}

package/lib/growler/Sonner.css.js

@@ -0,0 +1,13 @@
+/* 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 r = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_198p00k0", variantClassNames: { kind: { activity: "pkg_sps-woodland_core__version_8_51_0__hash_198p00k1", info: "pkg_sps-woodland_core__version_8_51_0__hash_198p00k2", progress: "pkg_sps-woodland_core__version_8_51_0__hash_198p00k3", error: "pkg_sps-woodland_core__version_8_51_0__hash_198p00k4", success: "pkg_sps-woodland_core__version_8_51_0__hash_198p00k5", warning: "pkg_sps-woodland_core__version_8_51_0__hash_198p00k6" } }, defaultVariants: {}, compoundVariants: [] }), e = "pkg_sps-woodland_core__version_8_51_0__hash_198p00k7", a = "pkg_sps-woodland_core__version_8_51_0__hash_198p00k8", p = "pkg_sps-woodland_core__version_8_51_0__hash_198p00k9", n = "pkg_sps-woodland_core__version_8_51_0__hash_198p00ka", d = "pkg_sps-woodland_core__version_8_51_0__hash_198p00kb", k = "pkg_sps-woodland_core__version_8_51_0__hash_198p00kc", h = "pkg_sps-woodland_core__version_8_51_0__hash_198p00ke";
+export {
+  r as growler,
+  e as growlerArea,
+  h as growlerCloseButton,
+  p as growlerIcon,
+  a as growlerIconBox,
+  n as growlerMessageBox,
+  d as growlerMessageBoxText,
+  k as growlerMessageBoxTitle
+};

package/lib/growler/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Growler";
+export * from "./GrowlerListProvider";
+export { GrowlerEmitter, growl, type GrowlOptions } from "./sonner";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/growler/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC"}

package/lib/growler/index.js

@@ -0,0 +1,267 @@
+import * as s from "react";
+import { Metadata as g, cl as A, Spinner as O, Icon as y } from "@sps-woodland/core";
+import { Button as N } from "@sps-woodland/core/button";
+import { Tokens as u } from "@sps-woodland/tokens";
+import { useWoodlandLanguage as C } from "@spscommerce/i18n";
+import M from "react-dom";
+import { toast as v, Toaster as S } from "sonner";
+function U(e, t, r) {
+  return t in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+function x(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    t && (o = o.filter(function(_) {
+      return Object.getOwnPropertyDescriptor(e, _).enumerable;
+    })), r.push.apply(r, o);
+  }
+  return r;
+}
+function G(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? x(Object(r), !0).forEach(function(o) {
+      U(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, t, r) => {
+  for (var o of Object.keys(e)) {
+    var _;
+    if (e[o] !== ((_ = t[o]) !== null && _ !== void 0 ? _ : r[o]))
+      return !1;
+  }
+  return !0;
+}, T = (e) => (t) => {
+  var r = e.defaultClassName, o = G(G({}, e.defaultVariants), t);
+  for (var _ in o) {
+    var l, n = (l = o[_]) !== null && l !== void 0 ? l : e.defaultVariants[_];
+    if (n != null) {
+      var a = n;
+      typeof a == "boolean" && (a = a === !0 ? "true" : "false");
+      var i = (
+        // @ts-expect-error
+        e.variantClassNames[_][a]
+      );
+      i && (r += " " + i);
+    }
+  }
+  for (var [m, p] of e.compoundVariants)
+    $(m, o, e.defaultVariants) && (r += " " + p);
+  return r;
+}, W = T({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_1mxbt451", variantClassNames: { kind: { activity: "pkg_sps-woodland_core__version_8_51_0__hash_1mxbt452", info: "pkg_sps-woodland_core__version_8_51_0__hash_1mxbt453", progress: "pkg_sps-woodland_core__version_8_51_0__hash_1mxbt454", error: "pkg_sps-woodland_core__version_8_51_0__hash_1mxbt455", success: "pkg_sps-woodland_core__version_8_51_0__hash_1mxbt456", warning: "pkg_sps-woodland_core__version_8_51_0__hash_1mxbt457" }, fade: { true: "pkg_sps-woodland_core__version_8_51_0__hash_1mxbt458", false: "pkg_sps-woodland_core__version_8_51_0__hash_1mxbt459" } }, defaultVariants: {}, compoundVariants: [] }), K = "pkg_sps-woodland_core__version_8_51_0__hash_1mxbt45a", F = "pkg_sps-woodland_core__version_8_51_0__hash_1mxbt45b", q = "pkg_sps-woodland_core__version_8_51_0__hash_1mxbt45c", H = "pkg_sps-woodland_core__version_8_51_0__hash_1mxbt45d", J = "pkg_sps-woodland_core__version_8_51_0__hash_1mxbt45e", Q = "pkg_sps-woodland_core__version_8_51_0__hash_1mxbt45f", X = "pkg_sps-woodland_core__version_8_51_0__hash_1mxbt45h";
+const B = Object.freeze({
+  warning: "status-warning",
+  error: "status-error",
+  success: "status-ok",
+  info: "info-circle"
+});
+function Y({
+  children: e,
+  className: t,
+  imgSrc: r,
+  kind: o = "info",
+  onClose: _,
+  removeFromList: l,
+  persist: n,
+  title: a,
+  id: i,
+  ...m
+}) {
+  const p = s.useRef(_);
+  s.useEffect(() => {
+    p.current = _;
+  }, [_]);
+  const h = u.component.growler.duration.visible, L = u.component.growler.duration.fadeout, [D, w] = s.useState(!1), { t: I } = C();
+  function R() {
+    return [
+      window.setTimeout(() => {
+        w(!0);
+      }, h),
+      window.setTimeout(() => {
+        p.current && p.current(), l && i && l(i);
+      }, h + L)
+    ];
+  }
+  const f = s.useRef([]);
+  function k() {
+    n || (f.current = R());
+  }
+  function b() {
+    for (const j of f.current)
+      window.clearTimeout(j);
+    f.current = [];
+  }
+  function E() {
+    b(), w(!1);
+  }
+  function V() {
+    E(), w(!1), _ && _(), l && i && l(i);
+  }
+  return s.useEffect(() => (k(), () => {
+    b();
+  }), []), /* @__PURE__ */ s.createElement(
+    "div",
+    {
+      role: "alert",
+      "aria-live": "polite",
+      className: A(W({ kind: o, fade: D }), t),
+      onMouseEnter: E,
+      onMouseLeave: k,
+      ...m
+    },
+    /* @__PURE__ */ s.createElement("div", { className: F }, r && /* @__PURE__ */ s.createElement("img", { src: r, alt: "" }), o === "progress" ? /* @__PURE__ */ s.createElement(O, null) : /* @__PURE__ */ s.createElement(y, { icon: B[o], className: q })),
+    /* @__PURE__ */ s.createElement("div", { className: H }, /* @__PURE__ */ s.createElement("div", { className: J }, a && /* @__PURE__ */ s.createElement("span", { className: Q }, a), /* @__PURE__ */ s.createElement("div", null, e)), /* @__PURE__ */ s.createElement(
+      N,
+      {
+        kind: "icon",
+        icon: "x",
+        title: I("growler.dismiss", { defaultValue: "Dismiss" }),
+        className: X,
+        onClick: V
+      }
+    ))
+  );
+}
+g.set(Y, {
+  name: "Growler",
+  props: {
+    imgSrc: { type: "string" },
+    kind: { type: "GrowlerKind", default: "info" },
+    onClose: { type: "() => void" },
+    persist: { type: "boolean" },
+    title: { type: "string" }
+  }
+});
+const Z = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let z = (e = 21) => {
+  let t = "", r = crypto.getRandomValues(new Uint8Array(e |= 0));
+  for (; e--; )
+    t += Z[r[e] & 63];
+  return t;
+};
+const P = s.createContext({
+  growlerList: [],
+  // setGrowlerList noop until defined
+  setGrowlerList: () => {
+  }
+});
+function fe(e) {
+  const [t, r] = s.useState([]), o = (n) => {
+    if (!n) {
+      console.error("growlers should have an id");
+      return;
+    }
+    r(
+      (a) => a.filter((i) => n !== i.id)
+    );
+  }, _ = t.map(({ G: n, id: a }) => s.cloneElement(n(), { key: a, id: a, removeFromList: o })).filter((n) => g.get(n.type).name === "Growler" ? !0 : (console.error("addGrowler only accepts a function that returns a Growler"), !1)), l = /* @__PURE__ */ s.createElement("div", { "data-testid": e["data-testid"], "data-portalid": "growler-portal", "data-react-aria-top-layer": "true", className: K }, _);
+  return /* @__PURE__ */ s.createElement(P.Provider, { value: { growlerList: t, setGrowlerList: r } }, M.createPortal(l, document.body), e.children);
+}
+const ve = () => {
+  const e = s.useContext(P);
+  if (e === void 0)
+    throw new Error("addGrowler must be used within a GrowlerListProvider");
+  return { addGrowler: s.useCallback(
+    (r) => {
+      const o = z(), _ = {
+        G: r,
+        id: o
+      };
+      e.setGrowlerList([_, ...e.growlerList]);
+    },
+    [e]
+  ) };
+};
+var ee = T({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_198p00k0", variantClassNames: { kind: { activity: "pkg_sps-woodland_core__version_8_51_0__hash_198p00k1", info: "pkg_sps-woodland_core__version_8_51_0__hash_198p00k2", progress: "pkg_sps-woodland_core__version_8_51_0__hash_198p00k3", error: "pkg_sps-woodland_core__version_8_51_0__hash_198p00k4", success: "pkg_sps-woodland_core__version_8_51_0__hash_198p00k5", warning: "pkg_sps-woodland_core__version_8_51_0__hash_198p00k6" } }, defaultVariants: {}, compoundVariants: [] }), re = "pkg_sps-woodland_core__version_8_51_0__hash_198p00k7", oe = "pkg_sps-woodland_core__version_8_51_0__hash_198p00k8", se = "pkg_sps-woodland_core__version_8_51_0__hash_198p00k9", te = "pkg_sps-woodland_core__version_8_51_0__hash_198p00ka", _e = "pkg_sps-woodland_core__version_8_51_0__hash_198p00kb", ae = "pkg_sps-woodland_core__version_8_51_0__hash_198p00kc", ne = "pkg_sps-woodland_core__version_8_51_0__hash_198p00ke";
+function le() {
+  return /* @__PURE__ */ s.createElement(
+    S,
+    {
+      visibleToasts: 10,
+      expand: !0,
+      closeButton: !0,
+      position: "top-right",
+      className: re,
+      duration: u.component.growler.duration.visible,
+      richColors: !0,
+      toastOptions: {
+        style: {
+          outline: "none"
+        }
+      }
+    }
+  );
+}
+g.set(le, { name: "GrowlerEmitter" });
+function ie({
+  children: e,
+  kind: t = "info",
+  onCloseButtonClick: r,
+  title: o
+}) {
+  const { t: _ } = C();
+  return /* @__PURE__ */ s.createElement("div", { className: ee({ kind: t }) }, /* @__PURE__ */ s.createElement("div", { className: oe }, t === "progress" ? /* @__PURE__ */ s.createElement(O, null) : /* @__PURE__ */ s.createElement(y, { icon: B[t], className: se })), /* @__PURE__ */ s.createElement("div", { className: te }, /* @__PURE__ */ s.createElement("div", { className: _e }, o ? /* @__PURE__ */ s.createElement("span", { className: ae }, o) : void 0, /* @__PURE__ */ s.createElement("div", null, e)), /* @__PURE__ */ s.createElement(
+    N,
+    {
+      kind: "icon",
+      icon: "x",
+      title: _("growler.dismiss"),
+      className: ne,
+      onClick: r
+    }
+  )));
+}
+const c = (e) => (t, r) => (
+  // eslint-disable-next-line implicit-arrow-linebreak -- There are contradictory format rules
+  v.custom(
+    (o) => /* @__PURE__ */ s.createElement(
+      ie,
+      {
+        title: t,
+        kind: e,
+        onCloseButtonClick: () => {
+          v.dismiss(o), r?.onDismiss?.(o);
+        }
+      },
+      typeof r?.description == "function" ? r.description(o) : r?.description
+    ),
+    {
+      // An undefined property will not produce the desired behavior, so it is optionally included
+      ...r?.id ? { id: r.id } : {},
+      duration: r?.autoClose ?? !0 ? u.component.growler.duration.visible : 1 / 0,
+      onDismiss: (o) => {
+        r?.onDismiss?.(o.id);
+      },
+      onAutoClose: (o) => {
+        r?.onAutoClose?.(o.id);
+      }
+    }
+  )
+), d = (e, { kind: t, ...r }) => (
+  // eslint-disable-next-line implicit-arrow-linebreak -- There are contradictory format rules
+  c(t)(e, r)
+);
+d.success = c("success");
+d.error = c("error");
+d.info = c("info");
+d.warning = c("warning");
+d.progress = c("progress");
+d.dismiss = v.dismiss;
+export {
+  Y as Growler,
+  le as GrowlerEmitter,
+  B as GrowlerIcons,
+  fe as GrowlerListProvider,
+  d as growl,
+  ve as useGrowler
+};

package/lib/growler/index.umd.cjs

@@ -0,0 +1 @@
+(function(a,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):(a=typeof globalThis<"u"?globalThis:a||self,w(a.Growler={},a.React,a.core,a.button,a.tokens,a.i18n,a.ReactDOM,a.sonner))})(this,(function(a,w,d,E,f,y,D,v){"use strict";function M(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=M(w);function I(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 O(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){I(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 R=(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},x=e=>t=>{var r=e.defaultClassName,o=O(O({},e.defaultVariants),t);for(var n in o){var l,i=(l=o[n])!==null&&l!==void 0?l:e.defaultVariants[n];if(i!=null){var _=i;typeof _=="boolean"&&(_=_===!0?"true":"false");var c=e.variantClassNames[n][_];c&&(r+=" "+c)}}for(var[h,m]of e.compoundVariants)R(h,o,e.defaultVariants)&&(r+=" "+m);return r},S=x({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_1mxbt451",variantClassNames:{kind:{activity:"pkg_sps-woodland_core__version_8_51_0__hash_1mxbt452",info:"pkg_sps-woodland_core__version_8_51_0__hash_1mxbt453",progress:"pkg_sps-woodland_core__version_8_51_0__hash_1mxbt454",error:"pkg_sps-woodland_core__version_8_51_0__hash_1mxbt455",success:"pkg_sps-woodland_core__version_8_51_0__hash_1mxbt456",warning:"pkg_sps-woodland_core__version_8_51_0__hash_1mxbt457"},fade:{true:"pkg_sps-woodland_core__version_8_51_0__hash_1mxbt458",false:"pkg_sps-woodland_core__version_8_51_0__hash_1mxbt459"}},defaultVariants:{},compoundVariants:[]}),V="pkg_sps-woodland_core__version_8_51_0__hash_1mxbt45a",A="pkg_sps-woodland_core__version_8_51_0__hash_1mxbt45b",q="pkg_sps-woodland_core__version_8_51_0__hash_1mxbt45c",U="pkg_sps-woodland_core__version_8_51_0__hash_1mxbt45d",W="pkg_sps-woodland_core__version_8_51_0__hash_1mxbt45e",$="pkg_sps-woodland_core__version_8_51_0__hash_1mxbt45f",K="pkg_sps-woodland_core__version_8_51_0__hash_1mxbt45h";const g=Object.freeze({warning:"status-warning",error:"status-error",success:"status-ok",info:"info-circle"});function T({children:e,className:t,imgSrc:r,kind:o="info",onClose:n,removeFromList:l,persist:i,title:_,id:c,...h}){const m=s.useRef(n);s.useEffect(()=>{m.current=n},[n]);const P=f.Tokens.component.growler.duration.visible,ne=f.Tokens.component.growler.duration.fadeout,[ae,k]=s.useState(!1),{t:_e}=y.useWoodlandLanguage();function ie(){return[window.setTimeout(()=>{k(!0)},P),window.setTimeout(()=>{m.current&&m.current(),l&&c&&l(c)},P+ne)]}const b=s.useRef([]);function j(){i||(b.current=ie())}function B(){for(const ce of b.current)window.clearTimeout(ce);b.current=[]}function L(){B(),k(!1)}function le(){L(),k(!1),n&&n(),l&&c&&l(c)}return s.useEffect(()=>(j(),()=>{B()}),[]),s.createElement("div",{role:"alert","aria-live":"polite",className:d.cl(S({kind:o,fade:ae}),t),onMouseEnter:L,onMouseLeave:j,...h},s.createElement("div",{className:A},r&&s.createElement("img",{src:r,alt:""}),o==="progress"?s.createElement(d.Spinner,null):s.createElement(d.Icon,{icon:g[o],className:q})),s.createElement("div",{className:U},s.createElement("div",{className:W},_&&s.createElement("span",{className:$},_),s.createElement("div",null,e)),s.createElement(E.Button,{kind:"icon",icon:"x",title:_e("growler.dismiss",{defaultValue:"Dismiss"}),className:K,onClick:le})))}d.Metadata.set(T,{name:"Growler",props:{imgSrc:{type:"string"},kind:{type:"GrowlerKind",default:"info"},onClose:{type:"() => void"},persist:{type:"boolean"},title:{type:"string"}}});const F="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let z=(e=21)=>{let t="",r=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+=F[r[e]&63];return t};const N=s.createContext({growlerList:[],setGrowlerList:()=>{}});function H(e){const[t,r]=s.useState([]),o=i=>{if(!i){console.error("growlers should have an id");return}r(_=>_.filter(c=>i!==c.id))},n=t.map(({G:i,id:_})=>s.cloneElement(i(),{key:_,id:_,removeFromList:o})).filter(i=>d.Metadata.get(i.type).name==="Growler"?!0:(console.error("addGrowler only accepts a function that returns a Growler"),!1)),l=s.createElement("div",{"data-testid":e["data-testid"],"data-portalid":"growler-portal","data-react-aria-top-layer":"true",className:V},n);return s.createElement(N.Provider,{value:{growlerList:t,setGrowlerList:r}},D.createPortal(l,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(),n={G:r,id:o};e.setGrowlerList([n,...e.growlerList])},[e])}};var Q=x({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_198p00k0",variantClassNames:{kind:{activity:"pkg_sps-woodland_core__version_8_51_0__hash_198p00k1",info:"pkg_sps-woodland_core__version_8_51_0__hash_198p00k2",progress:"pkg_sps-woodland_core__version_8_51_0__hash_198p00k3",error:"pkg_sps-woodland_core__version_8_51_0__hash_198p00k4",success:"pkg_sps-woodland_core__version_8_51_0__hash_198p00k5",warning:"pkg_sps-woodland_core__version_8_51_0__hash_198p00k6"}},defaultVariants:{},compoundVariants:[]}),X="pkg_sps-woodland_core__version_8_51_0__hash_198p00k7",Y="pkg_sps-woodland_core__version_8_51_0__hash_198p00k8",Z="pkg_sps-woodland_core__version_8_51_0__hash_198p00k9",ee="pkg_sps-woodland_core__version_8_51_0__hash_198p00ka",re="pkg_sps-woodland_core__version_8_51_0__hash_198p00kb",oe="pkg_sps-woodland_core__version_8_51_0__hash_198p00kc",te="pkg_sps-woodland_core__version_8_51_0__hash_198p00ke";function C(){return s.createElement(v.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:t="info",onCloseButtonClick:r,title:o}){const{t:n}=y.useWoodlandLanguage();return s.createElement("div",{className:Q({kind:t})},s.createElement("div",{className:Y},t==="progress"?s.createElement(d.Spinner,null):s.createElement(d.Icon,{icon:g[t],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(E.Button,{kind:"icon",icon:"x",title:n("growler.dismiss"),className:te,onClick:r})))}const p=e=>(t,r)=>v.toast.custom(o=>s.createElement(se,{title:t,kind:e,onCloseButtonClick:()=>{v.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:t,...r})=>p(t)(e,r);u.success=p("success"),u.error=p("error"),u.info=p("info"),u.warning=p("warning"),u.progress=p("progress"),u.dismiss=v.toast.dismiss,a.Growler=T,a.GrowlerEmitter=C,a.GrowlerIcons=g,a.GrowlerListProvider=H,a.growl=u,a.useGrowler=J,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));

package/lib/growler/sonner.d.ts

@@ -0,0 +1,87 @@
+import * as React from "react";
+import type { ExternalToast } from "sonner";
+import type { GrowlerKind } from "./Sonner.css";
+/**
+ * The component that emits growlers. Include it at the root of your app.
+ */
+export declare function GrowlerEmitter(): JSX.Element;
+export interface GrowlOptions {
+    /**
+     * The id of the growler. Used to control existing growlers.
+     * If not provided, a random id will be generated.
+     */
+    id?: ExternalToast["id"];
+    /**
+     * Sets whether the growler will automatically close after a certain duration. Defaults to true.
+     */
+    autoClose?: boolean;
+    /**
+     * The description of the growler. Can be a string or a function that returns a React node.
+     * If a function is provided, it will be called with the id of the growler.
+     */
+    description?: React.ReactNode | ((id: string | number) => React.ReactNode);
+    /**
+     * A callback that is called when the growler is automatically closed
+     * @param id The id of the growler that was closed
+     * @returns void
+     */
+    onAutoClose?: (id: string | number) => void;
+    /**
+     * A callback that is called when the growler is dismissed by the user
+     * @param id The id of the growler that was dismissed
+     * @returns void
+     */
+    onDismiss?: (id: string | number) => void;
+}
+/**
+ * A general purpose function to display growlers
+ * @param message The main message of the growler
+ * @param options GrowlOptions. `kind` is required.
+ * @returns The id of the growler
+ */
+export declare const growl: {
+    (message: string, { kind, ...rest }: GrowlOptions & {
+        kind: GrowlerKind;
+    }): string | number;
+    /**
+     * A function to display a success growler
+     * @param message The main message of the growler
+     * @param options GrowlOptions
+     * @returns The id of the growler
+     */
+    success: (message: string, options?: GrowlOptions) => string | number;
+    /**
+     * A function to display an error growler
+     * @param message The main message of the growler
+     * @param options GrowlOptions
+     * @returns The id of the growler
+     */
+    error: (message: string, options?: GrowlOptions) => string | number;
+    /**
+     * A function to display an info growler
+     * @param message The main message of the growler
+     * @param options GrowlOptions
+     * @returns The id of the growler
+     */
+    info: (message: string, options?: GrowlOptions) => string | number;
+    /**
+     * A function to display a warning growler
+     * @param message The main message of the growler
+     * @param options GrowlOptions
+     * @returns The id of the growler
+     */
+    warning: (message: string, options?: GrowlOptions) => string | number;
+    /**
+     * A function to display a progress growler
+     * @param message The main message of the growler
+     * @param options GrowlOptions
+     * @returns The id of the growler
+     */
+    progress: (message: string, options?: GrowlOptions) => string | number;
+    /**
+     * Dismiss a growler by id. This will not trigger the onDismiss callback.
+     * @param id The id of the growler. If not provided, all growlers will be dismissed.
+     */
+    dismiss: (id?: number | string) => string | number;
+};
+//# sourceMappingURL=sonner.d.ts.map

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

@@ -0,0 +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"}

package/lib/growler/sonner.js

@@ -0,0 +1,86 @@
+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.css.js";
+import { useWoodlandLanguage as T } from "@spscommerce/i18n";
+function G() {
+  return /* @__PURE__ */ r.createElement(
+    w,
+    {
+      visibleToasts: 10,
+      expand: !0,
+      closeButton: !0,
+      position: "top-right",
+      className: p,
+      duration: a.component.growler.duration.visible,
+      richColors: !0,
+      toastOptions: {
+        style: {
+          outline: "none"
+        }
+      }
+    }
+  );
+}
+u.set(G, { name: "GrowlerEmitter" });
+function M({
+  children: i,
+  kind: t = "info",
+  onCloseButtonClick: e,
+  title: o
+}) {
+  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,
+    {
+      kind: "icon",
+      icon: "x",
+      title: m("growler.dismiss"),
+      className: I,
+      onClick: e
+    }
+  )));
+}
+const s = (i) => (t, e) => (
+  // eslint-disable-next-line implicit-arrow-linebreak -- There are contradictory format rules
+  l.custom(
+    (o) => /* @__PURE__ */ r.createElement(
+      M,
+      {
+        title: t,
+        kind: i,
+        onCloseButtonClick: () => {
+          l.dismiss(o), e?.onDismiss?.(o);
+        }
+      },
+      typeof e?.description == "function" ? e.description(o) : 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);
+      },
+      onAutoClose: (o) => {
+        e?.onAutoClose?.(o.id);
+      }
+    }
+  )
+), n = (i, { kind: t, ...e }) => (
+  // eslint-disable-next-line implicit-arrow-linebreak -- There are contradictory format rules
+  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;
+export {
+  G as GrowlerEmitter,
+  n as growl
+};