@uoguelph/react-components 1.0.0-rc.9 → 1.1.0

package/dist/accordion-button.js

@@ -20,7 +20,7 @@ function x({ children: u, className: n }) {
         },
         false: {
           icon: "uog:rotate-90",
-          button: "uog:bg-light-grey-bg uog:text-blue-on-light"
+          button: "uog:bg-grey-light-bg uog:text-blue-on-light"
         }
       }
     }

package/dist/alert-footer.js

@@ -1,7 +1,7 @@
 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-light-grey uog:px-4 uog:py-2", 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 });
 }
 l.displayName = "AlertFooter";

package/dist/alert-message.js

@@ -2,7 +2,7 @@ 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-light-grey uog:bg-white uog:px-4 uog:py-3",
+    "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__ */ g("div", { className: `uofg-alert-message ${r}`, children: e });

package/dist/alert-title.js

@@ -24,11 +24,11 @@ function x({ color: e = "red", className: o, children: r }) {
         green: {
           container: "uog:bg-green uog:text-green-contrast"
         },
-        "light-grey": {
-          container: "uog:bg-light-grey uog:text-light-grey-contrast"
+        "grey-light": {
+          container: "uog:bg-grey-light uog:text-grey-light-contrast"
         },
-        "dark-grey": {
-          container: "uog:bg-dark-grey uog:text-dark-grey-contrast"
+        "grey-dark": {
+          container: "uog:bg-grey-dark uog:text-grey-dark-contrast"
         },
         black: {
           container: "uog:bg-black uog:text-black-contrast"

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
+};

package/dist/blockquote.js

@@ -1,43 +1,14 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { f as r, a as g } from "./solid-DM6GVhkF.js";
-import { FontAwesomeIcon as e } from "@fortawesome/react-fontawesome";
-import { twMerge as a } from "tailwind-merge";
-import { tv as m } from "tailwind-variants";
-function f({ className: l, children: c, color: u = "yellow" }) {
-  const i = m({
-    slots: {
-      base: a("uog:font-light uog:block uog:w-full uog:text-center uog:text-3xl uog:italic", l),
-      icons: "uog:inline-block uog:h-[1em]"
-    },
-    variants: {
-      color: {
-        red: {
-          icons: "uog:text-red"
-        },
-        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: t } = i({ color: u });
-  return /* @__PURE__ */ n("blockquote", { className: `uofg-blockquote ${s()}`, children: [
-    /* @__PURE__ */ o(e, { icon: r, className: `uofg-blockquote-left-quote ${t({ direction: "left" })}` }),
-    /* @__PURE__ */ o("span", { className: "uofg-blockquote-content", children: c }),
-    /* @__PURE__ */ o(e, { icon: g, className: `uofg-blockquote-right-quote ${t({ direction: "right" })}` })
-  ] });
+import { jsx as o } from "react/jsx-runtime";
+import { twMerge as l } from "tailwind-merge";
+import { BlockquoteContext as u } from "./blockquote-context.js";
+import { BlockquoteAuthor as x } from "./blockquote-author.js";
+import { BlockquoteContent as k } from "./blockquote-content.js";
+function c({ className: e, children: t, color: r = "yellow" }) {
+  return /* @__PURE__ */ o(u.Provider, { value: { color: r }, children: /* @__PURE__ */ o("div", { className: `uofg-blockquote ${l("flex flex-col gap-2", e)}`, children: t }) });
 }
-f.displayName = "Blockquote";
+c.displayName = "Blockquote";
 export {
-  f as Blockquote
+  c as Blockquote,
+  x as BlockquoteAuthor,
+  k as BlockquoteContent
 };

package/dist/button.js

@@ -1,17 +1,17 @@
 import { jsx as a } from "react/jsx-runtime";
 import { twMerge as b } from "tailwind-merge";
-import { tv as d } from "tailwind-variants";
-const n = "button";
+import { tv as n } from "tailwind-variants";
+const d = "button";
 function f({
-  as: o,
+  as: e,
   color: l = "red",
   outlined: s = !1,
   children: u,
   className: t,
-  disabled: e = !1,
+  disabled: o = !1,
   ...r
 }) {
-  const i = o ?? n, g = d({
+  const c = e ?? d, i = n({
     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:focus-visible:ring-2 uog:focus-visible:ring-offset-2",
     variants: {
       color: {
@@ -19,10 +19,7 @@ function f({
         yellow: "uog:focus-visible:ring-yellow",
         blue: "uog:focus-visible:ring-blue",
         green: "uog:focus-visible:ring-green",
-        "light-grey": "uog:focus-visible:ring-light-grey",
-        "dark-grey": "uog:focus-visible:ring-dark-grey",
-        black: "uog:focus-visible:ring-black",
-        white: "uog:focus-visible:ring-white"
+        black: "uog:focus-visible:ring-black"
       },
       outlined: {
         true: "uog:border-2"
@@ -120,50 +117,6 @@ function f({
         disabled: !1,
         class: "uog:hocus-visible:bg-green uog:hocus-visible:text-green-contrast"
       },
-      {
-        color: "light-grey",
-        outlined: !1,
-        class: "uog:bg-light-grey uog:text-light-grey-contrast"
-      },
-      {
-        color: "light-grey",
-        outlined: !0,
-        class: "uog:border-light-grey uog:text-light-grey"
-      },
-      {
-        color: "light-grey",
-        outlined: !1,
-        disabled: !1,
-        class: "uog:hocus-visible:bg-light-grey-focus"
-      },
-      {
-        color: "light-grey",
-        outlined: !0,
-        disabled: !1,
-        class: "uog:hocus-visible:bg-light-grey uog:hocus-visible:text-light-grey-contrast"
-      },
-      {
-        color: "dark-grey",
-        outlined: !1,
-        class: "uog:bg-dark-grey uog:text-dark-grey-contrast"
-      },
-      {
-        color: "dark-grey",
-        outlined: !0,
-        class: "uog:border-dark-grey uog:text-dark-grey"
-      },
-      {
-        color: "dark-grey",
-        outlined: !1,
-        disabled: !1,
-        class: "uog:hocus-visible:bg-dark-grey-focus"
-      },
-      {
-        color: "dark-grey",
-        outlined: !0,
-        disabled: !1,
-        class: "uog:hocus-visible:bg-dark-grey uog:hocus-visible:text-dark-grey-contrast"
-      },
       {
         color: "black",
         outlined: !1,
@@ -185,32 +138,10 @@ function f({
         outlined: !0,
         disabled: !1,
         class: "uog:hocus-visible:bg-black uog:hocus-visible:text-black-contrast"
-      },
-      {
-        color: "white",
-        outlined: !1,
-        class: "uog:bg-white uog:text-white-contrast"
-      },
-      {
-        color: "white",
-        outlined: !0,
-        class: "uog:border-white uog:text-white"
-      },
-      {
-        color: "white",
-        outlined: !1,
-        disabled: !1,
-        class: "uog:hocus-visible:bg-white-focus"
-      },
-      {
-        color: "white",
-        outlined: !0,
-        disabled: !1,
-        class: "uog:hocus-visible:bg-white uog:hocus-visible:text-white-contrast"
       }
     ]
-  }), c = b(g({ color: l, outlined: s, disabled: e }), t);
-  return /* @__PURE__ */ a(i, { className: `uofg-button ${c}`, disabled: e, ...r, children: u });
+  }), g = b(i({ color: l, outlined: s, disabled: o }), t);
+  return /* @__PURE__ */ a(c, { className: `uofg-button ${g}`, disabled: o, ...r, children: u });
 }
 f.displayName = "Button";
 export {

package/dist/card-content.js

@@ -5,7 +5,7 @@ import { tv as n } from "tailwind-variants";
 import { CardContext as u } from "./card-context.js";
 function a({ children: t, className: r }) {
   const o = s(u), e = n({
-    base: "uog:flex uog:flex-col uog:gap-2 uog:bg-light-grey-bg uog:p-5 uog:text-light-grey-contrast",
+    base: "uog:flex uog:flex-col uog:gap-2 uog:bg-grey-light-bg uog:p-5 uog:text-grey-light-contrast",
     variants: {
       isLink: {
         true: "uog:transition-colors uog:group-hocus-visible:bg-yellow uog:group-hocus-visible:text-yellow-contrast"

package/dist/card-footer.js

@@ -5,7 +5,7 @@ import { tv as n } from "tailwind-variants";
 import { CardContext as s } from "./card-context.js";
 function u({ children: r, className: t }) {
   const o = g(s), e = n({
-    base: "uog:flex uog:gap-2 uog:bg-light-grey uog:px-5 uog:py-2 uog:text-light-grey-contrast uog:transition-colors",
+    base: "uog:flex uog:gap-2 uog:bg-grey-light uog:px-5 uog:py-2 uog:text-grey-light-contrast uog:transition-colors",
     variants: {
       centered: {
         true: "uog:justify-center"

package/dist/carousel.js

@@ -1,42 +1,42 @@
 import { jsxs as g, jsx as u } from "react/jsx-runtime";
-import { b as j, c as I } from "./solid-DM6GVhkF.js";
+import { b as k, c as I } from "./solid-DM6GVhkF.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";
 import { l as q, b as M, m as w, c as R } from "./math-utils-BwzyIQRL.js";
-const z = (l, m, e) => {
-  const n = l.scrollLeft, s = performance.now();
+const z = (c, m, e) => {
+  const n = c.scrollLeft, s = performance.now();
   return new Promise((r) => {
     const a = (o) => {
       const f = o - s, i = M(Math.min(f / e, 1), 0.25, 0, 0.25, 1);
-      l.scrollLeft = q(n, m, i), f < e ? requestAnimationFrame(a) : r();
+      c.scrollLeft = q(n, m, i), f < e ? requestAnimationFrame(a) : r();
     };
     requestAnimationFrame(a);
   });
 };
-function H({ children: l, display: m = 1, loop: e = "none" }) {
-  const n = A.count(l), s = Math.max(m, 1), r = d(null), a = d(0), [o, f] = F(0), i = n - s, h = d(!1);
+function H({ children: c, display: m = 1, loop: e = "none" }) {
+  const n = A.count(c), s = Math.max(m, 1), r = d(null), a = d(0), [o, f] = F(0), i = n - s, h = d(!1);
   L(() => {
     var t;
     if (!r.current)
       return;
-    const c = ((t = r.current) == null ? void 0 : t.offsetWidth) / s;
-    (e === "jump" || e === "none") && (h.current = !0, z(r.current, c * o, 250).then(() => {
+    const l = ((t = r.current) == null ? void 0 : t.offsetWidth) / s;
+    (e === "jump" || e === "none") && (h.current = !0, z(r.current, l * o, 250).then(() => {
       h.current = !1;
     })), a.current = o;
   }, [o, e, i, s]);
-  const x = (c) => {
+  const x = (l) => {
     if (h.current) return;
     let t;
     switch (e) {
       case "none":
-        t = R(o + c, 0, i);
+        t = R(o + l, 0, i);
         break;
       case "jump":
-        t = w(o + c, i + 1);
+        t = w(o + l, i + 1);
         break;
       case "continuous":
-        t = w(o + c, n);
+        t = w(o + l, n);
         break;
       default:
         t = 0;
@@ -47,7 +47,7 @@ function H({ children: l, display: m = 1, loop: e = "none" }) {
       base: "uog:relative uog:flex uog:h-fit uog:min-h-[7rem] uog:w-full uog:flex-col-reverse",
       contentContainer: "uog:grid uog:w-full uog:flex-1 uog:grid-cols-[repeat(var(--items),calc(100%/var(--display)))] uog:overflow-x-hidden [&>*]:[grid-row:1]",
       controlContainer: "uog:md:contents uog:flex uog:h-16 uog:w-full uog:pt-8",
-      control: "uog:sm:text-6xl uog:md:absolute uog:flex uog:h-full uog:w-16 uog:flex-1 uog:items-center uog:justify-center uog:text-3xl uog:text-yellow uog:transition-[transform,color,opacity,visibility] uog:focus-visible:ring-2 uog:focus-visible:ring-offset-2 uog:focus-visible:outline-none uog:hocus-visible:text-black uog:focus-visible:text-black"
+      control: "uog:sm:text-6xl uog:md:absolute uog:flex uog:h-full uog:w-16 uog:flex-1 uog:items-center uog:justify-center uog:text-3xl uog:text-blue uog:transition-[transform,color,opacity,visibility] uog:focus-visible:ring-2 uog:focus-visible:ring-offset-2 uog:focus-visible:outline-none uog:hocus-visible:text-blue-focus"
     },
     variants: {
       showControls: {
@@ -67,9 +67,9 @@ function H({ children: l, display: m = 1, loop: e = "none" }) {
         }
       }
     }
-  }), b = n > s, { base: y, contentContainer: k, controlContainer: N, control: v } = C({ showControls: b });
+  }), b = n > s, { base: y, contentContainer: N, controlContainer: j, control: v } = C({ showControls: b });
   return /* @__PURE__ */ g("div", { className: y(), children: [
-    b && /* @__PURE__ */ g("div", { className: N(), children: [
+    b && /* @__PURE__ */ g("div", { className: j(), children: [
       /* @__PURE__ */ g(
         "button",
         {
@@ -77,7 +77,7 @@ function H({ children: l, display: m = 1, loop: e = "none" }) {
           className: v({ showControls: !(e === "none" && o === 0), direction: "left" }),
           children: [
             /* @__PURE__ */ u("span", { className: "uog:sr-only", children: "Shift left" }),
-            /* @__PURE__ */ u(p, { icon: j })
+            /* @__PURE__ */ u(p, { icon: k })
           ]
         }
       ),
@@ -96,14 +96,14 @@ function H({ children: l, display: m = 1, loop: e = "none" }) {
     /* @__PURE__ */ u(
       "div",
       {
-        className: k(),
+        className: N(),
         ref: r,
         style: {
           // Define CSS variables for the grid layout
           "--items": n,
           "--display": s
         },
-        children: l
+        children: c
       }
     )
   ] });

package/dist/checkbox.js

@@ -1,33 +1,29 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { e as p } from "./regular-BRNZck7j.js";
 import { FontAwesomeIcon as y } from "@fortawesome/react-fontawesome";
-import { Field as v, Checkbox as w, Label as N, Description as C } from "@headlessui/react";
+import { Field as w, Checkbox as v, Label as N, Description as C } from "@headlessui/react";
 import { useState as j } from "react";
 import { tv as F } from "tailwind-variants";
 function z({
-  checked: r = !1,
+  checked: g = !1,
   label: c,
-  description: g,
-  color: s = "red",
-  disabled: t = !1,
+  description: t,
+  color: r = "yellow",
+  disabled: s = !1,
   onChange: o,
   ...l
 }) {
-  const [a, b] = j(r), n = F({
+  const [a, n] = j(g), b = F({
     slots: {
       base: "uog:flex uog:flex-col uog:gap-0.5 uog:cursor-pointer",
       container: "uog:flex uog:items-center uog:gap-2",
       box: "uog:group uog:rounded uog:flex uog:size-4 uog:items-center uog:justify-center uog:border uog:bg-white uog:p-3 uog:transition-colors uog:focus-visible:ring-2 uog:focus-visible:ring-offset-2 uog:focus-visible:outline-none",
       check: "uog:h-5 uog:w-5 uog:opacity-0 uog:transition-opacity uog:group-ui-checked:opacity-100 uog:user-select-none",
       label: "uog:text-body-copy",
-      description: "uog:text-sm uog:text-dark-grey"
+      description: "uog:text-sm uog:text-grey-dark"
     },
     variants: {
       color: {
-        red: {
-          box: "uog:focus-visible:ring-red uog:ui-checked:bg-red",
-          check: "uog:text-red-contrast"
-        },
         yellow: {
           box: "uog:focus-visible:ring-yellow uog:ui-checked:bg-yellow",
           check: "uog:text-yellow-contrast"
@@ -40,14 +36,6 @@ function z({
           box: "uog:focus-visible:ring-green uog:ui-checked:bg-green",
           check: "uog:text-green-contrast"
         },
-        "light-grey": {
-          box: "uog:focus-visible:ring-light-grey uog:ui-checked:bg-light-grey",
-          check: "uog:text-light-grey-contrast"
-        },
-        "dark-grey": {
-          box: "uog:focus-visible:ring-dark-grey uog:ui-checked:bg-dark-grey",
-          check: "uog:text-dark-grey-contrast"
-        },
         black: {
           box: "uog:focus-visible:ring-black uog:ui-checked:bg-black",
           check: "uog:text-black-contrast"
@@ -60,37 +48,37 @@ function z({
       disabled: {
         true: {
           base: "uog:opacity-60",
-          label: "uog:text-dark-grey"
+          label: "uog:text-grey-dark"
         },
         false: {}
       }
     }
   }), {
     base: h,
-    container: d,
-    box: k,
-    check: x,
-    label: f,
+    container: x,
+    box: f,
+    check: k,
+    label: d,
     description: m
-  } = n({ color: s, disabled: t });
-  return /* @__PURE__ */ u(v, { className: h(), children: [
-    /* @__PURE__ */ u("div", { className: d(), children: [
+  } = b({ color: r, disabled: s });
+  return /* @__PURE__ */ i(w, { className: h(), children: [
+    /* @__PURE__ */ i("div", { className: x(), children: [
       /* @__PURE__ */ e(
-        w,
+        v,
         {
           checked: a,
-          onChange: (i) => {
-            b(i), o == null || o(i);
+          onChange: (u) => {
+            n(u), o == null || o(u);
           },
-          disabled: t,
-          className: k(),
+          disabled: s,
+          className: f(),
           ...l,
-          children: /* @__PURE__ */ e(y, { className: x(), icon: p })
+          children: /* @__PURE__ */ e(y, { className: k(), icon: p })
         }
       ),
-      c && /* @__PURE__ */ e(N, { className: f(), children: c })
+      c && /* @__PURE__ */ e(N, { className: d(), children: c })
     ] }),
-    g && /* @__PURE__ */ e(C, { className: m(), children: g })
+    t && /* @__PURE__ */ e(C, { className: m(), children: t })
   ] });
 }
 z.displayName = "Checkbox";

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

@@ -7,7 +7,7 @@ export type AlertTitleProps = PropsWithChildren<{
      *
      * @default 'red'
      */
-    color?: 'red' | 'yellow' | 'blue' | 'green' | 'light-grey' | 'dark-grey' | 'black' | 'white';
+    color?: 'red' | 'yellow' | 'blue' | 'green' | 'grey-light' | 'grey-dark' | 'black' | 'white';
 }>;
 /** The AlertTitle component is used to display the title of an alert. */
 export declare function AlertTitle({ color, className, children }: AlertTitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/blockquote/blockquote-author.d.ts

@@ -0,0 +1,7 @@
+export type BlockquoteAuthorProps = {
+    /** The author of the blockquote. */
+    name: string;
+    /** The title of the author. */
+    title?: string;
+};
+export declare function BlockquoteAuthor({ name, title }: BlockquoteAuthorProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+export type BlockquoteContentProps = PropsWithChildren<{
+    /** Additional classes to apply to the blockquote */
+    className?: string;
+}>;
+/** The Blockquote component is used to highlight a quote or excerpt from another source. */
+export declare function BlockquoteContent({ className, children }: BlockquoteContentProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BlockquoteContent {
+    var displayName: string;
+}

package/dist/components/blockquote/blockquote-context.d.ts

@@ -0,0 +1,5 @@
+import { BlockquoteProps } from './blockquote';
+export type BlockquoteContextValue = {
+    color: BlockquoteProps['color'];
+};
+export declare const BlockquoteContext: import('react').Context<BlockquoteContextValue | null>;

package/dist/components/blockquote/blockquote.d.ts

@@ -7,10 +7,12 @@ export type BlockquoteProps = PropsWithChildren<{
      *
      * @default 'yellow'
      */
-    color?: 'yellow' | 'red' | 'blue';
+    color?: 'yellow' | 'blue';
 }>;
 /** The Blockquote component is used to highlight a quote or excerpt from another source. */
 export declare function Blockquote({ className, children, color }: BlockquoteProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Blockquote {
     var displayName: string;
 }
+export { BlockquoteAuthor } from './blockquote-author';
+export { BlockquoteContent } from './blockquote-content';

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

@@ -12,7 +12,7 @@ type ButtonPropsBase = {
      *
      * @default 'red'
      */
-    color?: 'red' | 'yellow' | 'blue' | 'green' | 'light-grey' | 'dark-grey' | 'black' | 'white';
+    color?: 'red' | 'yellow' | 'blue' | 'green' | 'black';
     /**
      * Whether the button should be outlined
      *
@@ -30,7 +30,7 @@ type ButtonPropsBase = {
 };
 export type ButtonProps<T extends ButtonElementType = typeof defaultElement> = PropsWithChildren<ButtonPropsAs<T> & ComponentPropsWithoutRef<T> & ButtonPropsBase>;
 /**
- * The Button component is a interactive component designed to capture user actions (such as submitting forms). It can
+ * The Button component is an interactive component designed to capture user actions (such as submitting forms). It can
  * also function as a link to another page or resource.
  */
 export declare function Button<T extends ButtonElementType = typeof defaultElement>({ as, color, outlined, children, className, disabled, ...rest }: ButtonProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/checkbox/checkbox.d.ts

@@ -13,9 +13,9 @@ export type CheckboxProps = {
     /**
      * The color of the checkbox
      *
-     * @default 'red'
+     * @default 'yellow'
      */
-    color?: 'red' | 'yellow' | 'blue' | 'green' | 'light-grey' | 'dark-grey' | 'black' | 'white';
+    color?: 'yellow' | 'blue' | 'green' | 'black' | 'white';
     /**
      * Whether the checkbox is disabled
      *