@uoguelph/react-components 1.6.0-rc.9 → 1.6.1-rc.0

package/dist/accordion.js

@@ -1,17 +1,17 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { Disclosure as t } from "@headlessui/react";
-import { twMerge as e } from "tailwind-merge";
-import { AccordionContext as m } from "./accordion-context.js";
-import { AccordionButton as x } from "./accordion-button.js";
-import { AccordionContent as h } from "./accordion-content.js";
-function d({ children: r, className: c }) {
-  const i = e("my-2 [&_p:last-child]:mb-0", c);
-  return /* @__PURE__ */ o(t, { children: ({ open: n }) => /* @__PURE__ */ o("div", { className: `uofg-accordion ${i}`, children: /* @__PURE__ */ o(m.Provider, { value: { isOpen: n }, children: r }) }) });
+import { Disclosure as e } from "@headlessui/react";
+import { twMerge as m } from "tailwind-merge";
+import { AccordionContext as d } from "./accordion-context.js";
+import { AccordionButton as A } from "./accordion-button.js";
+import { AccordionContent as v } from "./accordion-content.js";
+function p({ id: r, children: c, className: i }) {
+  const n = m("my-2 [&_p:last-child]:mb-0", i);
+  return /* @__PURE__ */ o(e, { children: ({ open: t }) => /* @__PURE__ */ o("div", { id: r, className: `uofg-accordion ${n}`, children: /* @__PURE__ */ o(d.Provider, { value: { isOpen: t }, children: c }) }) });
 }
-d.displayName = "Accordion";
+p.displayName = "Accordion";
 export {
-  d as Accordion,
-  x as AccordionButton,
-  h as AccordionContent
+  p as Accordion,
+  A as AccordionButton,
+  v as AccordionContent
 };

package/dist/components/accordion/accordion.d.ts

@@ -1,5 +1,6 @@
 import { PropsWithChildren } from 'react';
 export type AccordionProps = PropsWithChildren<{
+    id?: string;
     /** Additional classes to apply to the accordion. */
     className?: string;
 }>;
@@ -7,7 +8,7 @@ export type AccordionProps = PropsWithChildren<{
  * The Accordion component is used for organizing information into collapsible sections which respond to user
  * interaction.
  */
-export declare function Accordion({ children, className }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Accordion({ id, children, className }: AccordionProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Accordion {
     var displayName: string;
 }

package/dist/embedded-video.js

@@ -45,7 +45,7 @@ function N(l) {
   return { type: e, id: t };
 }
 function u({ src: l, title: e, transcript: t, className: o }) {
-  const { id: i, type: d } = N(l), r = b({
+  const { id: d, type: i } = N(l), r = b({
     slots: {
       base: f("flex flex-col", o),
       iframe: "aspect-video h-full w-full",
@@ -53,30 +53,30 @@ function u({ src: l, title: e, transcript: t, className: o }) {
     }
   }), { base: a, iframe: s, transcriptButton: c } = r();
   return /* @__PURE__ */ m("div", { className: a(), children: [
-    d === "youtube" && i && /* @__PURE__ */ n(
+    i === "youtube" && d && /* @__PURE__ */ n(
       "iframe",
       {
         className: s(),
         allowFullScreen: !0,
-        src: `https://www.youtube.com/embed/${i}`,
+        src: `https://www.youtube.com/embed/${d}`,
         title: e ?? "YouTube Embedded Video Player"
       }
     ),
-    d === "vimeo" && i && /* @__PURE__ */ n(
+    i === "vimeo" && d && /* @__PURE__ */ n(
       "iframe",
       {
         className: s(),
         allowFullScreen: !0,
-        src: `https://player.vimeo.com/video/${i}`,
+        src: `https://player.vimeo.com/video/${d}`,
         title: e ?? "Vimeo Embedded Video Player"
       }
     ),
     t && /* @__PURE__ */ n(h, { as: "a", color: "black", className: c(), href: t, download: !0, children: "Download Transcript" })
   ] });
 }
-function E({ src: l, title: e, transcript: t, className: o, children: i }) {
-  const [d, r] = g(!1);
-  if (i) {
+function E({ src: l, title: e, transcript: t, className: o, children: d }) {
+  const [i, r] = g(!1);
+  if (d) {
     const a = b({
       slots: {
         container: "flex w-screen max-w-6xl flex-col gap-4 bg-grey-dark-bg p-4 text-grey-dark-contrast lg:max-w-7xl",
@@ -85,8 +85,8 @@ function E({ src: l, title: e, transcript: t, className: o, children: i }) {
       }
     }), { container: s, video: c, title: p } = a();
     return /* @__PURE__ */ m(w, { children: [
-      /* @__PURE__ */ n(y.Provider, { value: { modalOpen: d, setModalOpen: r }, children: i }),
-      /* @__PURE__ */ n(x, { open: d, onClose: () => r(!1), children: /* @__PURE__ */ m("div", { className: `uofg-embedded-video-container ${s()}`, children: [
+      /* @__PURE__ */ n(y.Provider, { value: { modalOpen: i, setModalOpen: r }, children: d }),
+      /* @__PURE__ */ n(x, { open: i, onClose: () => r(!1), centered: !0, children: /* @__PURE__ */ m("div", { className: `uofg-embedded-video-container ${s()}`, children: [
         /* @__PURE__ */ n("span", { className: `uofg-embedded-video-title ${p()}`, children: e }),
         /* @__PURE__ */ n(
           u,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uoguelph/react-components",
-  "version": "1.6.0-rc.9",
+  "version": "1.6.1-rc.0",
   "description": "University of Guelph React Components Library",
   "type": "module",
   "scripts": {
@@ -78,5 +78,5 @@
   "bugs": {
     "url": "https://github.com/ccswbs/uofg-components/issues"
   },
-  "gitHead": "6c25126bfb94174d37db1f4aa32ceffec0081689"
+  "gitHead": "192b96deff904832b05759997eec1c3d222ca4a2"
 }