@uoguelph/react-components 1.6.3-rc.0 → 1.6.3-rc.2

package/dist/accordion-button.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { f as u, a as l } from "./regular-BKd_6_zc.js";
 import { FontAwesomeIcon as a } from "@fortawesome/react-fontawesome";
 import { DisclosureButton as b } from "@headlessui/react";
@@ -8,7 +8,7 @@ import { twMerge as m } from "tailwind-merge";
 import { tv as p } from "tailwind-variants";
 import { AccordionContext as g } from "./accordion-context.js";
 function x({ children: n, className: e }) {
-  const o = f(g), i = p({
+  const t = f(g), i = p({
     slots: {
       button: "group mb-1 inline-flex w-full cursor-pointer items-center justify-between gap-2 p-2.5 px-5 text-left text-xl transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-blue focus-visible:ring-offset-2 hocus-visible:bg-blue hocus-visible:text-blue-contrast",
       icon: "h-[1em] text-blue-on-light transition group-hocus-visible:text-blue-contrast"
@@ -25,13 +25,13 @@ function x({ children: n, className: e }) {
         }
       }
     }
-  }), { button: s, icon: r } = i({ open: o == null ? void 0 : o.isOpen });
+  }), { button: s, icon: r } = i({ open: t?.isOpen });
   return /* @__PURE__ */ c(b, { className: `uofg-accordion-button ${m(e, s())}`, children: [
-    /* @__PURE__ */ t("span", { className: "uofg-accordion-button-content", children: n }),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ o("span", { className: "uofg-accordion-button-content", children: n }),
+    /* @__PURE__ */ o(
       a,
       {
-        icon: o != null && o.isOpen ? u : l,
+        icon: t?.isOpen ? u : l,
         className: `uofg-accordion-button-icon ${r()}`
       }
     )

package/dist/accordion-content.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { DisclosurePanel as i } from "@headlessui/react";
 import { useContext as c } from "react";
 import m from "react-animate-height";
 import { twMerge as s } from "tailwind-merge";
 import { AccordionContext as a } from "./accordion-context.js";
-function p({ children: r, className: e }) {
-  const o = c(a), n = s("border-l-4 border-yellow py-3 pl-5", e);
-  return /* @__PURE__ */ t(m, { height: o != null && o.isOpen ? "auto" : 0, duration: 200, easing: "ease-in-out", children: /* @__PURE__ */ t(i, { static: !0, className: `uofg-accordion-content ${n}`, children: r }) });
+function p({ children: t, className: e }) {
+  const n = c(a), r = s("border-l-4 border-yellow py-3 pl-5", e);
+  return /* @__PURE__ */ o(m, { height: n?.isOpen ? "auto" : 0, duration: 200, easing: "ease-in-out", children: /* @__PURE__ */ o(i, { static: !0, className: `uofg-accordion-content ${r}`, children: t }) });
 }
 p.displayName = "AccordionContent";
 export {

package/dist/blockquote-author.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as l } from "react/jsx-runtime";
-import { useContext as s } from "react";
-import { twMerge as c } from "tailwind-merge";
+import { useContext as c } from "react";
+import { twMerge as s } from "tailwind-merge";
 import { tv as m } from "tailwind-variants";
 import { BlockquoteContext as u } from "./blockquote-context.js";
-function b({ className: r, children: t }) {
-  const o = s(u), e = m({
+function b({ className: o, children: t }) {
+  const e = c(u), r = m({
     base: "uofg-blockquote-author flex flex-col items-start gap-1 border-l-4 pl-4 font-light",
     variants: {
       color: {
@@ -14,7 +14,7 @@ function b({ className: r, children: t }) {
       }
     }
   });
-  return /* @__PURE__ */ l("div", { className: c(e({ color: (o == null ? void 0 : o.color) ?? "yellow" }), r), children: t });
+  return /* @__PURE__ */ l("div", { className: s(r({ color: e?.color ?? "yellow" }), o), children: t });
 }
 export {
   b as BlockquoteAuthor

package/dist/blockquote-content.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsxs as t, jsx as e, Fragment as n } from "react/jsx-runtime";
+import { jsxs as t, jsx as e, Fragment as c } from "react/jsx-runtime";
 import { b as u, c as m } from "./solid-CwgZbR1c.js";
-import { FontAwesomeIcon as c } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon as l } from "@fortawesome/react-fontawesome";
 import { useContext as f } from "react";
 import { twMerge as b } from "tailwind-merge";
 import { tv as k } from "tailwind-variants";
-import { BlockquoteContext as p } from "./blockquote-context.js";
-function q({ className: s, children: i }) {
-  const o = f(p), r = k({
+import { BlockquoteContext as x } from "./blockquote-context.js";
+function p({ className: s, children: i }) {
+  const o = f(x), r = k({
     slots: {
       base: "block w-full text-center text-3xl font-light italic",
       icons: "inline-block h-[1em]"
@@ -22,21 +22,21 @@ function q({ className: s, children: i }) {
         }
       }
     }
-  }), { base: a, icons: l } = r({ color: (o == null ? void 0 : o.color) ?? "yellow" });
+  }), { base: a, icons: n } = r({ color: o?.color ?? "yellow" });
   return /* @__PURE__ */ t("blockquote", { className: `uofg-blockquote-content ${b(a(), s)}`, children: [
-    !(o != null && o.hideQuotationMarks) && /* @__PURE__ */ t(n, { children: [
-      /* @__PURE__ */ e(c, { icon: u, className: `uofg-blockquote-content-left-quote ${l()}` }),
+    !o?.hideQuotationMarks && /* @__PURE__ */ t(c, { children: [
+      /* @__PURE__ */ e(l, { icon: u, className: `uofg-blockquote-content-left-quote ${n()}` }),
       " "
     ] }),
     /* @__PURE__ */ e("span", { className: "uofg-blockquote-content-text", children: i }),
     " ",
-    !(o != null && o.hideQuotationMarks) && /* @__PURE__ */ t(n, { children: [
+    !o?.hideQuotationMarks && /* @__PURE__ */ t(c, { children: [
       " ",
-      /* @__PURE__ */ e(c, { icon: m, className: `uofg-blockquote-content-right-quote ${l()}` })
+      /* @__PURE__ */ e(l, { icon: m, className: `uofg-blockquote-content-right-quote ${n()}` })
     ] })
   ] });
 }
-q.displayName = "BlockquoteContent";
+p.displayName = "BlockquoteContent";
 export {
-  q as BlockquoteContent
+  p as BlockquoteContent
 };

package/dist/card-content.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { useContext as n } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { useContext as i } from "react";
 import { twMerge as s } from "tailwind-merge";
 import { tv as a } from "tailwind-variants";
 import { CardContext as l } from "./card-context.js";
-function c({ children: o, className: r }) {
-  const t = n(l), e = a({
+function c({ children: t, className: o }) {
+  const e = i(l), r = a({
     base: "flex flex-1 flex-col gap-2 bg-grey-light-bg p-5 text-grey-light-contrast",
     variants: {
       isLink: {
@@ -13,7 +13,7 @@ function c({ children: o, className: r }) {
       }
     }
   });
-  return /* @__PURE__ */ i("div", { className: `uofg-card-content ${s(e({ isLink: (t == null ? void 0 : t.isLink) ?? !1 }), r)}`, children: o });
+  return /* @__PURE__ */ n("div", { className: `uofg-card-content ${s(r({ isLink: e?.isLink ?? !1 }), o)}`, children: t });
 }
 c.displayName = "CardContent";
 export {

package/dist/card-footer.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import { useContext as i } from "react";
-import { twMerge as n } from "tailwind-merge";
+import { jsx as n } from "react/jsx-runtime";
+import { useContext as a } from "react";
+import { twMerge as i } from "tailwind-merge";
 import { tv as s } from "tailwind-variants";
 import { CardContext as c } from "./card-context.js";
 function m({ children: t, className: e }) {
-  const r = i(c), o = s({
+  const r = a(c), o = s({
     base: "flex gap-2 bg-grey-light px-5 py-2 text-grey-light-contrast transition-colors",
     variants: {
       centered: {
@@ -13,7 +13,7 @@ function m({ children: t, className: e }) {
       }
     }
   });
-  return /* @__PURE__ */ a("div", { className: `uofg-card-footer ${n(o({ centered: (r == null ? void 0 : r.centered) ?? !1 }), e)}`, children: t });
+  return /* @__PURE__ */ n("div", { className: `uofg-card-footer ${i(o({ centered: r?.centered ?? !1 }), e)}`, children: t });
 }
 m.displayName = "CardFooter";
 export {

package/dist/card-image.js

@@ -1,20 +1,20 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { useContext as u } from "react";
 import { twMerge as w } from "tailwind-merge";
 import { tv as v } from "tailwind-variants";
 import { CardContext as C } from "./card-context.js";
 const h = "img";
-function k({
-  as: e,
-  src: i,
-  alt: o,
-  width: n,
-  height: t,
+function x({
+  as: a,
+  src: o,
+  alt: t,
+  width: i,
+  height: n,
   className: m,
   ...s
 }) {
-  const l = e ?? h, r = u(C), d = v({
+  const c = a ?? h, r = u(C), l = v({
     slots: {
       container: "w-full overflow-hidden",
       wrapper: "w-full overflow-hidden",
@@ -27,20 +27,20 @@ function k({
         }
       }
     }
-  }), { container: c, wrapper: f, image: p } = d({ isLink: (r == null ? void 0 : r.isLink) ?? !1 }), g = r != null && r.isLink ? "" : o;
-  return /* @__PURE__ */ a("div", { className: `uofg-card-image-container ${c()}`, children: /* @__PURE__ */ a("div", { className: `uofg-card-image-wrapper ${f()}`, children: /* @__PURE__ */ a(
-    l,
+  }), { container: d, wrapper: f, image: p } = l({ isLink: r?.isLink ?? !1 }), g = r?.isLink ? "" : t;
+  return /* @__PURE__ */ e("div", { className: `uofg-card-image-container ${d()}`, children: /* @__PURE__ */ e("div", { className: `uofg-card-image-wrapper ${f()}`, children: /* @__PURE__ */ e(
+    c,
     {
       ...s,
-      src: i,
+      src: o,
       alt: g,
-      width: n,
-      height: t,
+      width: i,
+      height: n,
       className: `uofg-card-image ${w(p(), m)}`
     }
   ) }) });
 }
-k.displayName = "CardImage";
+x.displayName = "CardImage";
 export {
-  k as CardImage
+  x as CardImage
 };

package/dist/card-title.js

@@ -2,10 +2,10 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useContext as n } from "react";
 import { twMerge as a } from "tailwind-merge";
-import { tv as m } from "tailwind-variants";
-import { CardContext as s } from "./card-context.js";
-function c({ children: t, className: r }) {
-  const e = n(s), o = m({
+import { tv as c } from "tailwind-variants";
+import { CardContext as m } from "./card-context.js";
+function s({ children: t, className: e }) {
+  const r = n(m), o = c({
     base: "flex text-lg font-bold",
     variants: {
       centered: {
@@ -13,9 +13,9 @@ function c({ children: t, className: r }) {
       }
     }
   });
-  return /* @__PURE__ */ i("div", { className: `uofg-card-title ${a(o({ centered: (e == null ? void 0 : e.centered) ?? !1 }), r)}`, children: t });
+  return /* @__PURE__ */ i("div", { className: `uofg-card-title ${a(o({ centered: r?.centered ?? !1 }), e)}`, children: t });
 }
-c.displayName = "CardTitle";
+s.displayName = "CardTitle";
 export {
-  c as CardTitle
+  s as CardTitle
 };

package/dist/carousel.js

@@ -6,43 +6,42 @@ import { Children as A, useRef as b, useState as F, useEffect as L } from "react
 import { tv as S } from "tailwind-variants";
 import { l as q, b as M, m as C, c as R } from "./math-utils-CnAd98v6.js";
 const z = (l, a, f) => {
-  const t = l.scrollLeft, r = performance.now();
-  return new Promise((n) => {
-    const o = (h) => {
-      const e = h - r, d = M(Math.min(e / f, 1), 0.25, 0, 0.25, 1);
-      l.scrollLeft = q(t, a, d), e < f ? requestAnimationFrame(o) : n();
+  const t = l.scrollLeft, o = performance.now();
+  return new Promise((s) => {
+    const n = (h) => {
+      const e = h - o, d = M(Math.min(e / f, 1), 0.25, 0, 0.25, 1);
+      l.scrollLeft = q(t, a, d), e < f ? requestAnimationFrame(n) : s();
     };
-    requestAnimationFrame(o);
+    requestAnimationFrame(n);
   });
 };
 function H({ id: l, children: a, display: f = 1, loop: t = "none" }) {
-  const r = A.count(a), n = Math.max(f, 1), o = b(null), h = b(0), [e, d] = F(0), u = r - n, x = b(!1);
+  const o = A.count(a), s = Math.max(f, 1), n = b(null), h = b(0), [e, d] = F(0), u = o - s, x = b(!1);
   L(() => {
-    var s;
-    if (!o.current)
+    if (!n.current)
       return;
-    const i = ((s = o.current) == null ? void 0 : s.offsetWidth) / n;
-    (t === "jump" || t === "none") && (x.current = !0, z(o.current, i * e, 250).then(() => {
+    const r = n.current?.offsetWidth / s;
+    (t === "jump" || t === "none") && (x.current = !0, z(n.current, r * e, 250).then(() => {
       x.current = !1;
     })), h.current = e;
-  }, [e, t, u, n]);
-  const v = (i) => {
+  }, [e, t, u, s]);
+  const v = (r) => {
     if (x.current) return;
-    let s;
+    let i;
     switch (t) {
       case "none":
-        s = R(e + i, 0, u);
+        i = R(e + r, 0, u);
         break;
       case "jump":
-        s = C(e + i, u + 1);
+        i = C(e + r, u + 1);
         break;
       case "continuous":
-        s = C(e + i, r);
+        i = C(e + r, o);
         break;
       default:
-        s = 0;
+        i = 0;
     }
-    d(s);
+    d(i);
   }, y = S({
     slots: {
       base: "relative flex h-fit min-h-[7rem] w-full flex-col-reverse",
@@ -68,7 +67,7 @@ function H({ id: l, children: a, display: f = 1, loop: t = "none" }) {
         }
       }
     }
-  }), p = r > n, { base: N, contentContainer: j, controlContainer: k, control: g } = y({ showControls: p });
+  }), p = o > s, { base: N, contentContainer: j, controlContainer: k, control: g } = y({ showControls: p });
   return /* @__PURE__ */ m("div", { id: l, className: `uofg-carousel ${N()}`, children: [
     p && /* @__PURE__ */ m("div", { className: `uofg-carousel-control-container ${k()}`, children: [
       /* @__PURE__ */ m(
@@ -98,11 +97,11 @@ function H({ id: l, children: a, display: f = 1, loop: t = "none" }) {
       "div",
       {
         className: `uofg-carousel-content-container ${j()}`,
-        ref: o,
+        ref: n,
         style: {
           // Define CSS variables for the grid layout
-          "--items": r,
-          "--display": n
+          "--items": o,
+          "--display": s
         },
         children: a
       }

package/dist/checkbox.js

@@ -1,20 +1,20 @@
 "use client";
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { b as p } from "./regular-BKd_6_zc.js";
 import { FontAwesomeIcon as y } from "@fortawesome/react-fontawesome";
-import { Field as w, Checkbox as v, Label as N, Description as $ } from "@headlessui/react";
-import { useState as C } from "react";
+import { Field as w, Checkbox as v, Label as C, Description as N } from "@headlessui/react";
+import { useState as $ } from "react";
 import { tv as j } from "tailwind-variants";
 function F({
-  checked: r = !1,
-  label: o,
-  description: i,
-  color: a = "yellow",
-  disabled: t = !1,
-  onChange: c,
-  ...b
+  checked: l = !1,
+  label: c,
+  description: o,
+  color: r = "yellow",
+  disabled: i = !1,
+  onChange: n,
+  ...a
 }) {
-  const [n, u] = C(r), h = j({
+  const [b, h] = $(l), u = j({
     slots: {
       base: "flex cursor-pointer flex-col gap-0.5",
       container: "flex items-center gap-2",
@@ -58,28 +58,28 @@ function F({
     base: x,
     container: f,
     box: k,
-    check: d,
-    label: g,
+    check: g,
+    label: d,
     description: m
-  } = h({ color: a, disabled: t });
-  return /* @__PURE__ */ l(w, { className: `uofg-checkbox-field ${x()}`, children: [
-    /* @__PURE__ */ l("div", { className: `uofg-checkbox-container ${f()}`, children: [
+  } = u({ color: r, disabled: i });
+  return /* @__PURE__ */ s(w, { className: `uofg-checkbox-field ${x()}`, children: [
+    /* @__PURE__ */ s("div", { className: `uofg-checkbox-container ${f()}`, children: [
       /* @__PURE__ */ e(
         v,
         {
-          checked: n,
-          onChange: (s) => {
-            u(s), c == null || c(s);
+          checked: b,
+          onChange: (t) => {
+            h(t), n?.(t);
           },
-          disabled: t,
+          disabled: i,
           className: `uofg-checkbox ${k()}`,
-          ...b,
-          children: /* @__PURE__ */ e(y, { className: `uofg-checkbox-icon ${d()}`, icon: p })
+          ...a,
+          children: /* @__PURE__ */ e(y, { className: `uofg-checkbox-icon ${g()}`, icon: p })
         }
       ),
-      o && /* @__PURE__ */ e(N, { className: `uofg-checkbox-label ${g()}`, children: o })
+      c && /* @__PURE__ */ e(C, { className: `uofg-checkbox-label ${d()}`, children: c })
     ] }),
-    i && /* @__PURE__ */ e($, { className: `uofg-checkbox-description ${m()}`, children: i })
+    o && /* @__PURE__ */ e(N, { className: `uofg-checkbox-description ${m()}`, children: o })
   ] });
 }
 F.displayName = "Checkbox";

package/dist/dismissible-alert.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as Z, jsxs as tr, Fragment as dr } from "react/jsx-runtime";
 import { useState as hr, useMemo as pr } from "react";
-import { u as gr } from "./use-dismissible-CWEoUQGp.js";
+import { u as gr } from "./use-dismissible-fJ_gWdkv.js";
 import { Alert as yr } from "./alert.js";
 import { Button as mr } from "./button.js";
 import { Container as wr } from "./container.js";

package/dist/embedded-video-modal-button.js

@@ -1,43 +1,43 @@
 "use client";
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { i as s } from "./solid-CwgZbR1c.js";
 import { FontAwesomeIcon as u } from "@fortawesome/react-fontawesome";
 import { useContext as m } from "react";
 import { twMerge as l } from "tailwind-merge";
-import { Button as a } from "./button.js";
-import { EmbeddedVideoContext as f } from "./embedded-video-context.js";
-function c({ type: t, children: d, className: r }) {
-  const o = m(f);
-  if (t === "play-button") {
-    const n = l(
+import { Button as c } from "./button.js";
+import { EmbeddedVideoContext as a } from "./embedded-video-context.js";
+function f({ type: e, children: r, className: t }) {
+  const n = m(a);
+  if (e === "play-button") {
+    const d = l(
       "flex aspect-square w-24 items-center justify-center rounded-full bg-red text-4xl text-white transition-colors hover:bg-red-focus focus:bg-red-focus",
-      r
+      t
     );
     return /* @__PURE__ */ i(
       "button",
       {
         type: "button",
-        className: `uofg-embedded-video-play-button ${n}`,
-        onClick: () => o == null ? void 0 : o.setModalOpen(!0),
+        className: `uofg-embedded-video-play-button ${d}`,
+        onClick: () => n?.setModalOpen(!0),
         children: [
-          /* @__PURE__ */ e(u, { icon: s }),
-          /* @__PURE__ */ e("span", { className: "sr-only", children: "Show Video" })
+          /* @__PURE__ */ o(u, { icon: s }),
+          /* @__PURE__ */ o("span", { className: "sr-only", children: "Show Video" })
         ]
       }
     );
   }
-  return /* @__PURE__ */ e(
-    a,
+  return /* @__PURE__ */ o(
+    c,
     {
       type: "button",
-      color: t,
-      className: `uofg-embedded-video-play-button ${r}`,
-      onClick: () => o == null ? void 0 : o.setModalOpen(!0),
-      children: d
+      color: e,
+      className: `uofg-embedded-video-play-button ${t}`,
+      onClick: () => n?.setModalOpen(!0),
+      children: r
     }
   );
 }
-c.displayName = "EmbeddedVideoModalButton";
+f.displayName = "EmbeddedVideoModalButton";
 export {
-  c as EmbeddedVideoModalButton
+  f as EmbeddedVideoModalButton
 };