@uoguelph/react-components 1.0.0-rc.0 → 1.0.0-rc.10

package/README.md

@@ -1,3 +1,6 @@
 # @uoguelph/react-components
 
 A collection of components for use in React projects following University of Guelph brand guidelines.
+
+For more information,
+please read the [Documentation](https://uofg-components.netlify.app/?path=/docs/react-components-getting-started--docs) here.

package/dist/accordion-button.d.ts

@@ -1,16 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import { PropsWithChildren } from 'react';
-
-/** The AccordionButton component is a button used to toggle the visibility of an accordion panel. */
-export declare function AccordionButton({ children, className }: AccordionButtonProps): JSX.Element;
-
-export declare namespace AccordionButton {
-    var displayName: string;
-}
-
-export declare type AccordionButtonProps = PropsWithChildren<{
-    /** Additional classes to apply to the accordion button */
-    className?: string;
-}>;
-
-export { }
+export * from './components/accordion/accordion-button'
+export {}

package/dist/accordion-button.js

@@ -1,42 +1,42 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { f as u, a as l } from "./regular-CYeGUuiO.js";
-import { FontAwesomeIcon as w } from "@fortawesome/react-fontawesome";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { f as g, a as c } from "./regular-BRNZck7j.js";
+import { FontAwesomeIcon as l } from "@fortawesome/react-fontawesome";
 import { DisclosureButton as a } from "@headlessui/react";
 import { useContext as b } from "react";
 import { twMerge as f } from "tailwind-merge";
 import { tv as m } from "tailwind-variants";
 import { AccordionContext as p } from "./accordion-context.js";
-function g({ children: n, className: e }) {
-  const t = b(p), i = m({
+function x({ children: u, className: n }) {
+  const o = b(p), e = m({
     slots: {
-      button: "tw:group tw:mb-1 tw:inline-flex tw:w-full tw:cursor-pointer tw:items-center tw:justify-between tw:gap-2 tw:p-2.5 tw:px-5 tw:text-left tw:text-xl tw:transition-colors tw:focus:outline-none tw:focus-visible:ring-2 tw:focus-visible:ring-blue tw:focus-visible:ring-offset-2 tw:hocus-visible:bg-blue tw:hocus-visible:text-blue-contrast",
-      icon: "tw:h-[1em] tw:text-blue-on-light tw:group-hocus-visible:text-blue-contrast tw:transition"
+      button: "uog:group uog:mb-1 uog:inline-flex uog:w-full uog:cursor-pointer uog:items-center uog:justify-between uog:gap-2 uog:p-2.5 uog:px-5 uog:text-left uog:text-xl uog:transition-colors uog:focus:outline-none uog:focus-visible:ring-2 uog:focus-visible:ring-blue uog:focus-visible:ring-offset-2 uog:hocus-visible:bg-blue uog:hocus-visible:text-blue-contrast",
+      icon: "uog:h-[1em] uog:text-blue-on-light uog:group-hocus-visible:text-blue-contrast uog:transition"
     },
     variants: {
       open: {
         true: {
-          button: "tw:bg-blue tw:text-blue-contrast",
-          icon: "tw:text-blue-contrast"
+          button: "uog:bg-blue uog:text-blue-contrast",
+          icon: "uog:text-blue-contrast"
         },
         false: {
-          icon: "tw:rotate-90",
-          button: "tw:bg-light-grey-bg tw:text-blue-on-light"
+          icon: "uog:rotate-90",
+          button: "uog:bg-grey-light-bg uog:text-blue-on-light"
         }
       }
     }
-  }), { button: s, icon: r } = i({ open: t == null ? void 0 : t.isOpen });
-  return /* @__PURE__ */ c(a, { className: `uofg-accordion-button ${f(e, s())}`, children: [
-    /* @__PURE__ */ o("span", { className: "uofg-accordion-button-content", children: n }),
-    /* @__PURE__ */ o(
-      w,
+  }), { button: i, icon: s } = e({ open: o == null ? void 0 : o.isOpen });
+  return /* @__PURE__ */ r(a, { className: `uofg-accordion-button ${f(n, i())}`, children: [
+    /* @__PURE__ */ t("span", { className: "uofg-accordion-button-content", children: u }),
+    /* @__PURE__ */ t(
+      l,
       {
-        icon: t != null && t.isOpen ? u : l,
-        className: `uofg-accordion-button-icon ${r()}`
+        icon: o != null && o.isOpen ? g : c,
+        className: `uofg-accordion-button-icon ${s()}`
       }
     )
   ] });
 }
-g.displayName = "AccordionButton";
+x.displayName = "AccordionButton";
 export {
-  g as AccordionButton
+  x as AccordionButton
 };

package/dist/accordion-content.d.ts

@@ -1,15 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import { PropsWithChildren } from 'react';
-
-export declare function AccordionContent({ children, className }: AccordionContentProps): JSX.Element;
-
-export declare namespace AccordionContent {
-    var displayName: string;
-}
-
-export declare type AccordionContentProps = PropsWithChildren<{
-    /** Additional classes to apply to the accordion button */
-    className?: string;
-}>;
-
-export { }
+export * from './components/accordion/accordion-content'
+export {}

package/dist/accordion-content.js

@@ -4,11 +4,11 @@ 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 p({ children: r, className: e }) {
-  const o = c(s), n = a("tw:border-l-4 tw:border-yellow tw:py-3 tw:pl-5", e);
+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);
   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 }) });
 }
-p.displayName = "AccordionContent";
+u.displayName = "AccordionContent";
 export {
-  p as AccordionContent
+  u as AccordionContent
 };

package/dist/accordion-context.d.ts

@@ -1,9 +1,2 @@
-import { Context } from 'react';
-
-export declare const AccordionContext: Context<AccordionContextValue | undefined>;
-
-export declare type AccordionContextValue = {
-    isOpen: boolean;
-};
-
-export { }
+export * from './components/accordion/accordion-context'
+export {}

package/dist/accordion.d.ts

@@ -1,42 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import { PropsWithChildren } from 'react';
-
-/**
- * The Accordion component is used for organizing information into collapsible sections which respond to user
- * interaction.
- */
-export declare function Accordion({ children, className }: AccordionProps): JSX.Element;
-
-export declare namespace Accordion {
-    var displayName: string;
-}
-
-/** The AccordionButton component is a button used to toggle the visibility of an accordion panel. */
-export declare function AccordionButton({ children, className }: AccordionButtonProps): JSX.Element;
-
-export declare namespace AccordionButton {
-    var displayName: string;
-}
-
-declare type AccordionButtonProps = PropsWithChildren<{
-    /** Additional classes to apply to the accordion button */
-    className?: string;
-}>;
-
-export declare function AccordionContent({ children, className }: AccordionContentProps): JSX.Element;
-
-export declare namespace AccordionContent {
-    var displayName: string;
-}
-
-declare type AccordionContentProps = PropsWithChildren<{
-    /** Additional classes to apply to the accordion button */
-    className?: string;
-}>;
-
-export declare type AccordionProps = PropsWithChildren<{
-    /** Additional classes to apply to the accordion. */
-    className?: string;
-}>;
-
-export { }
+export * from './components/accordion/accordion'
+export {}

package/dist/accordion.js

@@ -1,16 +1,16 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Disclosure as n } from "@headlessui/react";
+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";
+import { AccordionContent as g } from "./accordion-content.js";
 function d({ children: r, className: c }) {
-  const t = e("tw:my-2 tw:[&_p:last-child]:mb-0", c);
-  return /* @__PURE__ */ o(n, { children: ({ open: i }) => /* @__PURE__ */ o("div", { className: `uofg-accordion ${t}`, children: /* @__PURE__ */ o(m.Provider, { value: { isOpen: i }, children: r }) }) });
+  const i = e("uog:my-2 uog:[&_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 }) }) });
 }
 d.displayName = "Accordion";
 export {
   d as Accordion,
   x as AccordionButton,
-  h as AccordionContent
+  g as AccordionContent
 };

package/dist/alert-footer.d.ts

@@ -1,16 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import { PropsWithChildren } from 'react';
-
-/** The AlertFooter component is used to display additional information or actions at the bottom of an alert. */
-export declare function AlertFooter({ children, className }: AlertFooterProps): JSX.Element;
-
-export declare namespace AlertFooter {
-    var displayName: string;
-}
-
-export declare type AlertFooterProps = PropsWithChildren<{
-    /** Additional classes to apply to the alert footer */
-    className?: string;
-}>;
-
-export { }
+export * from './components/alert/alert-footer'
+export {}

package/dist/alert-footer.js

@@ -1,10 +1,10 @@
-import { jsx as o } from "react/jsx-runtime";
-import { twMerge as l } from "tailwind-merge";
-function a({ children: t, className: r }) {
-  const e = l("tw:flex tw:bg-light-grey tw:px-4 tw:py-2", r);
-  return /* @__PURE__ */ o("div", { className: `uofg-alert-footer ${e}`, children: t });
+import { jsx as t } from "react/jsx-runtime";
+import { twMerge as g } from "tailwind-merge";
+function l({ children: o, className: r }) {
+  const e = g("uog:flex uog:bg-grey-light uog:px-4 uog:py-2", r);
+  return /* @__PURE__ */ t("div", { className: `uofg-alert-footer ${e}`, children: o });
 }
-a.displayName = "AlertFooter";
+l.displayName = "AlertFooter";
 export {
-  a as AlertFooter
+  l as AlertFooter
 };

package/dist/alert-message.d.ts

@@ -1,16 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import { PropsWithChildren } from 'react';
-
-/** The AlertMessage component is used to display the main content of an alert. */
-export declare function AlertMessage({ children, className }: AlertMessageProps): JSX.Element;
-
-export declare namespace AlertMessage {
-    var displayName: string;
-}
-
-export declare type AlertMessageProps = PropsWithChildren<{
-    /** Additional classes to apply to the alert message */
-    className?: string;
-}>;
-
-export { }
+export * from './components/alert/alert-message'
+export {}

package/dist/alert-message.js

@@ -1,13 +1,13 @@
-import { jsx as s } from "react/jsx-runtime";
-import { twMerge as o } from "tailwind-merge";
-function a({ children: e, className: t }) {
-  const r = o(
-    "tw:flex tw:flex-col tw:border-x tw:border-b tw:border-light-grey tw:bg-white tw:px-4 tw:py-3",
-    t
+import { jsx as g } from "react/jsx-runtime";
+import { twMerge as s } from "tailwind-merge";
+function t({ children: e, className: o }) {
+  const r = s(
+    "uog:flex uog:flex-col uog:border-x uog:border-b uog:border-grey-light uog:bg-white uog:px-4 uog:py-3",
+    o
   );
-  return /* @__PURE__ */ s("div", { className: `uofg-alert-message ${r}`, children: e });
+  return /* @__PURE__ */ g("div", { className: `uofg-alert-message ${r}`, children: e });
 }
-a.displayName = "AlertMessage";
+t.displayName = "AlertMessage";
 export {
-  a as AlertMessage
+  t as AlertMessage
 };

package/dist/alert-subtitle.d.ts

@@ -1,16 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import { PropsWithChildren } from 'react';
-
-/** The AlertSubtitle component is used to display a subtitle for an alert. */
-export declare function AlertSubtitle({ children, className }: AlertSubtitleProps): JSX.Element;
-
-export declare namespace AlertSubtitle {
-    var displayName: string;
-}
-
-export declare type AlertSubtitleProps = PropsWithChildren<{
-    /** Additional classes to apply to the alert subtitle */
-    className?: string;
-}>;
-
-export { }
+export * from './components/alert/alert-subtitle'
+export {}

package/dist/alert-subtitle.js

@@ -1,10 +1,10 @@
-import { jsx as r } from "react/jsx-runtime";
-import { twMerge as o } from "tailwind-merge";
-function i({ children: t, className: e }) {
-  const l = o("tw:font-bold tw:mb-4 tw:text-xl", e);
-  return /* @__PURE__ */ r("span", { className: `uofg-alert-subtitle ${l}`, children: t });
+import { jsx as l } from "react/jsx-runtime";
+import { twMerge as r } from "tailwind-merge";
+function u({ children: t, className: e }) {
+  const o = r("uog:font-bold uog:mb-4 uog:text-xl", e);
+  return /* @__PURE__ */ l("span", { className: `uofg-alert-subtitle ${o}`, children: t });
 }
-i.displayName = "AlertSubtitle";
+u.displayName = "AlertSubtitle";
 export {
-  i as AlertSubtitle
+  u as AlertSubtitle
 };

package/dist/alert-title.d.ts

@@ -1,22 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import { PropsWithChildren } from 'react';
-
-/** The AlertTitle component is used to display the title of an alert. */
-export declare function AlertTitle({ color, className, children }: AlertTitleProps): JSX.Element;
-
-export declare namespace AlertTitle {
-    var displayName: string;
-}
-
-export declare type AlertTitleProps = PropsWithChildren<{
-    /** Additional classes to apply to the alert title */
-    className?: string;
-    /**
-     * The background color of the alert title
-     *
-     * @default 'red'
-     */
-    color?: 'red' | 'yellow' | 'blue' | 'green' | 'light-grey' | 'dark-grey' | 'black' | 'white';
-}>;
-
-export { }
+export * from './components/alert/alert-title'
+export {}

package/dist/alert-title.js

@@ -1,47 +1,47 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { b as w } from "./regular-CYeGUuiO.js";
-import { FontAwesomeIcon as s } from "@fortawesome/react-fontawesome";
-import { twMerge as g } from "tailwind-merge";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { b as l } from "./regular-BRNZck7j.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: r, children: o }) {
+function x({ color: e = "red", className: o, children: r }) {
   const n = m({
     slots: {
-      container: "tw:flex tw:items-center tw:gap-2 tw:p-4 tw:text-xl",
-      icon: "tw:h-[1.5em]",
+      container: "uog:flex uog:items-center uog:gap-2 uog:p-4 uog:text-xl",
+      icon: "uog:h-[1.5em]",
       text: ""
     },
     variants: {
       color: {
         red: {
-          container: "tw:bg-red tw:text-red-contrast"
+          container: "uog:bg-red uog:text-red-contrast"
         },
         yellow: {
-          container: "tw:bg-yellow tw:text-yellow-contrast"
+          container: "uog:bg-yellow uog:text-yellow-contrast"
         },
         blue: {
-          container: "tw:bg-blue tw:text-blue-contrast"
+          container: "uog:bg-blue uog:text-blue-contrast"
         },
         green: {
-          container: "tw:bg-green tw:text-green-contrast"
+          container: "uog:bg-green uog:text-green-contrast"
         },
-        "light-grey": {
-          container: "tw:bg-light-grey tw:text-light-grey-contrast"
+        "grey-light": {
+          container: "uog:bg-grey-light uog:text-grey-light-contrast"
         },
-        "dark-grey": {
-          container: "tw:bg-dark-grey tw:text-dark-grey-contrast"
+        "grey-dark": {
+          container: "uog:bg-grey-dark uog:text-grey-dark-contrast"
         },
         black: {
-          container: "tw:bg-black tw:text-black-contrast"
+          container: "uog:bg-black uog:text-black-contrast"
         },
         white: {
-          container: "tw:bg-white tw:text-white-contrast"
+          container: "uog:bg-white uog:text-white-contrast"
         }
       }
     }
-  }), { container: a, icon: i, text: c } = n({ color: e });
-  return /* @__PURE__ */ l("div", { className: `uofg-alert-title-container ${g(a(), r)}`, children: [
-    /* @__PURE__ */ t(s, { className: `uofg-alert-title-icon ${i()}`, icon: w }),
-    /* @__PURE__ */ t("div", { className: `uofg-alert-title ${c()}`, children: o })
+  }), { container: g, icon: a, text: i } = n({ color: e });
+  return /* @__PURE__ */ c("div", { className: `uofg-alert-title-container ${s(g(), o)}`, children: [
+    /* @__PURE__ */ t(u, { className: `uofg-alert-title-icon ${a()}`, icon: l }),
+    /* @__PURE__ */ t("div", { className: `uofg-alert-title ${i()}`, children: r })
   ] });
 }
 x.displayName = "AlertTitle";

package/dist/alert.d.ts

@@ -1,70 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import { PropsWithChildren } from 'react';
-
-/** The Alert component is used to display critical feedback, such as warnings, errors, or informational messages. */
-export declare function Alert({ children, className }: AlertProps): JSX.Element;
-
-export declare namespace Alert {
-    var displayName: string;
-}
-
-/** The AlertFooter component is used to display additional information or actions at the bottom of an alert. */
-export declare function AlertFooter({ children, className }: AlertFooterProps): JSX.Element;
-
-export declare namespace AlertFooter {
-    var displayName: string;
-}
-
-declare type AlertFooterProps = PropsWithChildren<{
-    /** Additional classes to apply to the alert footer */
-    className?: string;
-}>;
-
-/** The AlertMessage component is used to display the main content of an alert. */
-export declare function AlertMessage({ children, className }: AlertMessageProps): JSX.Element;
-
-export declare namespace AlertMessage {
-    var displayName: string;
-}
-
-declare type AlertMessageProps = PropsWithChildren<{
-    /** Additional classes to apply to the alert message */
-    className?: string;
-}>;
-
-export declare type AlertProps = PropsWithChildren<{
-    /** Additional classes to apply to the alert */
-    className?: string;
-}>;
-
-/** The AlertSubtitle component is used to display a subtitle for an alert. */
-export declare function AlertSubtitle({ children, className }: AlertSubtitleProps): JSX.Element;
-
-export declare namespace AlertSubtitle {
-    var displayName: string;
-}
-
-declare type AlertSubtitleProps = PropsWithChildren<{
-    /** Additional classes to apply to the alert subtitle */
-    className?: string;
-}>;
-
-/** The AlertTitle component is used to display the title of an alert. */
-export declare function AlertTitle({ color, className, children }: AlertTitleProps): JSX.Element;
-
-export declare namespace AlertTitle {
-    var displayName: string;
-}
-
-declare type AlertTitleProps = PropsWithChildren<{
-    /** Additional classes to apply to the alert title */
-    className?: string;
-    /**
-     * The background color of the alert title
-     *
-     * @default 'red'
-     */
-    color?: 'red' | 'yellow' | 'blue' | 'green' | 'light-grey' | 'dark-grey' | 'black' | 'white';
-}>;
-
-export { }
+export * from './components/alert/alert'
+export {}

package/dist/alert.js

@@ -1,18 +1,18 @@
 import { jsx as o } from "react/jsx-runtime";
 import { twMerge as l } from "tailwind-merge";
 import { AlertFooter as i } from "./alert-footer.js";
-import { AlertMessage as A } from "./alert-message.js";
-import { AlertSubtitle as n } from "./alert-subtitle.js";
-import { AlertTitle as g } from "./alert-title.js";
+import { AlertMessage as u } from "./alert-message.js";
+import { AlertSubtitle as g } from "./alert-subtitle.js";
+import { AlertTitle as n } from "./alert-title.js";
 function f({ children: e, className: r }) {
-  const t = l("tw:flex tw:flex-col", r);
+  const t = l("uog:flex uog:flex-col", r);
   return /* @__PURE__ */ o("div", { className: `uofg-alert ${t}`, children: e });
 }
 f.displayName = "Alert";
 export {
   f as Alert,
   i as AlertFooter,
-  A as AlertMessage,
-  n as AlertSubtitle,
-  g as AlertTitle
+  u as AlertMessage,
+  g as AlertSubtitle,
+  n as AlertTitle
 };

package/dist/blockquote-author.d.ts

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

package/dist/blockquote-author.js

@@ -0,0 +1,30 @@
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { useContext as i } from "react";
+import { tv as g } from "tailwind-variants";
+import { BlockquoteContext as n } from "./blockquote-context.js";
+function h({ name: l, title: e }) {
+  const o = i(n), s = g({
+    slots: {
+      base: "uog:border-l-3 uog:pl-4 uog:flex uog:flex-col uog:gap-1 uog:items-start uog:font-light",
+      name: "uog:text-base uog:not-italic uog:font-bold",
+      title: "uog:text-base uog:italic"
+    },
+    variants: {
+      color: {
+        yellow: {
+          base: "uog:border-yellow"
+        },
+        blue: {
+          base: "uog:border-blue"
+        }
+      }
+    }
+  }), { base: u, name: a, title: r } = s({ color: (o == null ? void 0 : o.color) ?? "yellow" });
+  return /* @__PURE__ */ c("div", { className: `uofg-blockquote-author ${u()}`, children: [
+    /* @__PURE__ */ t("cite", { className: `uofg-blockquote-author-name ${a()}`, children: l }),
+    e && /* @__PURE__ */ t("span", { className: `uofg-blockquote-author-title ${r()}`, children: e })
+  ] });
+}
+export {
+  h as BlockquoteAuthor
+};

package/dist/blockquote-content.d.ts

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

package/dist/blockquote-content.js

@@ -0,0 +1,54 @@
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { f as r, a as m } from "./solid-DM6GVhkF.js";
+import { FontAwesomeIcon as c } from "@fortawesome/react-fontawesome";
+import { useContext as a } from "react";
+import { twMerge as g } from "tailwind-merge";
+import { tv as f } from "tailwind-variants";
+import { BlockquoteContext as b } from "./blockquote-context.js";
+function k({ className: l, children: n }) {
+  const o = a(b), i = f({
+    slots: {
+      base: "uog:font-light uog:block uog:w-full uog:text-center uog:text-3xl uog:italic",
+      icons: "uog:inline-block uog:h-[1em]"
+    },
+    variants: {
+      color: {
+        yellow: {
+          icons: "uog:text-yellow"
+        },
+        blue: {
+          icons: "uog:text-blue"
+        }
+      },
+      direction: {
+        left: {
+          icons: "uog:mr-[0.3em]"
+        },
+        right: {
+          icons: "uog:ml-[0.25em]"
+        }
+      }
+    }
+  }), { base: s, icons: e } = i({ color: (o == null ? void 0 : o.color) ?? "yellow" });
+  return /* @__PURE__ */ u("blockquote", { className: `uofg-blockquote-content ${g(s(), l)}`, children: [
+    /* @__PURE__ */ t(
+      c,
+      {
+        icon: r,
+        className: `uofg-blockquote-content-left-quote ${e({ direction: "left" })}`
+      }
+    ),
+    /* @__PURE__ */ t("span", { className: "uofg-blockquote-content-text", children: n }),
+    /* @__PURE__ */ t(
+      c,
+      {
+        icon: m,
+        className: `uofg-blockquote-content-right-quote ${e({ direction: "right" })}`
+      }
+    )
+  ] });
+}
+k.displayName = "BlockquoteContent";
+export {
+  k as BlockquoteContent
+};

package/dist/blockquote-context.d.ts

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

package/dist/blockquote-context.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const e = t(null);
+export {
+  e as BlockquoteContext
+};