@uoguelph/react-components 1.4.0 → 1.4.1-rc.0

package/dist/components/hero/hero.d.ts

@@ -35,7 +35,7 @@ export type HeroProps<T extends HeroElementType = typeof defaultElement> = Props
     alignment?: 'left' | 'center' | 'right' | 'fullWidth';
 } & ComponentPropsWithoutRef<T>>;
 /** The Hero component is a layout component that displays a large image with accompanying content. */
-export declare function Hero<T extends HeroElementType = typeof defaultElement>({ as, variant, src, alt, width, height, alignment, children, ...rest }: HeroProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Hero<T extends HeroElementType = typeof defaultElement>({ as, variant, src, alt, width, height, alignment, children, className, ...rest }: HeroProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Hero {
     var displayName: string;
 }

package/dist/hero.js

@@ -1,25 +1,27 @@
 "use client";
-import { jsxs as x, jsx as e } from "react/jsx-runtime";
-import { tv as d } from "tailwind-variants";
-import { HeroCaption as k } from "./hero-caption.js";
-import { HeroContent as g } from "./hero-content.js";
-import { HeroContext as v } from "./hero-context.js";
-import { HeroLink as E } from "./hero-link.js";
-import { HeroTitle as L } from "./hero-title.js";
-import { HeroVideo as T } from "./hero-video.js";
-const u = "img";
-function H({
+import { jsxs as g, jsx as e } from "react/jsx-runtime";
+import { twMerge as d } from "tailwind-merge";
+import { tv as v } from "tailwind-variants";
+import { HeroCaption as I } from "./hero-caption.js";
+import { HeroContent as u } from "./hero-content.js";
+import { HeroContext as H } from "./hero-context.js";
+import { HeroLink as M } from "./hero-link.js";
+import { HeroTitle as T } from "./hero-title.js";
+import { HeroVideo as q } from "./hero-video.js";
+const b = "img";
+function w({
   as: r,
   variant: o = "basic",
   src: t,
-  alt: a,
-  width: i,
-  height: m,
+  alt: i,
+  width: m,
+  height: a,
   alignment: s,
   children: l,
-  ...c
+  className: c,
+  ...f
 }) {
-  const f = r ?? u, n = d({
+  const n = r ?? b, p = v({
     slots: {
       base: "relative flex w-full flex-col overflow-hidden",
       image: "aspect-[16/9] w-full object-cover md:aspect-[2.625]"
@@ -36,18 +38,18 @@ function H({
         }
       }
     }
-  }), { base: p, image: h } = n({ variant: o });
-  return /* @__PURE__ */ x("div", { className: `uofg-hero ${p()}`, children: [
-    /* @__PURE__ */ e(f, { ...c, src: t, alt: a, width: i, height: m, className: `uofg-hero-img ${h()}` }),
-    /* @__PURE__ */ e(v.Provider, { value: { variant: o }, children: /* @__PURE__ */ e(g, { alignment: s, children: l }) })
+  }), { base: h, image: x } = p({ variant: o });
+  return /* @__PURE__ */ g("div", { className: `uofg-hero ${d(h(), c)}`, children: [
+    /* @__PURE__ */ e(n, { ...f, src: t, alt: i, width: m, height: a, className: `uofg-hero-img ${x()}` }),
+    /* @__PURE__ */ e(H.Provider, { value: { variant: o }, children: /* @__PURE__ */ e(u, { alignment: s, children: l }) })
   ] });
 }
-H.displayName = "Hero";
+w.displayName = "Hero";
 export {
-  H as Hero,
-  k as HeroCaption,
-  g as HeroContent,
-  E as HeroLink,
-  L as HeroTitle,
-  T as HeroVideo
+  w as Hero,
+  I as HeroCaption,
+  u as HeroContent,
+  M as HeroLink,
+  T as HeroTitle,
+  q as HeroVideo
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uoguelph/react-components",
-  "version": "1.4.0",
+  "version": "1.4.1-rc.0",
   "description": "University of Guelph React Components Library",
   "type": "module",
   "scripts": {
@@ -76,5 +76,5 @@
   "bugs": {
     "url": "https://github.com/ccswbs/uofg-components/issues"
   },
-  "gitHead": "ce2ef021d35ca523de77ee3b869b5c599edd3f34"
+  "gitHead": "993ee71371c77b34040f9fd7f3b508b92a0993b0"
 }