@uoguelph/react-components 1.3.13 → 1.4.0

package/dist/layout.js

@@ -1,55 +1,55 @@
-import { jsxs as t, Fragment as u, jsx as o } from "react/jsx-runtime";
-import { Transition as g } from "@headlessui/react";
-import { tv as c } from "tailwind-variants";
-import { LoadingIndicator as s } from "./loading-indicator.js";
-import { LayoutContent as y } from "./layout-content.js";
-function a({ children: n, loading: e }) {
-  const r = c({
+import { jsxs as t, Fragment as n, jsx as o } from "react/jsx-runtime";
+import { Transition as s } from "@headlessui/react";
+import { tv as a } from "tailwind-variants";
+import { LoadingIndicator as f } from "./loading-indicator.js";
+import { LayoutContent as g } from "./layout-content.js";
+function p({ children: r, loading: e }) {
+  const i = a({
     slots: {
       placeholder: [
-        "uog:text-uog-color-red",
-        "uog:fixed",
-        "uog:top-0",
-        "uog:left-0",
-        "uog:z-20",
-        "uog:flex",
-        "uog:h-screen",
-        "uog:w-screen",
-        "uog:flex-col",
-        "uog:items-center",
-        "uog:justify-center",
-        "uog:gap-6",
-        "uog:bg-white",
-        "uog:transition-opacity",
-        "uog:duration-300",
-        "uog:data-[closed]:opacity-0"
+        "text-uog-color-red",
+        "fixed",
+        "top-0",
+        "left-0",
+        "z-20",
+        "flex",
+        "h-screen",
+        "w-screen",
+        "flex-col",
+        "items-center",
+        "justify-center",
+        "gap-6",
+        "bg-white",
+        "transition-opacity",
+        "duration-300",
+        "data-[closed]:opacity-0"
       ],
       skipLink: [
-        "uog:bg-uog-color-yellow",
-        "uog:sr-only",
-        "uog:left-0",
-        "uog:z-[1000]",
-        "uog:fixed",
-        "uog:top-0",
-        "uog:w-fit",
-        "uog:px-0",
-        "uog:underline",
-        "uog:transition-[padding]",
-        "uog:focus:not-sr-only",
-        "uog:focus:px-2"
+        "bg-uog-color-yellow",
+        "sr-only",
+        "left-0",
+        "z-[1000]",
+        "fixed",
+        "top-0",
+        "w-fit",
+        "px-0",
+        "underline",
+        "transition-[padding]",
+        "focus:not-sr-only",
+        "focus:px-2"
       ]
     }
-  }), { placeholder: i, skipLink: l } = r();
-  return /* @__PURE__ */ t(u, { children: [
-    /* @__PURE__ */ o(g, { show: !!e, children: /* @__PURE__ */ o("div", { className: `uofg-layout-placeholder ${i()}`, children: /* @__PURE__ */ o(s, { children: typeof e != "boolean" && e }) }) }),
-    !e && /* @__PURE__ */ t(u, { children: [
-      /* @__PURE__ */ o("a", { className: l(), href: "#content", children: "Skip to main content" }),
-      /* @__PURE__ */ o("div", { className: "uofg-layout flex flex-1 flex-col", children: n })
+  }), { placeholder: l, skipLink: c } = i();
+  return /* @__PURE__ */ t(n, { children: [
+    /* @__PURE__ */ o(s, { show: !!e, children: /* @__PURE__ */ o("div", { className: `uofg-layout-placeholder ${l()}`, children: /* @__PURE__ */ o(f, { children: typeof e != "boolean" && e }) }) }),
+    !e && /* @__PURE__ */ t(n, { children: [
+      /* @__PURE__ */ o("a", { className: c(), href: "#content", children: "Skip to main content" }),
+      /* @__PURE__ */ o("div", { className: "uofg-layout flex flex-1 flex-col", children: r })
     ] })
   ] });
 }
-a.displayName = "Layout";
+p.displayName = "Layout";
 export {
-  a as Layout,
-  y as LayoutContent
+  p as Layout,
+  g as LayoutContent
 };

package/dist/link-carousel-content.js

@@ -1,21 +1,21 @@
 "use client";
 import { jsx as n } from "react/jsx-runtime";
-import { useContext as u } from "react";
-import { twMerge as s } from "tailwind-merge";
-import { tv as l } from "tailwind-variants";
-import { LinkCarouselContext as i } from "./link-carousel-context.js";
-function k({ children: t, className: e }) {
-  const o = u(i), r = l({
-    base: "uog:relative uog:h-full uog:hidden uog:md:block",
+import { useContext as s } from "react";
+import { twMerge as l } from "tailwind-merge";
+import { tv as i } from "tailwind-variants";
+import { LinkCarouselContext as a } from "./link-carousel-context.js";
+function C({ children: o, className: e }) {
+  const t = s(a), r = i({
+    base: "relative hidden h-full md:block",
     variants: {
       stack: {
-        true: "uog:w-full",
-        false: "uog:flex-1"
+        true: "w-full",
+        false: "flex-1"
       }
     }
   });
-  return /* @__PURE__ */ n("div", { className: `uofg-link-carousel-content ${s(r({ stack: o == null ? void 0 : o.stack }), e)}`, children: t });
+  return /* @__PURE__ */ n("div", { className: `uofg-link-carousel-content ${l(r({ stack: t == null ? void 0 : t.stack }), e)}`, children: o });
 }
 export {
-  k as LinkCarouselContent
+  C as LinkCarouselContent
 };

package/dist/link-carousel-item.js

@@ -1,22 +1,22 @@
 "use client";
-import { jsx as t, Fragment as a } from "react/jsx-runtime";
-import { useContext as l } from "react";
-import { twMerge as g } from "tailwind-merge";
-import { tv as m } from "tailwind-variants";
-import { LinkCarouselContext as n } from "./link-carousel-context.js";
-function k({ id: e, children: i, className: u }) {
-  const o = l(n), r = m({
-    base: "uog:w-full uog:hidden uog:bg-white",
+import { jsx as i, Fragment as l } from "react/jsx-runtime";
+import { useContext as m } from "react";
+import { twMerge as n } from "tailwind-merge";
+import { tv as c } from "tailwind-variants";
+import { LinkCarouselContext as u } from "./link-carousel-context.js";
+function b({ id: t, children: r, className: o }) {
+  const e = m(u), s = c({
+    base: "hidden w-full bg-white",
     variants: {
-      isActive: { true: "uog:block uog:relative uog:animate-fade-in uog:z-10" },
-      wasActive: { true: "uog:block uog:absolute uog:z-0 uog:top-0 uog:left-0" }
+      isActive: { true: "relative z-10 block animate-fade-in" },
+      wasActive: { true: "absolute top-0 left-0 z-0 block" }
     }
-  }), s = g(
-    r({ isActive: (o == null ? void 0 : o.activeId) === e, wasActive: (o == null ? void 0 : o.previousActiveId) === e }),
-    u
+  }), a = n(
+    s({ isActive: (e == null ? void 0 : e.activeId) === t, wasActive: (e == null ? void 0 : e.previousActiveId) === t }),
+    o
   );
-  return /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t("div", { className: `uofg-link-carousel-item ${s}`, children: i }) });
+  return /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i("div", { className: `uofg-link-carousel-item ${a}`, children: r }) });
 }
 export {
-  k as LinkCarouselItem
+  b as LinkCarouselItem
 };

package/dist/link-carousel-link.js

@@ -1,45 +1,45 @@
 "use client";
-import { jsxs as a, jsx as c } from "react/jsx-runtime";
-import { c as m } from "./solid-D19hAF5t.js";
-import { FontAwesomeIcon as g } from "@fortawesome/react-fontawesome";
-import { useContext as k } from "react";
-import { twMerge as f } from "tailwind-merge";
-import { tv as p } from "tailwind-variants";
-import { LinkCarouselContext as b } from "./link-carousel-context.js";
-const x = "a";
-function C({
-  as: t,
+import { jsxs as c, jsx as m } from "react/jsx-runtime";
+import { c as u } from "./solid-D19hAF5t.js";
+import { FontAwesomeIcon as k } from "@fortawesome/react-fontawesome";
+import { useContext as f } from "react";
+import { twMerge as p } from "tailwind-merge";
+import { tv as b } from "tailwind-variants";
+import { LinkCarouselContext as x } from "./link-carousel-context.js";
+const C = "a";
+function g({
+  as: o,
   id: e,
   children: s,
   className: n,
   href: r,
-  ...u
+  ...i
 }) {
-  const i = t ?? x, o = k(b), l = p({
-    base: "uog:w-full uog:flex-1 uog:text-2xl uog:bg-black uog:flex uog:items-center uog:justify-between uog:text-black-contrast uog:p-6 uog:hocus:text-black uog:hocus:bg-yellow uog:transition-colors",
+  const l = o ?? C, t = f(x), a = b({
+    base: "flex w-full flex-1 items-center justify-between bg-black p-6 text-2xl text-black-contrast transition-colors hocus:bg-yellow hocus:text-black",
     variants: {
       stack: {
-        true: "uog:md:bg-black/70"
+        true: "md:bg-black/70"
       }
     }
   });
-  return /* @__PURE__ */ a(
-    i,
+  return /* @__PURE__ */ c(
+    l,
     {
-      ...u,
+      ...i,
       href: r,
-      className: `uofg-link-carousel-link ${f(l({ stack: o == null ? void 0 : o.stack }), n)}`,
+      className: `uofg-link-carousel-link ${p(a({ stack: t == null ? void 0 : t.stack }), n)}`,
       onMouseEnter: () => {
-        o == null || o.setActiveId(e);
+        t == null || t.setActiveId(e);
       },
       children: [
         s,
-        /* @__PURE__ */ c(g, { icon: m })
+        /* @__PURE__ */ m(k, { icon: u })
       ]
     }
   );
 }
-C.displayName = "LinkCarouselLink";
+g.displayName = "LinkCarouselLink";
 export {
-  C as LinkCarouselLink
+  g as LinkCarouselLink
 };

package/dist/link-carousel-links.js

@@ -1,25 +1,25 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { useContext as r } from "react";
-import { twMerge as e } from "tailwind-merge";
-import { tv as l } from "tailwind-variants";
-import { LinkCarouselContext as n } from "./link-carousel-context.js";
-function p({ children: s, className: t }) {
-  const o = r(n), u = l({
-    base: "uog:flex uog:flex-col uog:gap-2 uog:w-full uog:top-0 uog:md:w-1/3 uog:md:z-20",
+import { jsx as r } from "react/jsx-runtime";
+import { useContext as e } from "react";
+import { twMerge as l } from "tailwind-merge";
+import { tv as n } from "tailwind-variants";
+import { LinkCarouselContext as a } from "./link-carousel-context.js";
+function d({ children: s, className: t }) {
+  const o = e(a), i = n({
+    base: "top-0 flex w-full flex-col gap-2 md:z-20 md:w-1/3",
     variants: {
       stack: {
-        true: "uog:md:absolute uog:h-full",
-        false: "uog:h-auto"
+        true: "h-full md:absolute",
+        false: "h-auto"
       },
       direction: {
-        left: "uog:left-0",
-        right: "uog:right-0"
+        left: "left-0",
+        right: "right-0"
       }
     }
   })({ stack: o == null ? void 0 : o.stack, direction: o == null ? void 0 : o.direction });
-  return /* @__PURE__ */ i("div", { className: `uofg-link-carousel-links ${e(u, t)}`, children: s });
+  return /* @__PURE__ */ r("div", { className: `uofg-link-carousel-links ${l(i, t)}`, children: s });
 }
 export {
-  p as LinkCarouselLinks
+  d as LinkCarouselLinks
 };

package/dist/link-carousel.js

@@ -1,44 +1,44 @@
 "use client";
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as u } from "react/jsx-runtime";
 import { useMemo as p, useState as d, useRef as v, Children as k, isValidElement as C } from "react";
 import { twMerge as I } from "tailwind-merge";
 import { tv as L } from "tailwind-variants";
-import { LinkCarouselContext as g } from "./link-carousel-context.js";
-import { LinkCarouselLink as x } from "./link-carousel-link.js";
+import { LinkCarouselContext as x } from "./link-carousel-context.js";
+import { LinkCarouselLink as A } from "./link-carousel-link.js";
 import { LinkCarouselContent as F } from "./link-carousel-content.js";
 import { LinkCarouselItem as S } from "./link-carousel-item.js";
 import { LinkCarouselLinks as $ } from "./link-carousel-links.js";
-function A(r) {
-  let o = null;
-  function t(i) {
+function w(r) {
+  let t = null;
+  function o(i) {
     k.forEach(i, (e) => {
-      if (o) return;
+      if (t) return;
       const n = C(e);
-      n && e.type === x ? o = e.props.id : n && e.props.children && t(e.props.children);
+      n && e.type === A ? t = e.props.id : n && e.props.children && o(e.props.children);
     });
   }
-  return t(r), o;
+  return o(r), t;
 }
-function w({ children: r, className: o, stack: t = !1, direction: i = "left" }) {
-  const e = p(() => A(r), [r]), [n, u] = d(e), s = v(null), f = (c) => {
-    u((m) => (s.current = m, c));
+function h({ children: r, className: t, stack: o = !1, direction: i = "left" }) {
+  const e = p(() => w(r), [r]), [n, l] = d(e), s = v(null), f = (c) => {
+    l((m) => (s.current = m, c));
   }, a = L({
-    base: "uog:flex uog:w-full uog:relative uog:h-fit uog:overflow-hidden",
+    base: "relative flex h-fit w-full overflow-hidden",
     variants: {
       direction: {
-        left: "uog:flex-row",
-        right: "uog:flex-row-reverse"
+        left: "flex-row",
+        right: "flex-row-reverse"
       }
     }
   });
-  return /* @__PURE__ */ l("div", { className: `uofg-link-carousel ${I(a({ direction: i }), o)}`, children: /* @__PURE__ */ l(
-    g.Provider,
+  return /* @__PURE__ */ u("div", { className: `uofg-link-carousel ${I(a({ direction: i }), t)}`, children: /* @__PURE__ */ u(
+    x.Provider,
     {
       value: {
         previousActiveId: s.current,
         activeId: n,
         setActiveId: f,
-        stack: t ?? !1,
+        stack: o ?? !1,
         direction: i,
         clearPreviousActiveId: () => {
           s.current = null;
@@ -48,11 +48,11 @@ function w({ children: r, className: o, stack: t = !1, direction: i = "left" })
     }
   ) });
 }
-w.displayName = "LinkCarousel";
+h.displayName = "LinkCarousel";
 export {
-  w as LinkCarousel,
+  h as LinkCarousel,
   F as LinkCarouselContent,
   S as LinkCarouselItem,
-  x as LinkCarouselLink,
+  A as LinkCarouselLink,
   $ as LinkCarouselLinks
 };

package/dist/link.js

@@ -1,20 +1,20 @@
-import { jsx as r } from "react/jsx-runtime";
-import { twMerge as u } from "tailwind-merge";
-import { tv as s } from "tailwind-variants";
-const c = "a";
-function a({
+import { jsx as s } from "react/jsx-runtime";
+import { twMerge as c } from "tailwind-merge";
+import { tv as a } from "tailwind-variants";
+const f = "a";
+function d({
   as: o,
   href: i,
   children: n,
   className: t,
   ...e
 }) {
-  const g = o ?? c, l = s({
-    base: "uog:inline-flex uog:gap-[1em] uog:underline uog:decoration-current uog:transition-colors uog:hover:decoration-transparent uog:focus:ring-2 uog:focus-visible:ring-offset-2 uog:focus-visible:outline-none uog:text-body-copy-link uog:focus-visible:ring-body-copy-link uog:light:text-body-copy-link-on-light uog:light:focus-visible:ring-body-copy-link-on-light uog:dark:text-body-copy-link-on-dark uog:dark:focus-visible:ring-body-copy-link-on-light"
+  const l = o ?? f, r = a({
+    base: "inline-flex gap-[1em] text-body-copy-link underline decoration-current transition-colors hover:decoration-transparent focus:ring-2 focus-visible:ring-body-copy-link focus-visible:ring-offset-2 focus-visible:outline-none dark:text-body-copy-link-on-dark dark:focus-visible:ring-body-copy-link-on-light light:text-body-copy-link-on-light light:focus-visible:ring-body-copy-link-on-light"
   });
-  return /* @__PURE__ */ r(g, { ...e, href: i, className: `uofg-link ${u(l(), t)}`, children: n });
+  return /* @__PURE__ */ s(l, { ...e, href: i, className: `uofg-link ${c(r(), t)}`, children: n });
 }
-a.displayName = "Link";
+d.displayName = "Link";
 export {
-  a as Link
+  d as Link
 };

package/dist/list-item.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { twMerge as m } from "tailwind-merge";
-function r({ className: t, children: e, ...i }) {
-  return /* @__PURE__ */ o("li", { ...i, className: `uofg-list-item ${m("uog:relative uog:h-fit uog:w-full", t)}`, children: e });
+import { jsx as m } from "react/jsx-runtime";
+import { twMerge as r } from "tailwind-merge";
+function l({ className: t, children: e, ...i }) {
+  return /* @__PURE__ */ m("li", { ...i, className: `uofg-list-item ${r("relative h-fit w-full", t)}`, children: e });
 }
-r.displayName = "ListItem";
+l.displayName = "ListItem";
 export {
-  r as ListItem
+  l as ListItem
 };

package/dist/list.js

@@ -1,26 +1,26 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { useContext as n } from "react";
-import { twMerge as c } from "tailwind-merge";
-import { tv as m } from "tailwind-variants";
-import { ListContext as s } from "./list-context.js";
+import { jsx as s } from "react/jsx-runtime";
+import { useContext as c } from "react";
+import { twMerge as m } from "tailwind-merge";
+import { tv as u } from "tailwind-variants";
+import { ListContext as o } from "./list-context.js";
 import { ListItem as N } from "./list-item.js";
-const g = "ul";
-function v({
+const v = "ul";
+function p({
   as: e,
   children: i,
   className: r,
-  ...u
+  ...a
 }) {
-  const t = e ?? g, l = n(s), a = m({
-    base: "uog:flex uog:flex-col uog:relative uog:h-fit uog:w-full uog:list-inside uog:gap-2",
+  const t = e ?? v, l = c(o), n = u({
+    base: "relative flex h-fit w-full list-inside flex-col gap-2",
     variants: {
       as: {
-        ol: "uog:list-decimal",
-        ul: "uog:list-disc"
+        ol: "list-decimal",
+        ul: "list-disc"
       },
       nested: {
-        true: "uog:ml-4"
+        true: "ml-4"
       },
       level: {
         0: "",
@@ -33,22 +33,22 @@ function v({
       {
         level: 1,
         as: "ul",
-        class: "uog:list-[square]"
+        class: "list-[square]"
       },
       {
         level: 1,
         as: "ol",
-        class: "uog:list-[lower-alpha]"
+        class: "list-[lower-alpha]"
       },
       {
         level: 2,
         as: "ul",
-        class: "uog:list-[circle]"
+        class: "list-[circle]"
       },
       {
         level: 2,
         as: "ol",
-        class: "uog:list-[lower-roman]"
+        class: "list-[lower-roman]"
       }
     ]
   })({
@@ -56,8 +56,8 @@ function v({
     level: l.parent === e ? l.level % 3 : 0,
     nested: l.level > 0
   });
-  return /* @__PURE__ */ o(t, { ...u, className: `uofg-list ${c(a, r)}`, children: /* @__PURE__ */ o(
-    s.Provider,
+  return /* @__PURE__ */ s(t, { ...a, className: `uofg-list ${m(n, r)}`, children: /* @__PURE__ */ s(
+    o.Provider,
     {
       value: {
         parent: e ?? "ul",
@@ -67,8 +67,8 @@ function v({
     }
   ) });
 }
-v.displayName = "List";
+p.displayName = "List";
 export {
-  v as List,
+  p as List,
   N as ListItem
 };

package/dist/loading-indicator.js

@@ -1,8 +1,8 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { FontAwesomeIcon as c } from "@fortawesome/react-fontawesome";
-import { twMerge as f } from "tailwind-merge";
-import { tv as x } from "tailwind-variants";
-var h = {
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { FontAwesomeIcon as t } from "@fortawesome/react-fontawesome";
+import { twMerge as h } from "tailwind-merge";
+import { tv as d } from "tailwind-variants";
+var p = {
   prefix: "fal",
   iconName: "spinner-third",
   icon: [
@@ -12,7 +12,7 @@ var h = {
     "f3f4",
     "M463.9 376c7.6 4.4 17.5 1.8 21.4-6.1c17.1-34.3 26.7-73 26.7-113.9C512 120 405.9 8.8 272 .5c-8.8-.5-16 6.7-16 15.5s7.2 15.9 16 16.6C388.2 40.8 480 137.7 480 256c0 35.1-8.1 68.3-22.5 97.9c-3.9 8-1.3 17.7 6.4 22.1z"
   ]
-}, d = {
+}, g = {
   prefix: "fak",
   iconName: "gryphon-statue",
   icon: [
@@ -23,52 +23,52 @@ var h = {
     "M166.4 257.6c-25.6-19.2-43.2-38.4-43.2-38.4s0 33.6-43.2 33.6H46.4c-14.4 0-24 9.6-24 20.8v9.6c0 4.8 4.8 9.6 9.6 9.6h180.8s3.2-1.6 0-3.2c-9.6-8-30.4-22.4-46.4-32zm38.4-62.4c9.6 0 17.6 1.6 25.6 4.8 3.2-17.6 6.4-35.2 1.6-46.4L200 51.2l-19.2 72-38.4 12.8-57.6-48 32 102.4c3.2 11.2 16 24 30.4 36.8 12.8-19.2 33.6-33.6 57.6-32zm-9.6-44.8c4.8-1.6 11.2 1.6 12.8 6.4 1.6 4.8-1.6 11.2-6.4 12.8-4.8 1.6-11.2-1.6-12.8-6.4-1.6-4.8 1.6-11.2 6.4-12.8zm-48 14.4c4.8-1.6 11.2 1.6 12.8 6.4 1.6 4.8-1.6 11.2-6.4 12.8s-11.2-1.6-12.8-6.4 1.6-11.2 6.4-12.8zm81.6 46.4c-6.4-3.2-14.4-4.8-22.4-4.8-20.8 0-40 11.2-49.6 28.8C180.8 256 208 272 208 272s12.8-30.4 20.8-60.8zm1.6-112C256 70.4 224 48 232 17.6c9.6-35.2 86.4-9.6 99.2-3.2 73.6 35.2 112 89.6 112 89.6s27.2 33.6-1.6 25.6c-16-4.8-49.6-27.2-83.2-38.4-35.2-9.6-75.2 0-89.6 24-38.4 62.4 1.6 102.4 1.6 102.4s6.4 6.4 14.4 12.8c6.4 4.8 17.6 9.6 17.6 9.6h-72s16-44.8 16-81.6c0-12.8-20.8-54.4-16-59.2zm267.2 291.2h-11.2v-68.8h11.2c6.4 0 11.2-4.8 11.2-11.2 0-6.4-4.8-11.2-11.2-11.2h-14.4c-9.6 6.4-20.8 11.2-32 11.2H400c-19.2 0-35.2 14.4-35.2 30.4 0 22.4-9.6 44.8-27.2 60.8-6.4 4.8-12.8 9.6-19.2 12.8h180.8c6.4 0 11.2-4.8 11.2-11.2-1.6-6.4-6.4-12.8-12.8-12.8zm-264-86.4c-4.8 0-8-1.6-11.2-3.2l-3.2 3.2-1.6 1.6h-184c-4.8 0-9.6-1.6-14.4-4.8h-8C4.8 300.8 0 305.6 0 312c0 6.4 4.8 11.2 11.2 11.2h11.2V392H11.2C4.8 392 0 396.8 0 403.2c0 6.4 4.8 11.2 11.2 11.2h211.2c-28.8-14.4-48-41.6-48-73.6 0-16 12.8-28.8 28.8-28.8s28.8 12.8 28.8 28.8v1.6c0 16 16 28.8 35.2 28.8 19.2 0 35.2-14.4 35.2-30.4 0-12.8 3.2-25.6 9.6-36.8h-78.4zm216-94.4h-6.4C422.4 96 331.2 100.8 320 100.8c-41.6 8-57.6 38.4-54.4 76.8 3.2 48 59.2 65.6 92.8 65.6 3.2 0 6.4 3.2 6.4 6.4s-1.6 6.4-4.8 6.4H246.4c-11.2 0-20.8 9.6-20.8 20.8v9.6c0 4.8 4.8 9.6 9.6 9.6h89.6c17.6-22.4 44.8-36.8 76.8-36.8h49.6V256c0-4.8 0-9.6-1.6-14.4h3.2c4.8 0 9.6 6.4 9.6 14.4s-4.8 14.4-9.6 14.4H400c-46.4 0-81.6 33.6-81.6 73.6 0 24-20.8 41.6-48 41.6s-48-19.2-48-41.6c0-9.6-8-17.6-17.6-17.6-9.6 0-17.6 8-17.6 17.6 0 40 36.8 73.6 81.6 73.6s81.6-33.6 81.6-73.6c0-24 20.8-41.6 48-41.6h52.8c24 0 41.6-20.8 41.6-44.8 0-28.8-19.2-48-43.2-48z"
   ]
 };
-function w({ size: t = "lg", color: n = "red", className: i, children: r }) {
-  const s = x({
+function w({ size: n = "lg", color: i = "red", className: r, children: s }) {
+  const o = d({
     slots: {
-      base: "uog:flex uog:flex-col uog:items-center uog:justify-center uog:relative uog:w-fit uog:h-fit uog:gap-2",
-      container: "uog:relative uog:aspect-square uog:flex uog:flex-col uog:items-center uog:justify-center uog:w-[1em]",
-      spinner: "uog:animate-spin uog:z-0",
-      icon: "uog:absolute uog:w-[0.6em]!",
-      text: "uog:font-serif uog:text-center"
+      base: "relative flex h-fit w-fit flex-col items-center justify-center gap-2",
+      container: "relative flex aspect-square w-[1em] flex-col items-center justify-center",
+      spinner: "z-0 animate-spin",
+      icon: "absolute w-[0.6em]!",
+      text: "text-center font-serif"
     },
     variants: {
       size: {
         sm: {
-          container: "uog:text-[8rem]",
-          text: "uog:sr-only"
+          container: "text-[8rem]",
+          text: "sr-only"
         },
         md: {
-          container: "uog:text-[12rem]",
-          text: "uog:text-[1.5rem]"
+          container: "text-[12rem]",
+          text: "text-[1.5rem]"
         },
         lg: {
-          container: "uog:text-[15rem]",
-          text: "uog:text-lg"
+          container: "text-[15rem]",
+          text: "text-lg"
         }
       },
       color: {
         red: {
-          base: "uog:text-red"
+          base: "text-red"
         },
         blue: {
-          base: "uog:text-blue"
+          base: "text-blue"
         },
         green: {
-          base: "uog:text-green"
+          base: "text-green"
         },
         yellow: {
-          base: "uog:text-yellow"
+          base: "text-yellow"
         }
       }
     }
-  }), { base: a, icon: g, container: u, spinner: l, text: m } = s({ size: t, color: n });
-  return /* @__PURE__ */ o("div", { className: `uofg-loading-indicator ${f(a(), i)}`, children: [
-    /* @__PURE__ */ o("div", { className: u(), children: [
-      /* @__PURE__ */ e(c, { className: `uofg-loading-indicator-spinner ${l()}`, icon: h }),
-      /* @__PURE__ */ e(c, { className: `uofg-loading-indicator-icon ${g()}`, icon: d })
+  }), { base: a, icon: l, container: m, spinner: f, text: x } = o({ size: n, color: i });
+  return /* @__PURE__ */ c("div", { className: `uofg-loading-indicator ${h(a(), r)}`, children: [
+    /* @__PURE__ */ c("div", { className: m(), children: [
+      /* @__PURE__ */ e(t, { className: `uofg-loading-indicator-spinner ${f()}`, icon: p }),
+      /* @__PURE__ */ e(t, { className: `uofg-loading-indicator-icon ${l()}`, icon: g })
     ] }),
-    /* @__PURE__ */ e("span", { className: m(), children: r })
+    /* @__PURE__ */ e("span", { className: x(), children: s })
   ] });
 }
 export {