@scrippsproduct/networks-ui-library 1.1.0-alpha.0 → 1.1.0-alpha.2

package/dist/components/NavList/NavList.js

@@ -1,33 +1,69 @@
-import { jsxs as m, jsx as e, Fragment as c } from "react/jsx-runtime";
-import "react";
-import { slugify as h } from "../../utils/helpers.js";
+import { jsxs as t, jsx as r, Fragment as d } from "react/jsx-runtime";
+import { slugify as l } from "../../utils/helpers.js";
 import { AnchorTag as o } from "../AnchorTag/AnchorTag.js";
-import '../../assets/NavList.css';const t = {
+import '../../assets/NavList.css';const _ = {
   "nav-list": "_nav-list_37is6_1",
   "nav-list__item": "_nav-list__item_37is6_7"
-}, _ = ({ links: r = [], classname: s = "", toggleHandler: l = null }) => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("ul", { className: [`${s}__nav-list`, t["nav-list"]].join(" "), children: r.map((a) => /* @__PURE__ */ e("li", { className: [`${s}__nav-item`, t["nav-list__item"]].join(" "), children: /* @__PURE__ */ e(
+}, c = ({
+  links: e = [],
+  classname: s = "",
+  toggleHandler: i = null
+}) => /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r("ul", { className: [`${s}__nav-list`, _["nav-list"]].join(" "), children: e.map((a) => /* @__PURE__ */ r("li", { className: [`${s}__nav-item`, _["nav-list__item"]].join(" "), children: /* @__PURE__ */ r(
   o,
   {
-    label: a.label,
-    href: a.href,
-    type: a.type,
     classname: `${s}__nav-link ${a != null && a.classname ? `${a.classname}` : ""}`,
+    clickHandler: i,
+    href: a.href,
     image: a != null && a.image ? a.image : null,
-    clickHandler: l
+    label: a.label,
+    type: a.type
   }
 ) }, `${s}-${Math.round(Math.random() * 1e7)}`)) }) });
-function $({ title: r = "", links: s = [], classname: l = "", useNavWrapper: a = !1, toggleHandler: i = null }) {
-  const n = h(r);
-  if (a) return /* @__PURE__ */ m("nav", { "aria-labelledby": r !== "" ? n : null, className: l, children: [
-    r !== "" && /* @__PURE__ */ e("h2", { id: r !== "" ? n : null, className: "h4", children: r }),
-    /* @__PURE__ */ e(_, { links: s, classname: l, toggleHandler: i })
-  ] });
-  if (!a) return /* @__PURE__ */ m("div", { className: l, children: [
-    r !== "" && /* @__PURE__ */ e("h2", { id: r !== "" ? n : null, className: "h4", children: r }),
-    /* @__PURE__ */ e(_, { links: s, classname: l, toggleHandler: i })
+function f({
+  title: e = "",
+  links: s = [],
+  classname: i = "",
+  useNavWrapper: a = !1,
+  toggleHandler: n = null
+}) {
+  const m = l(e);
+  return a ? /* @__PURE__ */ t(
+    "nav",
+    {
+      "aria-labelledby": e !== "" ? m : "",
+      className: i,
+      children: [
+        e !== "" && /* @__PURE__ */ r(
+          "h2",
+          {
+            className: "h4",
+            id: e !== "" ? m : void 0,
+            children: e
+          }
+        ),
+        /* @__PURE__ */ r(c, { classname: i, links: s, toggleHandler: n })
+      ]
+    }
+  ) : /* @__PURE__ */ t("div", { className: i, children: [
+    e !== "" && /* @__PURE__ */ r(
+      "h2",
+      {
+        className: "h4",
+        id: e !== "" ? m : void 0,
+        children: e
+      }
+    ),
+    /* @__PURE__ */ r(
+      c,
+      {
+        classname: i,
+        links: s,
+        toggleHandler: n
+      }
+    )
   ] });
 }
 export {
-  $ as NavList,
-  $ as default
+  f as NavList,
+  f as default
 };

package/dist/components/NavList/index.d.ts

@@ -1 +1,2 @@
-export { NavList, NavList as default } from './NavList';
+export { NavList } from './NavList';
+export { NavList as default } from './NavList';

package/dist/components/Overlay/Overlay.d.ts

@@ -1,6 +1,6 @@
-import { default as React } from 'react';
-export function Overlay({ appendToElement, state }: {
-    appendToElement: any;
-    state?: string | undefined;
-}): React.ReactPortal;
+type OverlayProps = {
+    appendToElement?: HTMLElement | undefined;
+    state?: 'entering' | 'entered' | 'exiting' | 'exited';
+};
+export declare function Overlay({ appendToElement, state, }: OverlayProps): JSX.Element;
 export default Overlay;

package/dist/components/Overlay/Overlay.js

@@ -1,14 +1,17 @@
-import { jsx as l, Fragment as n } from "react/jsx-runtime";
+import { jsx as n, Fragment as l } from "react/jsx-runtime";
 import { useEffect as s } from "react";
 import { r as i } from "../../index-C-kn9Zhn.mjs";
 import '../../assets/Overlay.css';const v = "_overlay_itsaf_1", d = {
   overlay: v
 };
-function p({ appendToElement: r, state: o = "entering" }) {
+function p({
+  appendToElement: r,
+  state: o = "entering"
+}) {
   (() => {
     if (!document.querySelector("#overlay")) {
       const t = document.createElement("div");
-      t.setAttribute("id", "overlay"), t.setAttribute("class", `${d.overlay} overlay`), t.setAttribute("data-state", "entering"), r !== null ? r.append(t) : document.body.appendChild(t);
+      t.setAttribute("id", "overlay"), t.setAttribute("class", `${d.overlay} overlay`), t.setAttribute("data-state", "entering"), r ? r.append(t) : document.body.appendChild(t);
     }
   })();
   const a = setInterval(() => {
@@ -22,12 +25,12 @@ function p({ appendToElement: r, state: o = "entering" }) {
       };
       clearInterval(a), e.addEventListener("click", t);
     }
-  });
+  }, 100);
   return s(() => {
     var e;
     (e = document.querySelector("#overlay")) == null || e.setAttribute("data-state", o);
   }, [o]), i.createPortal(
-    /* @__PURE__ */ l(n, {}),
+    /* @__PURE__ */ n(l, {}),
     document.getElementById("overlay")
   );
 }

package/dist/components/PageHero/PageHero.d.ts

@@ -1,6 +1,7 @@
-export function PageHero({ layoutComponent, layoutProps, children }: {
-    layoutComponent?: string | undefined;
-    layoutProps?: {} | undefined;
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
+type PageHeroProps = {
+    layoutComponent?: string;
+    layoutProps?: Record<string, unknown>;
+    children?: React.ReactNode;
+};
+export declare function PageHero({ layoutComponent, layoutProps, children, }: PageHeroProps): JSX.Element;
 export default PageHero;

package/dist/components/PageHero/PageHero.js

@@ -1,19 +1,32 @@
-import { jsx as a, jsxs as m } from "react/jsx-runtime";
-import { useState as f, useEffect as i } from "react";
-import { classes as l } from "../../utils/helpers.js";
-import { pageHeroLayoutsMap as p } from "../../settings.js";
-import { s as u } from "../../PageHero.module-BdV8z_Xv.mjs";
-function x({ layoutComponent: e = "", layoutProps: s = {}, children: o }) {
-  const [r, t] = f(null);
-  return i(() => {
-    t(p.get(e));
-  }, [e]), /* @__PURE__ */ a("section", { className: l([u["page-hero"], "page-hero"]), children: r !== null && /* @__PURE__ */ m(r, { ...s, children: [
-    " ",
-    o,
-    " "
-  ] }) });
+import { jsxs as s, jsx as a, Fragment as m } from "react/jsx-runtime";
+import { useState as p, useEffect as g } from "react";
+import { classes as i } from "../../utils/helpers.js";
+import { pageHeroLayoutsMap as l } from "../../settings.js";
+import { l as f } from "../../logger-C0N7U0YY.mjs";
+import { s as c } from "../../PageHero.module-BM0IV1P5.mjs";
+f.setComponent("PageHero");
+function w({
+  layoutComponent: r = "",
+  layoutProps: u = {},
+  children: o
+}) {
+  const [e, n] = p(null);
+  return g(() => {
+    n(() => {
+      const t = l.get(r);
+      return t || f.warn(`No layout found for PageHero layoutComponent: ${r}`), t;
+    });
+  }, [r]), /* @__PURE__ */ s("section", { className: i([c["page-hero"], "page-hero"]), children: [
+    e && /* @__PURE__ */ s(e, { ...u, children: [
+      " ",
+      o,
+      " "
+    ] }),
+    !e && o && /* @__PURE__ */ a(m, { children: o }),
+    !e && !o && /* @__PURE__ */ a(m, {})
+  ] });
 }
 export {
-  x as PageHero,
-  x as default
+  w as PageHero,
+  w as default
 };

package/dist/components/PageHero/index.d.ts

@@ -1 +1,2 @@
-export { PageHero, PageHero as default } from './PageHero';
+export { PageHero } from './PageHero';
+export { PageHero as default } from './PageHero';

package/dist/components/PageHero/page-hero-layouts/ContentHero/ContentHero.d.ts

@@ -1,14 +1,3 @@
-export function ContentHero({ fullSizeImage, mobileImage, fullSizeImagePosition, mobileImagePosition, children, }: {
-    fullSizeImage: any;
-    mobileImage?: {
-        url: string;
-        dimensions: {
-            width: number;
-            height: number;
-        };
-    } | undefined;
-    fullSizeImagePosition?: number[] | undefined;
-    mobileImagePosition?: number[] | undefined;
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
+import { PageHeroImageProps } from '../page-hero';
+export declare function ContentHero({ fullSizeImage, mobileImage, fullSizeImagePosition, mobileImagePosition, children, }: PageHeroImageProps): JSX.Element;
 export default ContentHero;

package/dist/components/PageHero/page-hero-layouts/ContentHero/ContentHero.js

@@ -1,11 +1,11 @@
 import { jsxs as h, jsx as s } from "react/jsx-runtime";
 import { ResponsiveImage as p } from "../../../ResponsiveImage/ResponsiveImage.js";
-import { classes as u } from "../../../../utils/helpers.js";
-import { s as t } from "../../../../PageHero.module-BdV8z_Xv.mjs";
-import '../../../../assets/ContentHero.css';const k = "_hero__content_av6wz_1", v = {
-  hero__content: k
+import { classes as k } from "../../../../utils/helpers.js";
+import { s as t } from "../../../../PageHero.module-BM0IV1P5.mjs";
+import '../../../../assets/ContentHero.css';const u = "_hero__content_1ktxq_1", x = {
+  hero__content: u
 };
-function N({
+function a({
   fullSizeImage: n,
   mobileImage: _ = {
     url: "",
@@ -27,14 +27,21 @@ function N({
         "--mobile-background-image-position": `${(c == null ? void 0 : c[0]) ?? "50"}% ${(c == null ? void 0 : c[1]) ?? "50"}%`
       },
       children: [
-        _.url !== "" && /* @__PURE__ */ s("picture", { className: t["mobile-background-image"], children: /* @__PURE__ */ s("img", { src: _.url, alt: "" }) }),
-        /* @__PURE__ */ s(p, { fullSizeUrl: n.url, sources: n.sources, classname: t["background-image"] }),
-        /* @__PURE__ */ s("div", { className: u([v.hero__content, "hero__content"]), children: d })
+        _.url !== "" && /* @__PURE__ */ s("picture", { className: t["mobile-background-image"], children: /* @__PURE__ */ s("img", { alt: "", src: _.url }) }),
+        /* @__PURE__ */ s(
+          p,
+          {
+            classname: t["background-image"],
+            fullSizeUrl: n.url,
+            sources: n.sources
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: k([x.hero__content, "hero__content"]), children: d })
       ]
     }
   );
 }
 export {
-  N as ContentHero,
-  N as default
+  a as ContentHero,
+  a as default
 };

package/dist/components/PageHero/page-hero-layouts/ContentHero/index.d.ts

@@ -1 +1,2 @@
-export { ContentHero, ContentHero as default } from './ContentHero';
+export { ContentHero } from './ContentHero';
+export { ContentHero as default } from './ContentHero';

package/dist/components/PageHero/page-hero-layouts/IONShow/IONShowHero.d.ts

@@ -1,6 +1,8 @@
-export function IONShowHero({ show, SCHEDULE_ENDPOINT, NETWORK }: {
-    show: any;
-    SCHEDULE_ENDPOINT: any;
-    NETWORK: any;
-}): import("react/jsx-runtime").JSX.Element;
+import { Series } from '../../../../types';
+type IONShowHeroProps = {
+    show: Series;
+    SCHEDULE_ENDPOINT: string;
+    NETWORK: string;
+};
+export declare function IONShowHero({ show, SCHEDULE_ENDPOINT, NETWORK, }: IONShowHeroProps): JSX.Element;
 export default IONShowHero;

package/dist/components/PageHero/page-hero-layouts/IONShow/IONShowHero.js

@@ -1,12 +1,11 @@
-import { jsxs as a, jsx as r, Fragment as u } from "react/jsx-runtime";
-import "react";
-import { p as y } from "../../../../index-VjANCDXC.mjs";
-import { AirDateFormatter as h } from "../../../AirDateFormatter/AirDateFormatter.js";
-import { GetAirdateWrapper as x } from "../../../GetAirdateWrapper/GetAirdateWrapper.js";
-import { StringList as I } from "../../../StringList/StringList.js";
-import { ResponsiveImage as f } from "../../../ResponsiveImage/ResponsiveImage.js";
-import { classes as i } from "../../../../utils/helpers.js";
-import { s as n } from "../../../../PageHero.module-BdV8z_Xv.mjs";
+import { jsxs as n, jsx as r, Fragment as f } from "react/jsx-runtime";
+import { p as P } from "../../../../index-VjANCDXC.mjs";
+import { classes as a } from "../../../../utils/helpers.js";
+import { AirDateFormatter as N } from "../../../AirDateFormatter/AirDateFormatter.js";
+import { GetAirdateWrapper as v } from "../../../GetAirdateWrapper/GetAirdateWrapper.js";
+import { StringList as $ } from "../../../StringList/StringList.js";
+import { ResponsiveImage as M } from "../../../ResponsiveImage/ResponsiveImage.js";
+import { s as i } from "../../../../PageHero.module-BM0IV1P5.mjs";
 import '../../../../assets/IONShowHero.css';const t = {
   "hero-content": "_hero-content_1ygkx_1",
   "hero-content--right": "_hero-content--right_1ygkx_8",
@@ -16,49 +15,116 @@ import '../../../../assets/IONShowHero.css';const t = {
   "show-hero--display": "_show-hero--display_1ygkx_40",
   "display-none": "_display-none_1ygkx_45"
 };
-function U({ show: e, SCHEDULE_ENDPOINT: s, NETWORK: b }) {
-  var o, l, m, _, g, p, c, d;
-  return /* @__PURE__ */ a(
+function D({
+  show: e,
+  SCHEDULE_ENDPOINT: k,
+  NETWORK: h
+}) {
+  var o, l, m, g, _, p, c, d, s, b, u, y, x, I;
+  return /* @__PURE__ */ n(
     "div",
     {
-      className: n.hero,
+      className: i.hero,
       style: {
         "--background-image-position": `${((o = e == null ? void 0 : e.bannerImagePosition) == null ? void 0 : o[0]) ?? "50"}% ${((l = e == null ? void 0 : e.bannerImagePosition) == null ? void 0 : l[1]) ?? "50"}%`,
-        "--mobile-background-image-position": `${((m = e == null ? void 0 : e.bannerMobileImagePosition) == null ? void 0 : m[0]) ?? "50"}% ${((_ = e == null ? void 0 : e.bannerMobileImagePosition) == null ? void 0 : _[1]) ?? "50"}%`
+        "--mobile-background-image-position": `${((m = e == null ? void 0 : e.bannerMobileImagePosition) == null ? void 0 : m[0]) ?? "50"}% ${((g = e == null ? void 0 : e.bannerMobileImagePosition) == null ? void 0 : g[1]) ?? "50"}%`
       },
       children: [
-        e.bannerMobileImage.url !== "" && /* @__PURE__ */ r("picture", { className: n["mobile-background-image"], children: /* @__PURE__ */ r("img", { src: e.bannerMobileImage.url, alt: "" }) }),
-        /* @__PURE__ */ r(f, { fullSizeUrl: e.bannerImage.url, sources: e.bannerImage.sources, classname: n["background-image"] }),
-        /* @__PURE__ */ a("div", { className: i([t["hero-content"], "show-hero__content", e.heroContentAlignment === "right" ? [t["hero-content--right"], "show-hero__content--right"] : null]), children: [
-          (p = (g = e.logoImage) == null ? void 0 : g.image) != null && p.publicUrl ? /* @__PURE__ */ a(u, { children: [
-            /* @__PURE__ */ r("div", { className: i(["show-hero__logo-wrapper", t["show-hero--display"], t["show-hero__logo-wrapper"]]), children: /* @__PURE__ */ r("img", { src: (d = (c = e.logoImage) == null ? void 0 : c.image) == null ? void 0 : d.publicUrl, alt: e.title }) }),
-            /* @__PURE__ */ r("h1", { className: i([t["display-none"], t["hero-content__show-title"]]), children: e.title })
-          ] }) : /* @__PURE__ */ r("h1", { className: i([t["hero-content__show-title"], "h1", "show-hero__show-title"]), children: y(e.title) }),
-          /* @__PURE__ */ a("div", { className: i([t["hero-content__airdate"], "show-hero__airdate"]), children: [
-            (e == null ? void 0 : e.nextProgram) && /* @__PURE__ */ r(
-              I,
-              {
-                list: [/* @__PURE__ */ r(h, { airdateStr: e.nextProgram.airdate, separatorType: "pipe" }), `${e.nextProgram.episode.number}: ${e.nextProgram.episode.title}`],
-                separatorType: "pipe"
-              }
-            ),
-            !(e != null && e.nextProgram) && /* @__PURE__ */ r(
-              x,
-              {
-                programId: e.seriesPrefix,
-                includeEpisode: !0,
-                separatorType: "pipe",
-                SCHEDULE_ENDPOINT: s,
-                NETWORK: b
-              }
-            )
-          ] })
+        e.bannerMobileImage !== void 0 && ((_ = e.bannerMobileImage) == null ? void 0 : _.url) !== "" && /* @__PURE__ */ r("picture", { className: i["mobile-background-image"], children: /* @__PURE__ */ r(
+          "img",
+          {
+            alt: "",
+            src: e == null ? void 0 : e.bannerMobileImage.url
+          }
+        ) }),
+        e.bannerImage !== void 0 && e.bannerImage.url !== "" && /* @__PURE__ */ n(f, { children: [
+          /* @__PURE__ */ r(
+            M,
+            {
+              classname: i["background-image"],
+              fullSizeUrl: (p = e.bannerImage) == null ? void 0 : p.url,
+              sources: e.bannerImage.sources
+            }
+          ),
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: a([
+                t["hero-content"],
+                "show-hero__content",
+                e.heroContentAlignment === "right" ? [t["hero-content--right"], "show-hero__content--right"] : null
+              ]),
+              children: [
+                (d = (c = e.logoImage) == null ? void 0 : c.image) != null && d.publicUrl ? /* @__PURE__ */ n(f, { children: [
+                  /* @__PURE__ */ r(
+                    "div",
+                    {
+                      className: a([
+                        "show-hero__logo-wrapper",
+                        t["show-hero--display"],
+                        t["show-hero__logo-wrapper"]
+                      ]),
+                      children: /* @__PURE__ */ r(
+                        "img",
+                        {
+                          alt: e.title,
+                          src: (b = (s = e.logoImage) == null ? void 0 : s.image) == null ? void 0 : b.publicUrl
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ r(
+                    "h1",
+                    {
+                      className: a([
+                        t["display-none"],
+                        t["hero-content__show-title"]
+                      ]),
+                      children: e.title
+                    }
+                  )
+                ] }) : /* @__PURE__ */ r(
+                  "h1",
+                  {
+                    className: a([
+                      t["hero-content__show-title"],
+                      "h1",
+                      "show-hero__show-title"
+                    ]),
+                    children: P(e.title)
+                  }
+                ),
+                /* @__PURE__ */ n("div", { className: a([t["hero-content__airdate"], "show-hero__airdate"]), children: [
+                  (e == null ? void 0 : e.nextProgram) && /* @__PURE__ */ r(
+                    $,
+                    {
+                      list: [
+                        /* @__PURE__ */ r(N, { airdateStr: e.nextProgram.airdate, separatorType: "pipe" }),
+                        `${(y = (u = e.nextProgram) == null ? void 0 : u.episode) == null ? void 0 : y.number}: ${(I = (x = e.nextProgram) == null ? void 0 : x.episode) == null ? void 0 : I.title}`
+                      ],
+                      separatorType: "pipe"
+                    }
+                  ),
+                  !(e != null && e.nextProgram) && /* @__PURE__ */ r(
+                    v,
+                    {
+                      includeEpisode: !0,
+                      NETWORK: h,
+                      SCHEDULE_ENDPOINT: k,
+                      programId: e.seriesPrefix,
+                      separatorType: "pipe"
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
         ] })
       ]
     }
   );
 }
 export {
-  U as IONShowHero,
-  U as default
+  D as IONShowHero,
+  D as default
 };

package/dist/components/PageHero/page-hero-layouts/IONShow/index.d.ts

@@ -1 +1,2 @@
-export { IONShowHero, IONShowHero as default } from './IONShowHero';
+export { IONShowHero } from './IONShowHero';
+export { IONShowHero as default } from './IONShowHero';

package/dist/components/PageHero/page-hero-layouts/ImageOnly/ImageOnlyHero.d.ts

@@ -1,13 +1,3 @@
-export function ImageOnlyHero({ fullSizeImage, mobileImage, fullSizeImagePosition, mobileImagePosition, }: {
-    fullSizeImage: any;
-    mobileImage?: {
-        url: string;
-        dimensions: {
-            width: number;
-            height: number;
-        };
-    } | undefined;
-    fullSizeImagePosition?: number[] | undefined;
-    mobileImagePosition?: number[] | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+import { PageHeroImageProps } from '../page-hero';
+export declare function ImageOnlyHero({ fullSizeImage, mobileImage, fullSizeImagePosition, mobileImagePosition, }: PageHeroImageProps): JSX.Element;
 export default ImageOnlyHero;

package/dist/components/PageHero/page-hero-layouts/ImageOnly/ImageOnlyHero.js

@@ -1,8 +1,7 @@
 import { jsxs as u, jsx as d } from "react/jsx-runtime";
-import "react";
 import { ResponsiveImage as k } from "../../../ResponsiveImage/ResponsiveImage.js";
-import { s as p } from "../../../../PageHero.module-BdV8z_Xv.mjs";
-function v({
+import { s as p } from "../../../../PageHero.module-BM0IV1P5.mjs";
+function j({
   fullSizeImage: s,
   mobileImage: h = {
     url: "",
@@ -23,13 +22,20 @@ function v({
         "--mobile-background-image-position": `${(c == null ? void 0 : c[0]) ?? "50"}% ${(c == null ? void 0 : c[1]) ?? "50"}%`
       },
       children: [
-        h.url !== "" && /* @__PURE__ */ d("picture", { className: p["mobile-background-image"], children: /* @__PURE__ */ d("img", { src: h.url, alt: "" }) }),
-        /* @__PURE__ */ d(k, { fullSizeUrl: s.url, sources: s.sources, classname: p["background-image"] })
+        h.url !== "" && /* @__PURE__ */ d("picture", { className: p["mobile-background-image"], children: /* @__PURE__ */ d("img", { alt: "", src: h.url }) }),
+        /* @__PURE__ */ d(
+          k,
+          {
+            classname: p["background-image"],
+            fullSizeUrl: s.url,
+            sources: s.sources
+          }
+        )
       ]
     }
   );
 }
 export {
-  v as ImageOnlyHero,
-  v as default
+  j as ImageOnlyHero,
+  j as default
 };

package/dist/components/PageHero/page-hero-layouts/ImageOnly/index.d.ts

@@ -1 +1,2 @@
-export { ImageOnlyHero, ImageOnlyHero as default } from './ImageOnlyHero';
+export { ImageOnlyHero } from './ImageOnlyHero';
+export { ImageOnlyHero as default } from './ImageOnlyHero';

package/dist/components/PageHero/page-hero-layouts/page-hero.d.js

@@ -0,0 +1 @@
+

package/dist/components/ProgramAirdate/ProgramAirdate.d.ts

@@ -1,11 +1,15 @@
-export function ProgramAirdate({ brand, program, type, buttonStyle, logoStyle, useLogo, useSeriesColors, href }: {
-    brand?: string | undefined;
-    program: any;
-    type?: string | undefined;
-    buttonStyle?: string | undefined;
-    logoStyle?: string | undefined;
-    useLogo?: boolean | undefined;
-    useSeriesColors?: boolean | undefined;
-    href?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+import { Program } from '../../types.d.ts';
+export type ProgramAirdateProps = {
+    brand?: string;
+    program: Program;
+    type?: 'on-now' | 'on-tomorrow' | 'upcoming';
+    buttonStyle?: 'flat' | 'gradient';
+    logoStyle?: 'gradient' | string;
+    useLogo?: boolean;
+    useSeriesColors?: boolean;
+    href?: string;
+};
+export declare function ProgramAirdate({ brand, program, type, buttonStyle, // flat or gradient
+logoStyle, // gradient or anything else that's not gradient
+useLogo, useSeriesColors, href, }: ProgramAirdateProps): JSX.Element;
 export default ProgramAirdate;