@uoguelph/react-components 1.2.1 → 1.2.3

package/dist/accordion-button.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { f as g, a as c } from "./regular-BRNZck7j.js";
+import { f as g, a as c } from "./regular-23gOebKJ.js";
 import { FontAwesomeIcon as l } from "@fortawesome/react-fontawesome";
 import { DisclosureButton as a } from "@headlessui/react";
 import { useContext as b } from "react";

package/dist/alert-title.js

@@ -1,10 +1,10 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { b as l } from "./regular-BRNZck7j.js";
+import { g as l } from "./regular-23gOebKJ.js";
 import { FontAwesomeIcon as u } from "@fortawesome/react-fontawesome";
 import { twMerge as s } from "tailwind-merge";
 import { tv as m } from "tailwind-variants";
 function x({ color: e = "red", className: o, children: r }) {
-  const n = m({
+  const g = m({
     slots: {
       container: "uog:flex uog:items-center uog:gap-2 uog:p-4 uog:text-xl",
       icon: "uog:h-[1.5em]",
@@ -38,8 +38,8 @@ function x({ color: e = "red", className: o, children: r }) {
         }
       }
     }
-  }), { container: g, icon: a, text: i } = n({ color: e });
-  return /* @__PURE__ */ c("div", { className: `uofg-alert-title-container ${s(g(), o)}`, children: [
+  }), { container: n, icon: a, text: i } = g({ color: e });
+  return /* @__PURE__ */ c("div", { className: `uofg-alert-title-container ${s(n(), o)}`, children: [
     /* @__PURE__ */ t(u, { className: `uofg-alert-title-icon ${a()}`, icon: l }),
     /* @__PURE__ */ t("div", { className: `uofg-alert-title ${i()}`, children: r })
   ] });

package/dist/blockquote-content.js

@@ -1,5 +1,5 @@
 import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { f as r, a as m } from "./solid-DM6GVhkF.js";
+import { f as r, a as m } from "./solid-D4xgBves.js";
 import { FontAwesomeIcon as c } from "@fortawesome/react-fontawesome";
 import { useContext as a } from "react";
 import { twMerge as g } from "tailwind-merge";

package/dist/breadcrumb-home.js

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { c as n } from "./regular-BRNZck7j.js";
-import { FontAwesomeIcon as a } from "@fortawesome/react-fontawesome";
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { b as a } from "./regular-23gOebKJ.js";
+import { FontAwesomeIcon as c } from "@fortawesome/react-fontawesome";
 import { twJoin as s } from "tailwind-merge";
 function l({
   href: r = "/",
@@ -9,9 +9,9 @@ function l({
   className: e,
   ...m
 }) {
-  const c = s("uog:h-[1em] uog:fill-black");
-  return /* @__PURE__ */ o("li", { children: /* @__PURE__ */ i("a", { ...m, href: r, className: e, children: [
-    /* @__PURE__ */ o(a, { icon: n, className: c }),
+  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 }),
     /* @__PURE__ */ o("span", { className: "uog:sr-only", children: "U of G Homepage" })
   ] }) });
 }

package/dist/breadcrumb.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { d as g } from "./regular-BRNZck7j.js";
-import { FontAwesomeIcon as d } from "@fortawesome/react-fontawesome";
-import { twMerge as p } from "tailwind-merge";
+import { c as g } from "./regular-23gOebKJ.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";
 function x({
@@ -19,8 +19,8 @@ function x({
     }
   }), { container: s, icon: m, link: u } = i();
   return /* @__PURE__ */ l("li", { className: s(), children: [
-    /* @__PURE__ */ o(d, { icon: g, className: m() }),
-    r ? /* @__PURE__ */ o(c, { ...a, className: p(u(), t), href: r, children: n }) : /* @__PURE__ */ o("span", { children: n })
+    /* @__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 })
   ] });
 }
 x.displayName = "Breadcrumb";

package/dist/carousel.js

@@ -1,5 +1,5 @@
 import { jsxs as g, jsx as u } from "react/jsx-runtime";
-import { b as k, c as I } from "./solid-DM6GVhkF.js";
+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";

package/dist/checkbox.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { e as p } from "./regular-BRNZck7j.js";
+import { d as p } from "./regular-23gOebKJ.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";
@@ -56,9 +56,9 @@ function z({
   }), {
     base: h,
     container: x,
-    box: f,
-    check: k,
-    label: d,
+    box: d,
+    check: f,
+    label: k,
     description: m
   } = b({ color: r, disabled: s });
   return /* @__PURE__ */ i(w, { className: h(), children: [
@@ -71,12 +71,12 @@ function z({
             n(u), o == null || o(u);
           },
           disabled: s,
-          className: f(),
+          className: d(),
           ...l,
-          children: /* @__PURE__ */ e(y, { className: k(), icon: p })
+          children: /* @__PURE__ */ e(y, { className: f(), icon: p })
         }
       ),
-      c && /* @__PURE__ */ e(N, { className: d(), children: c })
+      c && /* @__PURE__ */ e(N, { className: k(), children: c })
     ] }),
     t && /* @__PURE__ */ e(C, { className: m(), children: t })
   ] });

package/dist/components/dismissible-alert/dismissible-alert.d.ts

@@ -0,0 +1,10 @@
+export type AlertObject = {
+    title: string;
+    description: string;
+    timestamp: string;
+};
+export type DismissibleAlertProps = {
+    /** Whether to use the testing app armor test ID */
+    alert?: AlertObject;
+};
+export declare function DismissibleAlert({ alert }: DismissibleAlertProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/footer/footer-link.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+export type FooterLinkProps = PropsWithChildren<{
+    /** The URL for the header link */
+    href?: string;
+} & HTMLAttributes<HTMLAnchorElement>>;
+export declare function FooterLink({ href, children, ...rest }: FooterLinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/footer/footer.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+declare module 'react/jsx-runtime' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'uofg-footer': HTMLAttributes<any>;
+        }
+    }
+}
+export type FooterProps = PropsWithChildren<{}>;
+/**
+ * A React component wrapper for the footer component from the uoguelph/web-components package, as such that package
+ * must be included in your page for this to function correctly.
+ */
+export declare function Footer({ children }: FooterProps): import("react/jsx-runtime").JSX.Element;
+export { FooterLink } from './footer-link';

package/dist/components/header/header-link.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+export type HeaderLinkProps = PropsWithChildren<{
+    /** The URL for the header link */
+    href?: string;
+} & HTMLAttributes<HTMLAnchorElement>>;
+export declare function HeaderLink({ href, children, ...rest }: HeaderLinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/header/header-menu-item.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+export type HeaderMenuItemProps = PropsWithChildren<HTMLAttributes<any>>;
+export declare function HeaderMenuItem({ children, ...rest }: HeaderMenuItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/header/header-menu.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+export type HeaderMenuProps = PropsWithChildren<{
+    /** The title of the header menu */
+    title: string;
+} & HTMLAttributes<any>>;
+export declare function HeaderMenu({ title, children, ...rest }: HeaderMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/header/header.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+declare module 'react/jsx-runtime' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'uofg-header': {
+                'variant'?: string;
+                'page-title'?: string;
+                'page-url'?: string;
+            } & HTMLAttributes<any>;
+        }
+    }
+}
+export type HeaderProps = PropsWithChildren<{
+    /** The title of the department or topic the page which contains the header belongs to */
+    title?: string;
+    /** The URL to the home page of the department or topic this page belongs to */
+    url?: string;
+    /** The variant of the header */
+    variant?: 'dual-brand';
+}>;
+/**
+ * A React component wrapper for the header component from the uoguelph/web-components package, as such that package
+ * must be included in your page for this to function correctly.
+ */
+export declare function Header({ title, url, variant, children }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export { HeaderLink } from './header-link';
+export { HeaderMenu } from './header-menu';
+export { HeaderMenuItem } from './header-menu-item';

package/dist/components/layout/layout-content.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+export type LayoutContentProps = PropsWithChildren<{
+    /** Additional classes to apply to the component. */
+    className?: string;
+    /**
+     * Whether the content should be rendered as a Container component.
+     *
+     * @default true
+     */
+    container?: boolean;
+}>;
+export declare function LayoutContent({ children, className, container }: LayoutContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/layout.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+export type LayoutProps = PropsWithChildren<{
+    /**
+     * Whether the content of the layout should be hidden, and a loading indicator should be shown in its place. If set to
+     * a string, it will be used as the message displayed in the loading indicator
+     */
+    loading?: boolean | string;
+}>;
+export declare function Layout({ children, loading }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Layout {
+    var displayName: string;
+}
+export { LayoutContent } from './layout-content';

package/dist/components/loading-indicator/loading-indicator.d.ts

@@ -1,4 +1,5 @@
-export type LoadingIndicatorProps = {
+import { PropsWithChildren } from 'react';
+export type LoadingIndicatorProps = PropsWithChildren<{
     /**
      * The size of the loading indicator
      *
@@ -13,6 +14,6 @@ export type LoadingIndicatorProps = {
     color?: 'blue' | 'red' | 'green' | 'yellow';
     /** Additional classes to add the loading indicator */
     className?: string;
-};
+}>;
 /** A component which can be used as a placeholder while content is loading */
-export declare function LoadingIndicator({ size, color, className }: LoadingIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingIndicator({ size, color, className, children }: LoadingIndicatorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/select/select-button.d.ts

@@ -0,0 +1,10 @@
+import { ListboxButtonProps } from '@headlessui/react';
+import { ElementType } from 'react';
+export type SelectButtonProps<T extends ElementType> = ListboxButtonProps<T> & {
+    /** Additional classes to apply to the component. */
+    className?: string;
+};
+export declare function SelectButton<T extends ElementType>({ children, className, ...rest }: SelectButtonProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace SelectButton {
+    var displayName: string;
+}

package/dist/components/select/select-option.d.ts

@@ -0,0 +1,10 @@
+import { ListboxOptionProps } from '@headlessui/react';
+import { ElementType } from 'react';
+export type SelectOptionProps<T extends ElementType> = ListboxOptionProps<T> & {
+    /** Additional classes to apply to the component. */
+    className?: string;
+};
+export declare function SelectOption<T extends ElementType>({ children, className, ...rest }: SelectOptionProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace SelectOption {
+    var displayName: string;
+}

package/dist/components/select/select-options.d.ts

@@ -0,0 +1,10 @@
+import { ListboxOptionsProps } from '@headlessui/react';
+import { ElementType } from 'react';
+export type SelectOptionsProps<T extends ElementType> = ListboxOptionsProps<T> & {
+    /** Additional classes to apply to the component. */
+    className?: string;
+};
+export declare function SelectOptions<T extends ElementType>({ children, className, ...rest }: SelectOptionsProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace SelectOptions {
+    var displayName: string;
+}

package/dist/components/select/select.d.ts

@@ -0,0 +1,7 @@
+import { ListboxProps } from '@headlessui/react';
+import { ElementType } from 'react';
+export type SelectProps<T extends ElementType> = ListboxProps<T>;
+export declare function Select<T extends ElementType>({ children, ...rest }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Select {
+    var displayName: string;
+}

package/dist/contact-email.js

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import { g as c } from "./regular-BRNZck7j.js";
+import { e as c } from "./regular-23gOebKJ.js";
 import { FontAwesomeIcon as a } from "@fortawesome/react-fontawesome";
 import { twMerge as l } from "tailwind-merge";
 import { tv as u } from "tailwind-variants";

package/dist/contact-phone.js

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { d as a } from "./solid-DM6GVhkF.js";
+import { d as a } from "./solid-D4xgBves.js";
 import { FontAwesomeIcon as l } from "@fortawesome/react-fontawesome";
 import { twMerge as u } from "tailwind-merge";
 import { tv as g } from "tailwind-variants";

package/dist/dismissible-alert.d.ts

@@ -0,0 +1,2 @@
+export * from './components/dismissible-alert/dismissible-alert'
+export {}