@uoguelph/react-components 1.10.3-rc.0 → 1.10.3-rc.1

package/dist/components/toaster/toaster.d.ts

@@ -1,6 +1,7 @@
 import { toast } from './toaster-store';
 export type ToasterProps = {
     limit?: number;
+    className?: string;
 };
-export declare function Toaster({ limit }: ToasterProps): import("react/jsx-runtime").JSX.Element;
+export declare function Toaster({ limit, className }: ToasterProps): import("react/jsx-runtime").JSX.Element;
 export { toast };

package/dist/toaster.js

@@ -1,34 +1,34 @@
 "use client";
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
 import { e as h, d as y, o as x, g as w } from "./solid-CpJcQLq3.js";
-import { FontAwesomeIcon as i } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon as n } from "@fortawesome/react-fontawesome";
 import { useEffect as f, useRef as S, useState as b } from "react";
 import { TransitionGroup as C, CSSTransition as T } from "react-transition-group";
-import { twJoin as v } from "tailwind-merge";
+import { twMerge as v } from "tailwind-merge";
 import { tv as N } from "tailwind-variants";
 import { useToaster as A, toast as F } from "./toaster-store.js";
-function X({ toast: t, onRemove: n, ...r }) {
-  const a = S(null);
-  return /* @__PURE__ */ e(T, { ...r, nodeRef: a, timeout: 300, classNames: "uofg-toast-transition", children: /* @__PURE__ */ e(k, { toast: t, onRemove: n, nodeRef: a }) });
+function X({ toast: t, onRemove: a, ...r }) {
+  const s = S(null);
+  return /* @__PURE__ */ o(T, { ...r, nodeRef: s, timeout: 300, classNames: "uofg-toast-transition", children: /* @__PURE__ */ o(k, { toast: t, onRemove: a, nodeRef: s }) });
 }
 function k({
   toast: t,
-  onRemove: n,
+  onRemove: a,
   nodeRef: r
 }) {
-  const [a, o] = b(100);
+  const [s, i] = b(100);
   f(() => {
     const u = performance.now();
     let c;
     const m = (p) => {
       const g = p - u, l = Math.max(0, 100 - g / t.timeout * 100);
-      o(l), l > 0 && (c = requestAnimationFrame(m));
+      i(l), l > 0 && (c = requestAnimationFrame(m));
     };
     return c = requestAnimationFrame(m), () => {
       cancelAnimationFrame(c);
     };
   }, [t.timeout]);
-  const s = N({
+  const e = N({
     slots: {
       toast: "uofg-toast relative flex w-full max-w-[50ch] gap-2 overflow-hidden p-6 text-left text-lg sm:w-fit",
       progress: "uofg-toast-progress absolute right-0 bottom-0 left-0 h-1 origin-left bg-current opacity-70",
@@ -52,13 +52,13 @@ function k({
       }
     }
   })({ type: t.type });
-  return /* @__PURE__ */ d("button", { onClick: () => n(t.id), ref: r, className: s.toast(), children: [
-    t.type === "info" && /* @__PURE__ */ e(i, { className: s.icon(), icon: h }),
-    t.type === "success" && /* @__PURE__ */ e(i, { className: s.icon(), icon: y }),
-    t.type === "warning" && /* @__PURE__ */ e(i, { className: s.icon(), icon: x }),
-    t.type === "error" && /* @__PURE__ */ e(i, { className: s.icon(), icon: w }),
-    /* @__PURE__ */ e("span", { className: s.message(), children: t.message }),
-    /* @__PURE__ */ e("span", { className: s.progress(), style: { width: `${a}%` }, "aria-hidden": "true" })
+  return /* @__PURE__ */ d("button", { onClick: () => a(t.id), ref: r, className: e.toast(), children: [
+    t.type === "info" && /* @__PURE__ */ o(n, { className: e.icon(), icon: h }),
+    t.type === "success" && /* @__PURE__ */ o(n, { className: e.icon(), icon: y }),
+    t.type === "warning" && /* @__PURE__ */ o(n, { className: e.icon(), icon: x }),
+    t.type === "error" && /* @__PURE__ */ o(n, { className: e.icon(), icon: w }),
+    /* @__PURE__ */ o("span", { className: e.message(), children: t.message }),
+    /* @__PURE__ */ o("span", { className: e.progress(), style: { width: `${s}%` }, "aria-hidden": "true" })
   ] });
 }
 const P = `
@@ -86,16 +86,16 @@ const P = `
     transform 300ms ease;
   }
  `;
-function M({ limit: t = 5 }) {
-  const r = A().slice(-t);
+function $({ limit: t = 5, className: a }) {
+  const s = A().slice(-t);
   f(() => {
     "CSSStyleSheet" in window || console.error(
       "@uoguelph/react-components: Toaster animations will not work because Constructable Stylesheets is not supported in this browser"
     );
-    const o = new CSSStyleSheet();
-    o.replaceSync(P), document.adoptedStyleSheets.push(o);
+    const e = new CSSStyleSheet();
+    e.replaceSync(P), document.adoptedStyleSheets.push(e);
   }, []);
-  const a = v(
+  const i = v(
     "uofg-toaster",
     "fixed",
     "h-fit",
@@ -112,11 +112,12 @@ function M({ limit: t = 5 }) {
     "w-full",
     "flex-col",
     "items-end",
-    "gap-3"
+    "gap-3",
+    a
   );
-  return /* @__PURE__ */ e(C, { component: "div", className: a, children: r.map((o) => /* @__PURE__ */ e(X, { toast: o, onRemove: F.remove }, o.id)) });
+  return /* @__PURE__ */ o(C, { component: "div", className: i, children: s.map((e) => /* @__PURE__ */ o(X, { toast: e, onRemove: F.remove }, e.id)) });
 }
 export {
-  M as Toaster,
+  $ as Toaster,
   F as toast
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uoguelph/react-components",
-  "version": "1.10.3-rc.0",
+  "version": "1.10.3-rc.1",
   "description": "University of Guelph React Components Library",
   "type": "module",
   "scripts": {