@uoguelph/web-components 1.9.1-rc.3 → 1.9.1-rc.4

package/dist/uofg-web-components/uofg-header.esm.js

@@ -4,24 +4,24 @@ var Tt = (e) => {
 };
 var fe = (e, t, a) => t in e ? ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
 var wt = (e, t, a) => fe(e, typeof t != "symbol" ? t + "" : t, a), Mt = (e, t, a) => t.has(e) || Tt("Cannot " + a);
-var O = (e, t, a) => (Mt(e, t, "read from private field"), a ? a.call(e) : t.get(e)), it = (e, t, a) => t.has(e) ? Tt("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), kt = (e, t, a, r) => (Mt(e, t, "write to private field"), r ? r.call(e, a) : t.set(e, a), a), Ft = (e, t, a) => (Mt(e, t, "access private method"), a);
-import { E as K, G as Pt, Y as Ct, Z as de, _ as Ot, $ as he, a0 as pe, a1 as ge, a2 as be, a3 as xe, a4 as me, a5 as Rt, a6 as Ut, a7 as Lt, a8 as _e, a9 as ye, aa as we, ab as zt, y as Vt, A as gt, ac as Me, ad as ke, ae as Ce, af as $e, ag as Se, ah as Le, B as Ne, ai as et, aj as Wt, ak as Bt, al as Ae, am as $t, an as Ee, ao as Ve, u as Zt, m as Ze, c as U, e as X, p as V, t as $, h as w, g as z, X as H, a as E, ap as je, b as x, d as Y, k as Z, r as y, aq as R, ar as P, s as I, j as rt, C as q, as as He, at as Te, H as B, o as l, J as st, V as at, i as ot, au as lt, I as F, F as G, av as bt, K as xt, aw as jt, ax as mt, ay as _t, az as Dt, q as ct, v as tt, w as Nt, aA as Fe, aB as Pe, l as Re } from "./bundle-mjs-B-xz8PaI.js";
-import { a as Ue } from "./window-DkS3FM3R.js";
-import { s as qt, i as Ht } from "./legacy-DVjlkM1b.js";
+var O = (e, t, a) => (Mt(e, t, "read from private field"), a ? a.call(e) : t.get(e)), it = (e, t, a) => t.has(e) ? Tt("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), Ct = (e, t, a, r) => (Mt(e, t, "write to private field"), r ? r.call(e, a) : t.set(e, a), a), Ft = (e, t, a) => (Mt(e, t, "access private method"), a);
+import { E as K, G as Pt, $ as kt, a0 as de, a1 as Ot, a2 as he, a3 as pe, a4 as ge, a5 as be, a6 as xe, a7 as me, a8 as Rt, a9 as Ut, aa as Lt, ab as _e, ac as ye, ad as we, ae as zt, y as Vt, A as gt, af as Me, ag as Ce, ah as ke, ai as $e, aj as Se, ak as Le, B as Ne, al as et, am as Wt, an as Bt, ao as Ae, ap as $t, aq as Ee, ar as Ve, u as Zt, m as Ze, c as U, e as X, p as V, t as $, h as w, g as z, Z as H, a as E, as as je, b as x, d as Y, k as Z, r as y, Y as R, X as P, s as I, j as rt, C as q, at as He, au as Te, H as B, o as l, J as st, V as at, i as ot, av as lt, I as F, F as G, aw as bt, K as xt, ax as jt, ay as mt, az as _t, aA as Dt, q as ct, v as tt, w as Nt, aB as Fe, aC as Pe, l as Re } from "./bundle-mjs-D9l_ATWO.js";
+import { a as Ue } from "./window-h3Y-5wZO.js";
+import { s as qt, i as Ht } from "./legacy-D3RweNqh.js";
 function ze(e, t, a, r, h, o) {
   let f = K;
   K && Pt();
-  var k, b, s = null;
-  K && Ct.nodeType === 1 && (s = /** @type {Element} */
-  Ct, Pt());
+  var C, b, s = null;
+  K && kt.nodeType === 1 && (s = /** @type {Element} */
+  kt, Pt());
   var v = (
     /** @type {TemplateNode} */
-    K ? Ct : e
+    K ? kt : e
   ), i;
   de(() => {
     const u = t() || null;
     var c = u === "svg" ? pe : null;
-    u !== k && (i && (u === null ? _e(i, () => {
+    u !== C && (i && (u === null ? _e(i, () => {
       i = null, b = null;
     }) : u === b ? ye(i) : (we(i), zt(!1))), u && u !== b && (i = he(() => {
       if (s = K ? (
@@ -36,7 +36,7 @@ function ze(e, t, a, r, h, o) {
         K && (d === null ? Rt(!1) : Ut(d)), r(s, d);
       }
       Lt.nodes_end = s, v.before(s);
-    })), k = u, k && (b = k), zt(!0));
+    })), C = u, C && (b = C), zt(!0));
   }, Ot), f && (Rt(!0), Ut(v));
 }
 function We(e, t, a) {
@@ -104,7 +104,7 @@ function Gt(e) {
 }
 const Ie = (e) => e;
 function Oe(e, t, a, r) {
-  var h = (e & $e) !== 0, o = "both", f, k = t.inert, b = t.style.overflow, s, v;
+  var h = (e & $e) !== 0, o = "both", f, C = t.inert, b = t.style.overflow, s, v;
   function i() {
     var m = Ae, n = Lt;
     Wt(null), Bt(null);
@@ -120,7 +120,7 @@ function Oe(e, t, a, r) {
   var u = {
     is_global: h,
     in() {
-      t.inert = k, ft(t, "introstart"), s = At(t, i(), v, 1, () => {
+      t.inert = C, ft(t, "introstart"), s = At(t, i(), v, 1, () => {
         ft(t, "introend"), s == null || s.abort(), s = f = void 0, t.style.overflow = b;
       });
     },
@@ -143,9 +143,9 @@ function Oe(e, t, a, r) {
         /** @type {Effect | null} */
         c.parent
       ); p && (p.f & Ot) !== 0; )
-        for (; (p = p.parent) && (p.f & ke) === 0; )
+        for (; (p = p.parent) && (p.f & Ce) === 0; )
           ;
-      d = !p || (p.f & Ce) !== 0;
+      d = !p || (p.f & ke) !== 0;
     }
     d && Vt(() => {
       gt(() => u.in());
@@ -155,15 +155,15 @@ function Oe(e, t, a, r) {
 function At(e, t, a, r, h) {
   var o = r === 1;
   if (Le(t)) {
-    var f, k = !1;
+    var f, C = !1;
     return Ne(() => {
-      if (!k) {
+      if (!C) {
         var m = t({ direction: o ? "in" : "out" });
         f = At(e, m, a, r, h);
       }
     }), {
       abort: () => {
-        k = !0, f == null || f.abort();
+        C = !0, f == null || f.abort();
       },
       deactivate: () => f.deactivate(),
       reset: () => f.reset(),
@@ -195,8 +195,8 @@ function At(e, t, a, r, h) {
       var M = !1;
       if (s)
         for (var L = Math.ceil(N / 16.666666666666668), S = 0; S <= L; S += 1) {
-          var g = m + n * i(S / L), C = Gt(s(g, 1 - g));
-          _.push(C), M || (M = C.overflow === "hidden");
+          var g = m + n * i(S / L), k = Gt(s(g, 1 - g));
+          _.push(k), M || (M = k.overflow === "hidden");
         }
       M && (e.style.overflow = "hidden"), d = () => {
         var A = (
@@ -238,7 +238,7 @@ const pt = class pt {
     it(this, nt);
     /** @type {ResizeObserverOptions} */
     it(this, ut);
-    kt(this, ut, t);
+    Ct(this, ut, t);
   }
   /**
    * @param {Element} element
@@ -253,7 +253,7 @@ const pt = class pt {
   }
 };
 J = new WeakMap(), nt = new WeakMap(), ut = new WeakMap(), ht = new WeakSet(), Jt = function() {
-  return O(this, nt) ?? kt(this, nt, new ResizeObserver(
+  return O(this, nt) ?? Ct(this, nt, new ResizeObserver(
     /** @param {any} entries */
     (t) => {
       for (var a of t) {
@@ -294,7 +294,7 @@ function Qe(e) {
   return t * t * t + 1;
 }
 function It(e, { delay: t = 0, duration: a = 400, easing: r = Qe, axis: h = "y" } = {}) {
-  const o = getComputedStyle(e), f = +o.opacity, k = h === "y" ? "height" : "width", b = parseFloat(o[k]), s = h === "y" ? ["top", "bottom"] : ["left", "right"], v = s.map(
+  const o = getComputedStyle(e), f = +o.opacity, C = h === "y" ? "height" : "width", b = parseFloat(o[C]), s = h === "y" ? ["top", "bottom"] : ["left", "right"], v = s.map(
     (n) => (
       /** @type {'Left' | 'Right' | 'Top' | 'Bottom'} */
       `${n[0].toUpperCase()}${n.slice(1)}`
@@ -308,7 +308,7 @@ function It(e, { delay: t = 0, duration: a = 400, easing: r = Qe, axis: h = "y"
     delay: t,
     duration: a,
     easing: r,
-    css: (n) => `overflow: hidden;opacity: ${Math.min(n * 20, 1) * f};${k}: ${n * b}px;padding-${s[0]}: ${n * i}px;padding-${s[1]}: ${n * u}px;margin-${s[0]}: ${n * c}px;margin-${s[1]}: ${n * d}px;border-${s[0]}-width: ${n * p}px;border-${s[1]}-width: ${n * m}px;min-${k}: 0`
+    css: (n) => `overflow: hidden;opacity: ${Math.min(n * 20, 1) * f};${C}: ${n * b}px;padding-${s[0]}: ${n * i}px;padding-${s[1]}: ${n * u}px;margin-${s[0]}: ${n * c}px;margin-${s[1]}: ${n * d}px;border-${s[0]}-width: ${n * p}px;border-${s[1]}-width: ${n * m}px;min-${C}: 0`
   };
 }
 function Xe(e) {
@@ -331,7 +331,7 @@ var Ye = (e, t) => {
 }, ta = $('<div tabindex="-1"><button aria-haspopup="true"><!></button> <!></div>');
 function Q(e, t) {
   X(t, !0);
-  let a = V(t, "class", 7), r = V(t, "buttonClass", 7, ""), h = V(t, "contentClass", 7, ""), o = V(t, "open", 15, !1), f = V(t, "as", 7, "div"), k = V(t, "transition", 7, It), b = V(t, "autoCollapse", 7, !0), s = V(t, "label", 7), v = V(t, "button", 7), i = V(t, "children", 7);
+  let a = V(t, "class", 7), r = V(t, "buttonClass", 7, ""), h = V(t, "contentClass", 7, ""), o = V(t, "open", 15, !1), f = V(t, "as", 7, "div"), C = V(t, "transition", 7, It), b = V(t, "autoCollapse", 7, !0), s = V(t, "label", 7), v = V(t, "button", 7), i = V(t, "children", 7);
   var u = ta(), c = w(u);
   c.__click = [Ye, o];
   var d = w(c);
@@ -341,7 +341,7 @@ function Q(e, t) {
     var m = (n) => {
       var N = R(), _ = P(N);
       ze(_, f, !1, (M, L) => {
-        E(() => I(M, 0, rt(h()))), Oe(3, M, k, () => ({ duration: 200, easing: Xe }));
+        E(() => I(M, 0, rt(h()))), Oe(3, M, C, () => ({ duration: 200, easing: Xe }));
         var S = R(), g = P(S);
         qt(g, () => i() ?? et), x(L, S);
       }), x(n, N);
@@ -386,10 +386,10 @@ function Q(e, t) {
       f(n), Z();
     },
     get transition() {
-      return k();
+      return C();
     },
     set transition(n = It) {
-      k(n), Z();
+      C(n), Z();
     },
     get autoCollapse() {
       return b();
@@ -535,7 +535,7 @@ function Yt(e, t) {
   X(t, !1), Ht();
   var a = oa(), r = w(a);
   B(r, 5, () => Xt, (h) => h.text || h.title, (h, o) => {
-    var f = la(), k = w(f);
+    var f = la(), C = w(f);
     {
       var b = (v) => {
         const i = at(() => ot("flex h-full items-center justify-center gap-2 px-2 transition-colors hover:bg-grey-muted aria-expanded:bg-grey-muted hover:text-grey-muted-contrast aria-expanded:text-grey-muted-contrast", l(o).icon && "[&_svg]:aria-expanded:rotate-180)} aspect-square")), u = at(() => l(o).icon ? l(o).text : void 0);
@@ -563,8 +563,8 @@ function Yt(e, t) {
               }, _ = (M) => {
                 var L = ea(), S = P(L), g = w(S, !0);
                 y(S);
-                var C = z(S, 2);
-                G(C, { icon: bt }), E(() => F(g, l(o).text)), x(M, L);
+                var k = z(S, 2);
+                G(k, { icon: bt }), E(() => F(g, l(o).text)), x(M, L);
               };
               H(n, (M) => {
                 l(o).icon ? M(N) : M(_, !1);
@@ -579,9 +579,9 @@ function Yt(e, t) {
               let S;
               var g = w(L, !0);
               y(L), y(M), E(
-                (C) => {
+                (k) => {
                   S = lt(L, S, {
-                    class: C,
+                    class: k,
                     href: l(_).href,
                     ...l(_).attributes
                   }), F(g, l(_).text);
@@ -607,7 +607,7 @@ function Yt(e, t) {
           at
         ), x(v, i);
       };
-      H(k, (v) => {
+      H(C, (v) => {
         l(o).links ? v(b) : v(s, !1);
       });
     }
@@ -658,18 +658,18 @@ function re(e, t) {
   X(t, !1);
   const [a, r] = _t(), h = () => mt(o, "$headerState", a), o = jt("header-state");
   Ht();
-  var f = va(), k = w(f);
+  var f = va(), C = w(f);
   {
     var b = (c) => {
       var d = ua(), p = w(d);
       te(p), y(d), x(c, d);
     };
-    H(k, (c) => {
+    H(C, (c) => {
       var d;
       ((d = h()) == null ? void 0 : d.mode) === "desktop" && c(b);
     });
   }
-  var s = z(k, 2), v = w(s);
+  var s = z(C, 2), v = w(s);
   {
     var i = (c) => {
       ae(c);
@@ -714,24 +714,24 @@ function le(e) {
         }), y(s), E(() => {
           q(s, "href", l(r).href), q(s, "aria-label", l(r).text);
         }), x(b, s);
-      }, k = (b) => {
+      }, C = (b) => {
         var s = ha(), v = w(s, !0);
         y(s), E(() => {
           q(s, "href", l(r).href), F(v, l(r).text);
         }), x(b, s);
       };
       H(o, (b) => {
-        l(r).icon ? b(f) : b(k, !1);
+        l(r).icon ? b(f) : b(C, !1);
       });
     }
     y(h), x(a, h);
   }), y(t), x(e, t);
 }
 U(le, {}, [], [], !0);
-var ba = $('<li class="[&amp;>*]:first:mt-4 [&amp;>*]:last:mb-4"><a> </a></li>'), xa = $('<a class="flex aspect-square h-full items-center justify-center gap-2 px-4 transition-colors hover:bg-white hover:text-black focus:bg-white focus:text-black aria-expanded:bg-white aria-expanded:text-black"><!></a>'), ma = $('<li data-testid="outer-link"><!></li>'), _a = $('<span><span class="mr-auto"> </span> <!></span>'), ya = $("<li><a> </a></li>"), wa = $("<a> </a>"), Ma = $('<li class="[&amp;>*]:first:mt-4 [&amp;>*]:last:mb-4"><!></li>'), ka = $('<ul class="flex h-full [&amp;>li]:contents"><!> <li><!></li></ul>');
+var ba = $('<li class="[&amp;>*]:first:mt-4 [&amp;>*]:last:mb-4"><a> </a></li>'), xa = $('<a class="flex aspect-square h-full items-center justify-center gap-2 px-4 transition-colors hover:bg-white hover:text-black focus:bg-white focus:text-black aria-expanded:bg-white aria-expanded:text-black"><!></a>'), ma = $('<li data-testid="outer-link"><!></li>'), _a = $('<span><span class="mr-auto"> </span> <!></span>'), ya = $("<li><a> </a></li>"), wa = $("<a> </a>"), Ma = $('<li class="[&amp;>*]:first:mt-4 [&amp;>*]:last:mb-4"><!></li>'), Ca = $('<ul class="flex h-full [&amp;>li]:contents"><!> <li><!></li></ul>');
 function oe(e) {
   const t = [...Qt, ...Xt], a = t.filter((b) => !(b != null && b.excludeFromMainMenu)), r = t.filter((b) => b == null ? void 0 : b.excludeFromMainMenu);
-  var h = ka(), o = w(h);
+  var h = Ca(), o = w(h);
   B(o, 1, () => r, (b) => b.text || b.title, (b, s) => {
     var v = ma(), i = w(v);
     {
@@ -755,11 +755,11 @@ function oe(e) {
           children: (n, N) => {
             var _ = R(), M = P(_);
             B(M, 1, () => l(s).links, st, (L, S) => {
-              var g = ba(), C = w(g);
+              var g = ba(), k = w(g);
               let A;
-              var T = w(C, !0);
-              y(C), y(g), E(() => {
-                A = lt(C, A, {
+              var T = w(k, !0);
+              y(k), y(g), E(() => {
+                A = lt(k, A, {
                   class: "border-grey/50 hover:bg-grey-muted border-0 border-b border-solid p-2 transition-colors",
                   href: l(S).href,
                   ...l(S).attributes
@@ -785,8 +785,8 @@ function oe(e) {
     }
     y(v), x(b, v);
   });
-  var f = z(o, 2), k = w(f);
-  Q(k, {
+  var f = z(o, 2), C = w(f);
+  Q(C, {
     class: "h-full w-fit",
     label: "Main Menu",
     buttonClass: "flex h-full aspect-square items-center justify-center gap-2 px-4 transition-colors hover:bg-white focus:bg-white aria-expanded:bg-white hover:text-black focus:text-black aria-expanded:text-black [&_svg]:aria-expanded:rotate-180",
@@ -810,16 +810,16 @@ function oe(e) {
               button: (L) => {
                 var S = _a();
                 let g;
-                var C = w(S), A = w(C, !0);
-                y(C);
-                var T = z(C, 2);
+                var k = w(S), A = w(k, !0);
+                y(k);
+                var T = z(k, 2);
                 G(T, { icon: bt }), y(S), E(() => {
                   g = I(S, 1, "flex w-full items-center justify-between gap-2 [&>svg]:transition-transform", null, g, { "bg-yellow": l(d).highlight }), F(A, l(d).text);
                 }), x(L, S);
               },
               children: (L, S) => {
-                var g = R(), C = P(g);
-                B(C, 1, () => l(d).links, st, (A, T) => {
+                var g = R(), k = P(g);
+                B(k, 1, () => l(d).links, st, (A, T) => {
                   var W = ya(), j = w(W);
                   let vt;
                   var yt = w(j, !0);
@@ -853,17 +853,17 @@ function oe(e) {
   }), y(f), y(h), x(e, h);
 }
 U(oe, {}, [], [], !0);
-var Ca = $('<a href="https://www.guelphhumber.ca" class="ml-auto h-full w-auto p-4 transition-opacity hover:opacity-75 focus:opacity-75"><span class="sr-only">University of Guelph-Humber Homepage</span> <!></a>'), $a = $('<nav aria-label="Primary"><!> <!></nav>');
+var ka = $('<a href="https://www.guelphhumber.ca" class="ml-auto h-full w-auto p-4 transition-opacity hover:opacity-75 focus:opacity-75"><span class="sr-only">University of Guelph-Humber Homepage</span> <!></a>'), $a = $('<nav aria-label="Primary"><!> <!></nav>');
 function ne(e, t) {
   X(t, !1);
   const [a, r] = _t(), h = () => mt(o, "$headerState", a), o = jt("header-state");
   Ht();
-  var f = $a(), k = w(f);
-  re(k, {});
-  var b = z(k, 2);
+  var f = $a(), C = w(f);
+  re(C, {});
+  var b = z(C, 2);
   {
     var s = (i) => {
-      var u = Ca(), c = z(w(u), 2);
+      var u = ka(), c = z(w(u), 2);
       se(c), y(u), x(i, u);
     }, v = (i) => {
       var u = R(), c = P(u);
@@ -907,7 +907,7 @@ function ie(e, t) {
   let a = V(t, "items", 7);
   var r = R(), h = P(r);
   return B(h, 17, a, (o) => o.text || o.title, (o, f) => {
-    var k = R(), b = P(k);
+    var C = R(), b = P(C);
     {
       var s = (i) => {
         var u = Na(), c = w(u);
@@ -927,14 +927,14 @@ function ie(e, t) {
             B(N, 17, () => l(f).links, st, (_, M) => {
               var L = La(), S = w(L);
               let g;
-              var C = w(S, !0);
+              var k = w(S, !0);
               y(S), y(L), E(() => {
                 var A;
                 g = lt(S, g, {
                   ...l(M).attributes,
                   class: `border-grey/50 border-0 border-b border-solid p-2 transition-colors hover:bg-yellow hover:text-yellow-contrast focus:bg-yellow focus:text-yellow-contrast ${((A = l(M).attributes) == null ? void 0 : A.class) ?? ""}`,
                   href: l(M).href
-                }), F(C, l(M).text);
+                }), F(k, l(M).text);
               }), x(_, L);
             }), x(p, n);
           },
@@ -957,7 +957,7 @@ function ie(e, t) {
         l(f).links ? i(s) : i(v, !1);
       });
     }
-    x(o, k);
+    x(o, C);
   }), x(e, r), Y({
     get items() {
       return a();
@@ -982,7 +982,7 @@ function ce(e, t) {
     button: (f) => {
       G(f, { icon: Dt });
     },
-    children: (f, k) => {
+    children: (f, C) => {
       var b = R(), s = P(b);
       B(s, 17, a, (v) => v.text || v.title, (v, i) => {
         var u = ja(), c = w(u);
@@ -1015,17 +1015,17 @@ function ce(e, t) {
               children: (N, _) => {
                 var M = R(), L = P(M);
                 B(L, 17, () => l(i).links, st, (S, g) => {
-                  var C = Za(), A = w(C);
+                  var k = Za(), A = w(k);
                   let T;
                   var W = w(A, !0);
-                  y(A), y(C), E(() => {
+                  y(A), y(k), E(() => {
                     var j;
                     T = lt(A, T, {
                       ...l(g).attributes,
                       class: `border-grey/50 hover:bg-grey-muted hover:text-grey-muted-contrast border-0 border-b border-solid p-2 transition-colors ${((j = l(g).attributes) == null ? void 0 : j.class) ?? ""}`,
                       href: l(g).href
                     }), F(W, l(g).text);
-                  }), x(S, C);
+                  }), x(S, k);
                 }), x(N, M);
               },
               $$slots: { button: !0, default: !0 }
@@ -1053,7 +1053,7 @@ var Ta = $('<a class="mr-auto flex h-full items-center justify-center px-3 font-
 function ue(e, t) {
   X(t, !0);
   const [a, r] = _t(), h = () => mt(o, "$headerState", a), o = jt("header-state");
-  let f = V(t, "items", 7), k = V(t, "title", 7), b = V(t, "url", 7), s = ct(void 0), v = ct(void 0), i = ct(void 0), u, c = ct(void 0);
+  let f = V(t, "items", 7), C = V(t, "title", 7), b = V(t, "url", 7), s = ct(void 0), v = ct(void 0), i = ct(void 0), u, c = ct(void 0);
   Zt(() => {
     var g;
     clearTimeout(u), ((g = h()) == null ? void 0 : g.mode) === "desktop" && l(s) - l(v) < l(i) && (u = setTimeout(
@@ -1069,35 +1069,35 @@ function ue(e, t) {
   var d = Pa(), p = w(d), m = w(p);
   {
     var n = (g) => {
-      var C = Ta(), A = w(C, !0);
-      y(C), E(() => {
-        q(C, "href", b()), F(A, k());
-      }), dt(C, "clientWidth", (T) => tt(v, T)), x(g, C);
+      var k = Ta(), A = w(k, !0);
+      y(k), E(() => {
+        q(k, "href", b()), F(A, C());
+      }), dt(k, "clientWidth", (T) => tt(v, T)), x(g, k);
     }, N = (g) => {
-      var C = R(), A = P(C);
+      var k = R(), A = P(k);
       {
         var T = (W) => {
           var j = Fa(), vt = w(j, !0);
-          y(j), E(() => F(vt, k())), dt(j, "clientWidth", (yt) => tt(v, yt)), x(W, j);
+          y(j), E(() => F(vt, C())), dt(j, "clientWidth", (yt) => tt(v, yt)), x(W, j);
         };
         H(
           A,
           (W) => {
-            k() && W(T);
+            C() && W(T);
           },
           !0
         );
       }
-      x(g, C);
+      x(g, k);
     };
     H(m, (g) => {
-      k() && b() ? g(n) : g(N, !1);
+      C() && b() ? g(n) : g(N, !1);
     });
   }
   var _ = z(m, 2), M = w(_);
   {
     var L = (g) => {
-      var C = R(), A = P(C);
+      var k = R(), A = P(k);
       {
         var T = (j) => {
           ie(j, {
@@ -1116,11 +1116,11 @@ function ue(e, t) {
           h().mode === "desktop" && (isNaN(l(c)) || l(s) > l(c)) ? j(T) : j(W, !1);
         });
       }
-      x(g, C);
+      x(g, k);
     };
     H(M, (g) => {
-      var C;
-      ((C = f()) == null ? void 0 : C.length) > 0 && g(L);
+      var k;
+      ((k = f()) == null ? void 0 : k.length) > 0 && g(L);
     });
   }
   y(_), y(p), y(d), E((g) => I(d, 1, rt(g)), [
@@ -1137,10 +1137,10 @@ function ue(e, t) {
       f(g), Z();
     },
     get title() {
-      return k();
+      return C();
     },
     set title(g) {
-      k(g), Z();
+      C(g), Z();
     },
     get url() {
       return b();
@@ -1157,7 +1157,7 @@ var Ua = $('<header class="font-condensed relative z-10 w-full text-black"><!> <
 function za(e, t) {
   X(t, !0);
   const [a, r] = _t(), h = () => mt(i, "$headerState", a);
-  let o = V(t, "subNavigation", 7), f = V(t, "pageTitle", 7), k = V(t, "pageURL", 7), b = V(t, "variant", 7), s = ct(void 0);
+  let o = V(t, "subNavigation", 7), f = V(t, "pageTitle", 7), C = V(t, "pageURL", 7), b = V(t, "variant", 7), s = ct(void 0);
   const v = 1024, i = Fe({ mode: "mobile", variant: b() });
   Pe("header-state", i), Zt(() => {
     i.set({
@@ -1184,7 +1184,7 @@ function za(e, t) {
           return f();
         },
         get url() {
-          return k();
+          return C();
         },
         get items() {
           return o();
@@ -1211,10 +1211,10 @@ function za(e, t) {
       f(_), Z();
     },
     get pageURL() {
-      return k();
+      return C();
     },
     set pageURL(_) {
-      k(_), Z();
+      C(_), Z();
     },
     get variant() {
       return b();

package/dist/uofg-web-components/uofg-modal.esm.js

@@ -1,5 +1,5 @@
-import { y as q, z as D, A as F, B as T, S as z, m as j, c as R, e as U, p as l, u as E, t as J, C as y, h as w, F as K, D as L, g as M, a as N, i as Y, s as _, j as G, b as H, d as I, k as o, r as x, l as P } from "./bundle-mjs-B-xz8PaI.js";
-import { a as Q } from "./slot-GuQmCA3r.js";
+import { y as q, z as D, A as F, B as T, S as z, m as j, c as R, e as U, p as l, u as E, t as J, C as y, h as w, F as K, D as L, g as M, a as N, i as Y, s as _, j as G, b as H, d as I, k as o, r as x, l as P } from "./bundle-mjs-D9l_ATWO.js";
+import { a as Q } from "./slot-DIYGyizX.js";
 function B(a, e) {
   return a === e || (a == null ? void 0 : a[z]) === e;
 }

package/dist/uofg-web-components/{window-DkS3FM3R.js → window-h3Y-5wZO.js}

@@ -1,4 +1,4 @@
-import { ag as n, z as w, y as d, aC as f, aD as v } from "./bundle-mjs-B-xz8PaI.js";
+import { aj as n, z as w, y as d, aD as f, aE as v } from "./bundle-mjs-D9l_ATWO.js";
 function m(a, e, c = e) {
   var u = a === "x", s = () => n(() => {
     r = !0, clearTimeout(t), t = setTimeout(l, 100), c(window[u ? "scrollX" : "scrollY"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uoguelph/web-components",
-  "version": "1.9.1-rc.3",
+  "version": "1.9.1-rc.4",
   "description": "University of Guelph Web Components Library",
   "type": "module",
   "files": [
@@ -36,6 +36,7 @@
     "svelte": "^5.0.0",
     "svelte-check": "^4.0.0",
     "tailwind-merge": "^3.0.1",
+    "tailwind-variants": "^0.3.1",
     "tailwindcss": "^4.0.6",
     "vite": "^6.0.0"
   },
@@ -48,5 +49,5 @@
   "bugs": {
     "url": "https://github.com/ccswbs/uofg-components/issues"
   },
-  "gitHead": "51257765f1a666e5163b435c192ed00a20fd7304"
+  "gitHead": "7ed44af687e0e7b9c6023848735fb78d500d24ec"
 }