@uoguelph/react-components 1.2.12 → 1.2.13

package/dist/blockquote-author-link.js

@@ -1,14 +1,14 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Link as i } from "./link.js";
-function f({
+import { jsx as m } from "react/jsx-runtime";
+import { Link as u } from "./link.js";
+function k({
   as: o,
-  children: n,
-  className: t,
+  children: t,
+  className: n,
   href: r,
-  ...m
+  ...e
 }) {
-  return /* @__PURE__ */ e(i, { ...m, href: r, as: o ?? "a", className: t, children: n });
+  return /* @__PURE__ */ m(u, { ...e, href: r, as: o ?? "a", className: `uofg-blockquote-author-link ${n}`, children: t });
 }
 export {
-  f as BlockquoteAuthorLink
+  k as BlockquoteAuthorLink
 };

package/dist/breadcrumb-home.js

@@ -1,21 +1,21 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import { b as a } from "./regular-DmWV6rTj.js";
-import { FontAwesomeIcon as c } from "@fortawesome/react-fontawesome";
-import { twJoin as s } from "tailwind-merge";
-function l({
-  href: r = "/",
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { b as s } from "./regular-DmWV6rTj.js";
+import { FontAwesomeIcon as i } from "@fortawesome/react-fontawesome";
+import { twJoin as l } from "tailwind-merge";
+function n({
+  href: e = "/",
   children: t,
   // eslint-disable-line @typescript-eslint/no-unused-vars
-  className: e,
-  ...m
+  className: m,
+  ...r
 }) {
-  const i = s("uog:h-[1em] uog:fill-black");
-  return /* @__PURE__ */ o("li", { children: /* @__PURE__ */ n("a", { ...m, href: r, className: e, children: [
-    /* @__PURE__ */ o(c, { icon: a, className: i }),
+  const a = l("uog:h-[1em] uog:fill-black");
+  return /* @__PURE__ */ o("li", { className: "uofg-breadcrumb-home-list-item", children: /* @__PURE__ */ c("a", { ...r, href: e, className: `uofg-breadcrumb-home ${m}`, children: [
+    /* @__PURE__ */ o(i, { icon: s, className: a }),
     /* @__PURE__ */ o("span", { className: "uog:sr-only", children: "U of G Homepage" })
   ] }) });
 }
-l.displayName = "BreadcrumbHome";
+n.displayName = "BreadcrumbHome";
 export {
-  l as BreadcrumbHome
+  n as BreadcrumbHome
 };

package/dist/breadcrumb.js

@@ -1,30 +1,30 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import { c as g } from "./regular-DmWV6rTj.js";
-import { FontAwesomeIcon as p } from "@fortawesome/react-fontawesome";
-import { twMerge as d } from "tailwind-merge";
-import { tv as f } from "tailwind-variants";
-const b = "a";
+import { FontAwesomeIcon as d } from "@fortawesome/react-fontawesome";
+import { twMerge as b } from "tailwind-merge";
+import { tv as p } from "tailwind-variants";
+const f = "a";
 function x({
-  as: e,
-  children: n,
+  as: n,
+  children: r,
   className: t,
-  href: r,
+  href: e,
   ...a
 }) {
-  const c = e ?? b, i = f({
+  const c = n ?? f, i = p({
     slots: {
       container: "uog:flex uog:items-center uog:gap-2",
       icon: "uog:h-[.75em]",
       link: "uog:underline uog:decoration-transparent uog:decoration-1 uog:transition-colors uog:hocus-visible:decoration-black"
     }
-  }), { container: s, icon: m, link: u } = i();
-  return /* @__PURE__ */ l("li", { className: s(), children: [
-    /* @__PURE__ */ o(p, { icon: g, className: m() }),
-    r ? /* @__PURE__ */ o(c, { ...a, className: d(u(), t), href: r, children: n }) : /* @__PURE__ */ o("span", { children: n })
+  }), { container: m, icon: s, link: u } = i();
+  return /* @__PURE__ */ l("li", { className: `uofg-breadcrumb-list-item ${m()}`, children: [
+    /* @__PURE__ */ o(d, { icon: g, className: s() }),
+    e ? /* @__PURE__ */ o(c, { ...a, className: `uofg-breadcrumb ${b(u(), t)}`, href: e, children: r }) : /* @__PURE__ */ o("span", { children: r })
   ] });
 }
 x.displayName = "Breadcrumb";
 export {
   x as Breadcrumb,
-  b as defaultBreadcrumbElement
+  f as defaultBreadcrumbElement
 };

package/dist/breadcrumbs.js

@@ -1,15 +1,15 @@
 import { jsx as r } from "react/jsx-runtime";
-import { twJoin as t, twMerge as u } from "tailwind-merge";
+import { twJoin as u, twMerge as t } from "tailwind-merge";
 import { Container as a } from "./container.js";
-import { Breadcrumb as l } from "./breadcrumb.js";
+import { Breadcrumb as b } from "./breadcrumb.js";
 import { BreadcrumbHome as g } from "./breadcrumb-home.js";
 function c({ className: o, children: e }) {
-  const m = t("uog:flex uog:w-full uog:flex-wrap uog:items-center uog:gap-2");
-  return /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r("ol", { className: u(m, o), children: e }) });
+  const m = u("uog:flex uog:w-full uog:flex-wrap uog:items-center uog:gap-2");
+  return /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r("ol", { className: `uofg-breadcrumbs ${t(m, o)}`, children: e }) });
 }
 c.displayName = "Breadcrumbs";
 export {
-  l as Breadcrumb,
+  b as Breadcrumb,
   g as BreadcrumbHome,
   c as Breadcrumbs
 };

package/dist/card-content.js

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

package/dist/card-footer.js

@@ -12,7 +12,7 @@ function u({ children: r, className: t }) {
       }
     }
   });
-  return /* @__PURE__ */ a("div", { className: i(e({ centered: (o == null ? void 0 : o.centered) ?? !1 }), t), children: r });
+  return /* @__PURE__ */ a("div", { className: `uofg-card-footer ${i(e({ centered: (o == null ? void 0 : o.centered) ?? !1 }), t)}`, children: r });
 }
 u.displayName = "CardFooter";
 export {

package/dist/card-image.js

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

package/dist/card-title.js

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

package/dist/card.js

@@ -33,7 +33,7 @@ function v({
       }
     ]
   }), e = "href" in r, g = f.toArray(o).some((m) => m.type === p);
-  return /* @__PURE__ */ t(a, { ...r, className: l(u({ isLink: e, hasImage: g }), n), children: /* @__PURE__ */ t(d.Provider, { value: { isLink: e, centered: s ?? !1 }, children: o }) });
+  return /* @__PURE__ */ t(a, { ...r, className: `uofg-card ${l(u({ isLink: e, hasImage: g }), n)}`, children: /* @__PURE__ */ t(d.Provider, { value: { isLink: e, centered: s ?? !1 }, children: o }) });
 }
 v.displayName = "Card";
 export {

package/dist/carousel.js

@@ -1,48 +1,48 @@
-import { jsxs as g, jsx as u } from "react/jsx-runtime";
+import { jsxs as g, jsx as l } from "react/jsx-runtime";
 import { b as k, c as I } from "./solid-D4xgBves.js";
 import { FontAwesomeIcon as p } from "@fortawesome/react-fontawesome";
-import { Children as A, useRef as d, useState as F, useEffect as L } from "react";
-import { tv as S } from "tailwind-variants";
-import { l as q, b as M, m as w, c as R } from "./math-utils-BwzyIQRL.js";
-const z = (c, m, e) => {
-  const n = c.scrollLeft, s = performance.now();
+import { Children as $, useRef as d, useState as A, useEffect as F } from "react";
+import { tv as L } from "tailwind-variants";
+import { l as S, b as q, m as w, c as M } from "./math-utils-BwzyIQRL.js";
+const R = (u, m, e) => {
+  const n = u.scrollLeft, s = performance.now();
   return new Promise((r) => {
     const a = (o) => {
-      const f = o - s, i = M(Math.min(f / e, 1), 0.25, 0, 0.25, 1);
-      c.scrollLeft = q(n, m, i), f < e ? requestAnimationFrame(a) : r();
+      const f = o - s, i = q(Math.min(f / e, 1), 0.25, 0, 0.25, 1);
+      u.scrollLeft = S(n, m, i), f < e ? requestAnimationFrame(a) : r();
     };
     requestAnimationFrame(a);
   });
 };
-function H({ children: c, display: m = 1, loop: e = "none" }) {
-  const n = A.count(c), s = Math.max(m, 1), r = d(null), a = d(0), [o, f] = F(0), i = n - s, h = d(!1);
-  L(() => {
+function G({ children: u, display: m = 1, loop: e = "none" }) {
+  const n = $.count(u), s = Math.max(m, 1), r = d(null), a = d(0), [o, f] = A(0), i = n - s, h = d(!1);
+  F(() => {
     var t;
     if (!r.current)
       return;
-    const l = ((t = r.current) == null ? void 0 : t.offsetWidth) / s;
-    (e === "jump" || e === "none") && (h.current = !0, z(r.current, l * o, 250).then(() => {
+    const c = ((t = r.current) == null ? void 0 : t.offsetWidth) / s;
+    (e === "jump" || e === "none") && (h.current = !0, R(r.current, c * o, 250).then(() => {
       h.current = !1;
     })), a.current = o;
   }, [o, e, i, s]);
-  const x = (l) => {
+  const x = (c) => {
     if (h.current) return;
     let t;
     switch (e) {
       case "none":
-        t = R(o + l, 0, i);
+        t = M(o + c, 0, i);
         break;
       case "jump":
-        t = w(o + l, i + 1);
+        t = w(o + c, i + 1);
         break;
       case "continuous":
-        t = w(o + l, n);
+        t = w(o + c, n);
         break;
       default:
         t = 0;
     }
     f(t);
-  }, C = S({
+  }, C = L({
     slots: {
       base: "uog:relative uog:flex uog:h-fit uog:min-h-[7rem] uog:w-full uog:flex-col-reverse",
       contentContainer: "uog:grid uog:w-full uog:flex-1 uog:grid-cols-[repeat(var(--items),calc(100%/var(--display)))] uog:overflow-x-hidden [&>*]:[grid-row:1]",
@@ -68,16 +68,16 @@ function H({ children: c, display: m = 1, loop: e = "none" }) {
       }
     }
   }), b = n > s, { base: y, contentContainer: N, controlContainer: j, control: v } = C({ showControls: b });
-  return /* @__PURE__ */ g("div", { className: y(), children: [
-    b && /* @__PURE__ */ g("div", { className: j(), children: [
+  return /* @__PURE__ */ g("div", { className: `uofg-carousel ${y()}`, children: [
+    b && /* @__PURE__ */ g("div", { className: `uofg-carousel-control-container ${j()}`, children: [
       /* @__PURE__ */ g(
         "button",
         {
           onClick: () => x(-1),
-          className: v({ showControls: !(e === "none" && o === 0), direction: "left" }),
+          className: `uofg-carousel-shift-left ${v({ showControls: !(e === "none" && o === 0), direction: "left" })}`,
           children: [
-            /* @__PURE__ */ u("span", { className: "uog:sr-only", children: "Shift left" }),
-            /* @__PURE__ */ u(p, { icon: k })
+            /* @__PURE__ */ l("span", { className: "uog:sr-only", children: "Shift left" }),
+            /* @__PURE__ */ l(p, { icon: k })
           ]
         }
       ),
@@ -85,29 +85,29 @@ function H({ children: c, display: m = 1, loop: e = "none" }) {
         "button",
         {
           onClick: () => x(1),
-          className: v({ showControls: !(e === "none" && o === i), direction: "right" }),
+          className: `uofg-carousel-shift-right ${v({ showControls: !(e === "none" && o === i), direction: "right" })}`,
           children: [
-            /* @__PURE__ */ u("span", { className: "uog:sr-only", children: "Shift right" }),
-            /* @__PURE__ */ u(p, { icon: I })
+            /* @__PURE__ */ l("span", { className: "uog:sr-only", children: "Shift right" }),
+            /* @__PURE__ */ l(p, { icon: I })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ u(
+    /* @__PURE__ */ l(
       "div",
       {
-        className: N(),
+        className: `uofg-carousel-content-container ${N()}`,
         ref: r,
         style: {
           // Define CSS variables for the grid layout
           "--items": n,
           "--display": s
         },
-        children: c
+        children: u
       }
     )
   ] });
 }
 export {
-  H as Carousel
+  G as Carousel
 };

package/dist/checkbox.js

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

package/dist/contact-email.js

@@ -1,18 +1,18 @@
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import { g as c } from "./regular-DmWV6rTj.js";
-import { FontAwesomeIcon as a } from "@fortawesome/react-fontawesome";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { g as r } from "./regular-DmWV6rTj.js";
+import { FontAwesomeIcon as s } from "@fortawesome/react-fontawesome";
 import { twMerge as l } from "tailwind-merge";
 import { tv as u } from "tailwind-variants";
 function m({ email: o, className: n }) {
-  const t = u({
+  const i = u({
     slots: {
       container: "uog:flex uog:items-center uog:gap-1",
       link: "uog:underline uog:decoration-current uog:hocus-visible:decoration-transparent uog:transition-colors uog:text-body-copy-link-on-light uog:focus-visible:ring-2 uog:focus-visible:ring-offset-2 uog:focus-visible:outline-none"
     }
-  }), { container: e, link: r } = t();
-  return /* @__PURE__ */ s("div", { className: l(e(), n), children: [
-    /* @__PURE__ */ i(a, { icon: c }),
-    /* @__PURE__ */ i("a", { className: r(), href: `mailto:${o}`, children: o })
+  }), { container: e, link: c } = i();
+  return /* @__PURE__ */ a("div", { className: `uofg-contact-email-container ${l(e(), n)}`, children: [
+    /* @__PURE__ */ t(s, { icon: r, className: "uofg-contact-email-icon" }),
+    /* @__PURE__ */ t("a", { className: `uofg-contact-email ${c()}`, href: `mailto:${o}`, children: o })
   ] });
 }
 m.displayName = "ContactEmail";

package/dist/contact-name.js

@@ -1,10 +1,10 @@
 import { jsx as e } from "react/jsx-runtime";
-import { twMerge as m } from "tailwind-merge";
-function n({ children: o, className: t }) {
-  const a = m("uog:text-body-copy-bold uog:font-bold", t);
-  return /* @__PURE__ */ e("span", { className: a, children: o });
+import { twMerge as n } from "tailwind-merge";
+function m({ children: o, className: t }) {
+  const a = n("uog:text-body-copy-bold uog:font-bold", t);
+  return /* @__PURE__ */ e("span", { className: `uofg-contact-name ${a}`, children: o });
 }
-n.displayName = "ContactName";
+m.displayName = "ContactName";
 export {
-  n as ContactName
+  m as ContactName
 };

package/dist/contact-phone.js

@@ -1,19 +1,19 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { d as a } from "./solid-D4xgBves.js";
-import { FontAwesomeIcon as l } from "@fortawesome/react-fontawesome";
-import { twMerge as u } from "tailwind-merge";
+import { FontAwesomeIcon as u } from "@fortawesome/react-fontawesome";
+import { twMerge as l } from "tailwind-merge";
 import { tv as g } from "tailwind-variants";
 function f({ number: o, extension: n, className: i }) {
-  const r = g({
+  const c = g({
     slots: {
       container: "uog:flex uog:items-center uog:gap-1",
       link: "uog:underline uog:decoration-current uog:hocus-visible:decoration-transparent uog:transition-colors uog:text-body-copy-link-on-light uog:focus-visible:ring-2 uog:focus-visible:ring-offset-2 uog:focus-visible:outline-none"
     }
-  }), { container: s, link: c } = r();
-  return /* @__PURE__ */ e("div", { className: u(s(), i), children: [
-    /* @__PURE__ */ t(l, { icon: a }),
-    /* @__PURE__ */ t("a", { className: c(), href: `tel:${o}`, children: o }),
-    n && /* @__PURE__ */ e("span", { children: [
+  }), { container: r, link: s } = c();
+  return /* @__PURE__ */ t("div", { className: `uofg-contact-phone-container ${l(r(), i)}`, children: [
+    /* @__PURE__ */ e(u, { icon: a, className: "uofg-contact-phone-icon" }),
+    /* @__PURE__ */ e("a", { className: `uofg-contact-phone ${s()}`, href: `tel:${o}`, children: o }),
+    n && /* @__PURE__ */ t("span", { className: "uofg-contact-phone-extension", children: [
       " - Ext. ",
       n
     ] })

package/dist/contact-title.js

@@ -1,8 +1,8 @@
-import { jsx as r } from "react/jsx-runtime";
-import { twMerge as a } from "tailwind-merge";
+import { jsx as a } from "react/jsx-runtime";
+import { twMerge as c } from "tailwind-merge";
 function i({ children: t, className: o }) {
-  const e = a("uog:text-body-copy", o);
-  return /* @__PURE__ */ r("span", { className: e, children: t });
+  const e = c("uog:text-body-copy", o);
+  return /* @__PURE__ */ a("span", { className: `uofg-contact-title ${e}`, children: t });
 }
 i.displayName = "ContactTitle";
 export {

package/dist/contact.js

@@ -1,18 +1,18 @@
 import { jsx as r } from "react/jsx-runtime";
-import { twMerge as a } from "tailwind-merge";
-import { ContactEmail as f } from "./contact-email.js";
-import { ContactName as i } from "./contact-name.js";
-import { ContactPhone as u } from "./contact-phone.js";
+import { twMerge as c } from "tailwind-merge";
+import { ContactEmail as p } from "./contact-email.js";
+import { ContactName as x } from "./contact-name.js";
+import { ContactPhone as l } from "./contact-phone.js";
 import { ContactTitle as s } from "./contact-title.js";
-function c({ children: o, className: t }) {
-  const e = a("uog:bg-grey-light-bg uog:mb-2 uog:flex uog:flex-col uog:p-4 uog:text-body-copy", t);
-  return /* @__PURE__ */ r("div", { className: e, children: o });
+function a({ children: o, className: t }) {
+  const e = c("uog:bg-grey-light-bg uog:mb-2 uog:flex uog:flex-col uog:p-4 uog:text-body-copy", t);
+  return /* @__PURE__ */ r("div", { className: `uofg-contact ${e}`, children: o });
 }
-c.displayName = "Contact";
+a.displayName = "Contact";
 export {
-  c as Contact,
-  f as ContactEmail,
-  i as ContactName,
-  u as ContactPhone,
+  a as Contact,
+  p as ContactEmail,
+  x as ContactName,
+  l as ContactPhone,
   s as ContactTitle
 };

package/dist/container.js

@@ -1,16 +1,16 @@
-import { jsx as u } from "react/jsx-runtime";
-import { twMerge as a } from "tailwind-merge";
+import { jsx as a } from "react/jsx-runtime";
+import { twMerge as m } from "tailwind-merge";
 const s = "div";
-function p({
+function g({
   as: o,
   children: t,
   className: e,
   ...n
 }) {
-  const m = o ?? s, r = a("uog:max-w-[137rem] uog:w-full uog:px-4 uog:pt-2 uog:pb-4 uog:mx-auto", e);
-  return /* @__PURE__ */ u(m, { ...n, className: r, children: t });
+  const r = o ?? s, u = m("uog:max-w-[137rem] uog:w-full uog:px-4 uog:pt-2 uog:pb-4 uog:mx-auto", e);
+  return /* @__PURE__ */ a(r, { ...n, className: `uofg-container ${u}`, children: t });
 }
-p.displayName = "Container";
+g.displayName = "Container";
 export {
-  p as Container
+  g as Container
 };

package/dist/divider.js

@@ -1,7 +1,7 @@
-import { jsxs as l, Fragment as g, jsx as o } from "react/jsx-runtime";
-import { tv as u } from "tailwind-variants";
-const i = () => {
-  const e = u({
+import { jsxs as e, Fragment as u, jsx as o } from "react/jsx-runtime";
+import { tv as c } from "tailwind-variants";
+const t = () => {
+  const l = c({
     slots: {
       base: "uog:mx-auto uog:my-7 uog:h-1 uog:w-3/4 uog:border-0 uog:flex",
       red: "uog:bg-red",
@@ -15,16 +15,16 @@ const i = () => {
         class: "uog:flex-1 uog:h-full"
       }
     ]
-  }), { base: s, red: r, yellow: a, black: c, hr: d } = e();
-  return /* @__PURE__ */ l(g, { children: [
-    /* @__PURE__ */ l("div", { className: s(), children: [
+  }), { base: s, red: r, yellow: a, black: d, hr: g } = l();
+  return /* @__PURE__ */ e(u, { children: [
+    /* @__PURE__ */ e("div", { className: `uofg-divider ${s()}`, children: [
       /* @__PURE__ */ o("div", { className: r() }),
       /* @__PURE__ */ o("div", { className: a() }),
-      /* @__PURE__ */ o("div", { className: c() })
+      /* @__PURE__ */ o("div", { className: d() })
     ] }),
-    /* @__PURE__ */ o("hr", { className: d() })
+    /* @__PURE__ */ o("hr", { className: g() })
   ] });
 };
 export {
-  i as Divider
+  t as Divider
 };