@uoguelph/react-components 1.3.4 → 1.3.5

package/dist/accordion-button.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { f as g, a as c } from "./regular-DmWV6rTj.js";
 import { FontAwesomeIcon as l } from "@fortawesome/react-fontawesome";

package/dist/accordion-content.js

@@ -1,14 +1,15 @@
+"use client";
 import { jsx as t } 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 a } from "tailwind-merge";
-import { AccordionContext as s } from "./accordion-context.js";
-function u({ children: r, className: e }) {
-  const o = c(s), n = a("uog:border-l-4 uog:border-yellow uog:py-3 uog:pl-5", e);
+import { twMerge as s } from "tailwind-merge";
+import { AccordionContext as u } from "./accordion-context.js";
+function a({ children: r, className: e }) {
+  const o = c(u), n = s("uog:border-l-4 uog:border-yellow uog:py-3 uog: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 }) });
 }
-u.displayName = "AccordionContent";
+a.displayName = "AccordionContent";
 export {
-  u as AccordionContent
+  a as AccordionContent
 };

package/dist/accordion.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as o } from "react/jsx-runtime";
 import { Disclosure as t } from "@headlessui/react";
 import { twMerge as e } from "tailwind-merge";

package/dist/button.js

@@ -1,6 +1,7 @@
+"use client";
 import { jsx as a } from "react/jsx-runtime";
-import { twMerge as b } from "tailwind-merge";
-import { tv as n } from "tailwind-variants";
+import { twMerge as n } from "tailwind-merge";
+import { tv as b } from "tailwind-variants";
 const d = "button";
 function f({
   as: e,
@@ -11,7 +12,7 @@ function f({
   disabled: o = !1,
   ...r
 }) {
-  const c = e ?? d, i = n({
+  const c = e ?? d, i = b({
     base: "uog:font-medium uog:shadow-sm uog:inline-flex uog:items-center uog:justify-center uog:px-6 uog:py-4 uog:text-lg uog:no-underline uog:transition-colors uog:focus-visible:outline-none uog:cursor-pointer uog:focus-visible:ring-2 uog:focus-visible:ring-offset-2",
     variants: {
       color: {
@@ -140,7 +141,7 @@ function f({
         class: "uog:hocus-visible:bg-black uog:hocus-visible:text-black-contrast"
       }
     ]
-  }), g = b(i({ color: l, outlined: s, disabled: o }), t);
+  }), g = n(i({ color: l, outlined: s, disabled: o }), t);
   return /* @__PURE__ */ a(c, { className: `uofg-button ${g}`, disabled: o, ...r, children: u });
 }
 f.displayName = "Button";

package/dist/carousel.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as g, jsx as l } from "react/jsx-runtime";
 import { b as k, c as I } from "./solid-D19hAF5t.js";
 import { FontAwesomeIcon as p } from "@fortawesome/react-fontawesome";

package/dist/checkbox.js

@@ -1,3 +1,4 @@
+"use client";
 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";
@@ -13,7 +14,7 @@ function F({
   onChange: o,
   ...r
 }) {
-  const [a, b] = C(g), n = j({
+  const [a, n] = C(g), b = j({
     slots: {
       base: "uog:flex uog:flex-col uog:gap-0.5 uog:cursor-pointer",
       container: "uog:flex uog:items-center uog:gap-2",
@@ -60,7 +61,7 @@ function F({
     check: k,
     label: d,
     description: m
-  } = n({ color: l, disabled: i });
+  } = b({ 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(
@@ -68,7 +69,7 @@ function F({
         {
           checked: a,
           onChange: (t) => {
-            b(t), o == null || o(t);
+            n(t), o == null || o(t);
           },
           disabled: i,
           className: `uofg-checkbox ${f()}`,

package/dist/dismissible-alert.js

@@ -1,3 +1,4 @@
+"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";

package/dist/link-carousel.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as l } 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";

package/dist/modal.js

@@ -1,10 +1,11 @@
+"use client";
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { e as f } from "./solid-D19hAF5t.js";
 import { FontAwesomeIcon as b } from "@fortawesome/react-fontawesome";
 import { Dialog as x, DialogBackdrop as w, CloseButton as h, DialogPanel as y } from "@headlessui/react";
 import { tv as N } from "tailwind-variants";
 function k({ open: u, onClose: a = () => {
-}, role: r = "dialog", labelledBy: t, centered: l, children: g }) {
+}, role: t = "dialog", labelledBy: r, centered: l, children: g }) {
   const s = N({
     slots: {
       base: "uog:ease-out uog:relative uog:z-50 uog:transition uog:duration-300 uog:data-[closed]:opacity-0",
@@ -27,10 +28,10 @@ function k({ open: u, onClose: a = () => {
     {
       transition: !0,
       open: u,
-      role: r,
+      role: t,
       onClose: a,
       className: `uofg-modal ${i()}`,
-      "aria-labelledby": t,
+      "aria-labelledby": r,
       children: [
         /* @__PURE__ */ o(w, { transition: !0, className: `uofg-modal-backdrop ${n()}` }),
         /* @__PURE__ */ o("div", { className: `uofg-modal-wrapper ${d()}`, children: /* @__PURE__ */ e("div", { className: `uofg-modal-panel-wrapper ${c()}`, children: [

package/dist/number-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import { h as C, i as k } from "./solid-D19hAF5t.js";
 import { FontAwesomeIcon as p } from "@fortawesome/react-fontawesome";

package/dist/pagination.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { j as x } from "./solid-D19hAF5t.js";
 import { FontAwesomeIcon as n } from "@fortawesome/react-fontawesome";

package/dist/radio-group.js

@@ -1,11 +1,12 @@
+"use client";
 import { jsx as t } from "react/jsx-runtime";
 import { RadioGroup as d } from "@headlessui/react";
-import { useState as f, useMemo as c } from "react";
+import { useState as c, useMemo as f } from "react";
 import { tv as n } from "tailwind-variants";
 import { RadioContext as x } from "./radio-context.js";
 import { Radio as j } from "./radio.js";
-function R({ name: a, inline: s = !1, onChange: o, children: i }) {
-  const [l, e] = f(null), u = c(() => ({ setSelected: e }), [e]), m = n({
+function R({ name: s, inline: a = !1, onChange: o, children: i }) {
+  const [l, e] = c(null), u = f(() => ({ setSelected: e }), [e]), m = n({
     slots: {
       base: "uog:flex uog:gap-2"
     },
@@ -16,11 +17,11 @@ function R({ name: a, inline: s = !1, onChange: o, children: i }) {
         }
       }
     }
-  }), { base: p } = m({ inline: s });
+  }), { base: p } = m({ inline: a });
   return /* @__PURE__ */ t(
     d,
     {
-      name: a,
+      name: s,
       value: l,
       onChange: (r) => {
         e(r), o == null || o(r);

package/dist/radio.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Field as d, Radio as f, Label as n } from "@headlessui/react";
 import { useContext as m, useEffect as b, Fragment as p } from "react";

package/dist/select-button.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as t, jsxs as i, Fragment as m } from "react/jsx-runtime";
 import { k as c } from "./solid-D19hAF5t.js";
 import { FontAwesomeIcon as p } from "@fortawesome/react-fontawesome";

package/dist/select-option.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as e, jsxs as p } from "react/jsx-runtime";
 import { d as m } from "./regular-DmWV6rTj.js";
 import { FontAwesomeIcon as f } from "@fortawesome/react-fontawesome";
@@ -5,7 +6,7 @@ import { ListboxOption as b } from "@headlessui/react";
 import { twMerge as x } from "tailwind-merge";
 import { tv as d } from "tailwind-variants";
 function v({ children: o, className: r, ...i }) {
-  const g = d({
+  const n = d({
     slots: {
       option: [
         "uofg-select-option",
@@ -39,10 +40,10 @@ function v({ children: o, className: r, ...i }) {
         }
       }
     }
-  }), { option: n, icon: s, wrapper: u, content: c } = g();
-  return /* @__PURE__ */ e(b, { ...i, className: x(n(), r), children: ({ focus: a, selected: t, ...l }) => /* @__PURE__ */ p("div", { className: u(), children: [
+  }), { option: s, icon: g, wrapper: u, content: c } = n();
+  return /* @__PURE__ */ e(b, { ...i, className: x(s(), r), children: ({ focus: a, selected: t, ...l }) => /* @__PURE__ */ p("div", { className: u(), children: [
     /* @__PURE__ */ e("span", { className: c(), children: typeof o == "function" ? o({ focus: a, selected: t, ...l }) : o }),
-    /* @__PURE__ */ e(f, { icon: m, className: s({ selected: t }) })
+    /* @__PURE__ */ e(f, { icon: m, className: g({ selected: t }) })
   ] }) });
 }
 v.displayName = "SelectOptions";

package/dist/select-options.js

@@ -1,8 +1,9 @@
-import { jsx as t } from "react/jsx-runtime";
+"use client";
+import { jsx as r } from "react/jsx-runtime";
 import { ListboxOptions as g } from "@headlessui/react";
 import { twMerge as i } from "tailwind-merge";
 function s({ children: o, className: u, ...e }) {
-  const r = i(
+  const t = i(
     "uog:z-10",
     "uog:max-h-[20rem]",
     "uog:w-full",
@@ -23,7 +24,7 @@ function s({ children: o, className: u, ...e }) {
     "uog:data-[closed]:opacity-0",
     u
   );
-  return /* @__PURE__ */ t(g, { ...e, className: r, children: o });
+  return /* @__PURE__ */ r(g, { ...e, className: t, children: o });
 }
 s.displayName = "SelectOptions";
 export {

package/dist/select.js

@@ -1,15 +1,16 @@
+"use client";
 import { jsx as t } from "react/jsx-runtime";
 import { Listbox as r } from "@headlessui/react";
-import { SelectButton as c } from "./select-button.js";
-import { SelectOption as s } from "./select-option.js";
-import { SelectOptions as n } from "./select-options.js";
+import { SelectButton as m } from "./select-button.js";
+import { SelectOption as f } from "./select-option.js";
+import { SelectOptions as a } from "./select-options.js";
 function l({ children: e, ...o }) {
   return /* @__PURE__ */ t(r, { className: "uofg-select uog:group uog:relative uog:w-full", ...o, as: "div", children: e });
 }
 l.displayName = "Select";
 export {
   l as Select,
-  c as SelectButton,
-  s as SelectOption,
-  n as SelectOptions
+  m as SelectButton,
+  f as SelectOption,
+  a as SelectOptions
 };

package/dist/tab-list.js

@@ -1,14 +1,15 @@
-import { jsx as s } from "react/jsx-runtime";
-import { TabList as a } from "@headlessui/react";
-import { twMerge as e } from "tailwind-merge";
-function l({ children: o, className: t }) {
-  const r = e(
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { TabList as r } from "@headlessui/react";
+import { twMerge as l } from "tailwind-merge";
+function a({ children: o, className: t }) {
+  const s = l(
     "uofg-tab-list uog:flex uog:gap-1 uog:border-b-4 uog:border-yellow uog:w-full uog:flex-col uog:md:flex-row",
     t
   );
-  return /* @__PURE__ */ s(a, { className: `uofg-tab-list ${r}`, children: o });
+  return /* @__PURE__ */ e(r, { className: `uofg-tab-list ${s}`, children: o });
 }
-l.displayName = "TabList";
+a.displayName = "TabList";
 export {
-  l as TabList
+  a as TabList
 };

package/dist/tab-panel.js

@@ -1,11 +1,12 @@
+"use client";
 import { jsx as n } from "react/jsx-runtime";
-import { TabPanel as r } from "@headlessui/react";
-import { twMerge as t } from "tailwind-merge";
-function l({ children: a, className: e }) {
-  const o = t("uofg-tab-panel uog:py-4", e);
-  return /* @__PURE__ */ n(r, { className: `uofg-tab-panel ${o}`, children: a });
+import { TabPanel as t } from "@headlessui/react";
+import { twMerge as l } from "tailwind-merge";
+function r({ children: a, className: e }) {
+  const o = l("uofg-tab-panel uog:py-4", e);
+  return /* @__PURE__ */ n(t, { className: `uofg-tab-panel ${o}`, children: a });
 }
-l.displayName = "TabPanel";
+r.displayName = "TabPanel";
 export {
-  l as TabPanel
+  r as TabPanel
 };

package/dist/tab-panels.js

@@ -1,11 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-import { TabPanels as n } from "@headlessui/react";
-import { twMerge as r } from "tailwind-merge";
-function t({ children: a, className: s }) {
-  const e = r("uofg-tab-panels", s);
-  return /* @__PURE__ */ o(n, { className: `uofg-tab-panels ${e}`, children: a });
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { TabPanels as o } from "@headlessui/react";
+import { twMerge as t } from "tailwind-merge";
+function l({ children: a, className: s }) {
+  const e = t("uofg-tab-panels", s);
+  return /* @__PURE__ */ n(o, { className: `uofg-tab-panels ${e}`, children: a });
 }
-t.displayName = "TabPanels";
+l.displayName = "TabPanels";
 export {
-  t as TabPanels
+  l as TabPanels
 };

package/dist/tab.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as u } from "react/jsx-runtime";
 import { Tab as t } from "@headlessui/react";
 import { twMerge as l } from "tailwind-merge";

package/dist/tabs.js

@@ -1,18 +1,19 @@
+"use client";
 import { jsx as t } from "react/jsx-runtime";
-import { TabGroup as s } from "@headlessui/react";
-import { twMerge as e } from "tailwind-merge";
-import { Tab as n } from "./tab.js";
-import { TabList as l } from "./tab-list.js";
+import { TabGroup as e } from "@headlessui/react";
+import { twMerge as s } from "tailwind-merge";
+import { Tab as T } from "./tab.js";
+import { TabList as u } from "./tab-list.js";
 import { TabPanel as c } from "./tab-panel.js";
 import { TabPanels as N } from "./tab-panels.js";
 function m({ children: o, className: r }) {
-  const a = e("uofg-tabs", r);
-  return /* @__PURE__ */ t(s, { className: `uofg-tabs ${a}`, children: o });
+  const a = s("uofg-tabs", r);
+  return /* @__PURE__ */ t(e, { className: `uofg-tabs ${a}`, children: o });
 }
 m.displayName = "Tabs";
 export {
-  n as Tab,
-  l as TabList,
+  T as Tab,
+  u as TabList,
   c as TabPanel,
   N as TabPanels,
   m as Tabs

package/dist/text-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { h as y } from "./regular-DmWV6rTj.js";
 import { FontAwesomeIcon as N } from "@fortawesome/react-fontawesome";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uoguelph/react-components",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "description": "University of Guelph React Components Library",
   "type": "module",
   "scripts": {
@@ -67,6 +67,7 @@
     "react": "^19.0.0",
     "react-animate-height": "^3.2.3",
     "react-dom": "^19.0.0",
+    "rollup-preserve-directives": "^1.1.3",
     "tailwind-merge": "^3.0.1",
     "tailwind-variants": "^1.0.0",
     "tailwindcss": "^4.0.6",
@@ -84,5 +85,5 @@
   "bugs": {
     "url": "https://github.com/ccswbs/uofg-components/issues"
   },
-  "gitHead": "c414b5509594944c38e81f3de137c6be08452ad1"
+  "gitHead": "27888e7180d28287f1477a50be72fa05f0e2f517"
 }