@scrippsproduct/networks-ui-library 1.0.15

package/dist/components/NavList/NavList.js

@@ -0,0 +1,33 @@
+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 { AnchorTag as o } from "../AnchorTag/AnchorTag.js";
+import '../../assets/NavList.css';const t = {
+  "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(
+  o,
+  {
+    label: a.label,
+    href: a.href,
+    type: a.type,
+    classname: `${s}__nav-link ${a != null && a.classname ? `${a.classname}` : ""}`,
+    image: a != null && a.image ? a.image : null,
+    clickHandler: l
+  }
+) }, `${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 })
+  ] });
+}
+export {
+  $ as NavList,
+  $ as default
+};

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

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

package/dist/components/NavList/index.js

@@ -0,0 +1,5 @@
+import { NavList as s, NavList as e } from "./NavList.js";
+export {
+  s as NavList,
+  e as default
+};

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

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export function Overlay({ appendToElement, state }: {
+    appendToElement: any;
+    state?: string | undefined;
+}): React.ReactPortal;
+export default Overlay;

package/dist/components/Overlay/Overlay.js

@@ -0,0 +1,37 @@
+import { jsx as l, Fragment as n } from "react/jsx-runtime";
+import { useEffect as s } from "react";
+import { r as i } from "../../index-YbL9dKxh.mjs";
+import '../../assets/Overlay.css';const v = "_overlay_itsaf_1", d = {
+  overlay: v
+};
+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);
+    }
+  })();
+  const a = setInterval(() => {
+    const e = document.querySelector("#overlay");
+    if (e) {
+      const t = () => {
+        const c = new CustomEvent("scripps:overlay:closed");
+        document.dispatchEvent(c), e.setAttribute("data-state", "exiting"), setTimeout(() => {
+          e.remove();
+        }, 200);
+      };
+      clearInterval(a), e.addEventListener("click", t);
+    }
+  });
+  return s(() => {
+    var e;
+    (e = document.querySelector("#overlay")) == null || e.setAttribute("data-state", o);
+  }, [o]), i.createPortal(
+    /* @__PURE__ */ l(n, {}),
+    document.getElementById("overlay")
+  );
+}
+export {
+  p as Overlay,
+  p as default
+};

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

@@ -0,0 +1 @@
+export { Overlay, Overlay as default } from './Overlay';

package/dist/components/Overlay/index.js

@@ -0,0 +1,5 @@
+import { Overlay as r, Overlay as l } from "./Overlay.js";
+export {
+  r as Overlay,
+  l as default
+};

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

@@ -0,0 +1,6 @@
+export function PageHero({ layoutComponent, layoutProps, children }: {
+    layoutComponent?: string | undefined;
+    layoutProps?: {} | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default PageHero;

package/dist/components/PageHero/PageHero.js

@@ -0,0 +1,19 @@
+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,
+    " "
+  ] }) });
+}
+export {
+  x as PageHero,
+  x as default
+};

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

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

package/dist/components/PageHero/index.js

@@ -0,0 +1,5 @@
+import { PageHero as o, PageHero as r } from "./PageHero.js";
+export {
+  o as PageHero,
+  r as default
+};

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

@@ -0,0 +1,14 @@
+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;
+export default ContentHero;

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

@@ -0,0 +1,40 @@
+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
+};
+function N({
+  fullSizeImage: n,
+  mobileImage: _ = {
+    url: "",
+    dimensions: {
+      width: 0,
+      height: 0
+    }
+  },
+  fullSizeImagePosition: r = [50, 50],
+  mobileImagePosition: c = [50, 50],
+  children: d
+}) {
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      className: t.hero,
+      style: {
+        "--background-image-position": `${(r == null ? void 0 : r[0]) ?? "50"}% ${(r == null ? void 0 : r[1]) ?? "50"}%`,
+        "--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 })
+      ]
+    }
+  );
+}
+export {
+  N as ContentHero,
+  N as default
+};

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

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

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

@@ -0,0 +1,5 @@
+import { ContentHero as t, ContentHero as n } from "./ContentHero.js";
+export {
+  t as ContentHero,
+  n as default
+};

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

@@ -0,0 +1,6 @@
+export function IONShowHero({ show, SCHEDULE_ENDPOINT, NETWORK }: {
+    show: any;
+    SCHEDULE_ENDPOINT: any;
+    NETWORK: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default IONShowHero;

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

@@ -0,0 +1,64 @@
+import { jsxs as a, jsx as r, Fragment as u } from "react/jsx-runtime";
+import "react";
+import { p as y } from "../../../../index-DB0QlRo7.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 '../../../../assets/IONShowHero.css';const t = {
+  "hero-content": "_hero-content_1ygkx_1",
+  "hero-content--right": "_hero-content--right_1ygkx_8",
+  "show-hero__logo-wrapper": "_show-hero__logo-wrapper_1ygkx_14",
+  "hero-content__airdate": "_hero-content__airdate_1ygkx_19",
+  "hero-content__show-title": "_hero-content__show-title_1ygkx_23",
+  "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(
+    "div",
+    {
+      className: n.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"}%`
+      },
+      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
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  U as IONShowHero,
+  U as default
+};

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

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

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

@@ -0,0 +1,5 @@
+import { IONShowHero as r, IONShowHero as a } from "./IONShowHero.js";
+export {
+  r as IONShowHero,
+  a as default
+};

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

@@ -0,0 +1,13 @@
+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;
+export default ImageOnlyHero;

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

@@ -0,0 +1,35 @@
+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({
+  fullSizeImage: s,
+  mobileImage: h = {
+    url: "",
+    dimensions: {
+      width: 0,
+      height: 0
+    }
+  },
+  fullSizeImagePosition: r = [50, 50],
+  mobileImagePosition: c = [50, 50]
+}) {
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: p.hero,
+      style: {
+        "--background-image-position": `${(r == null ? void 0 : r[0]) ?? "50"}% ${(r == null ? void 0 : r[1]) ?? "50"}%`,
+        "--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"] })
+      ]
+    }
+  );
+}
+export {
+  v as ImageOnlyHero,
+  v as default
+};

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

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

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

@@ -0,0 +1,5 @@
+import { ImageOnlyHero as o, ImageOnlyHero as r } from "./ImageOnlyHero.js";
+export {
+  o as ImageOnlyHero,
+  r as default
+};

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

@@ -0,0 +1,3 @@
+export { default as IONShowHero } from './IONShow';
+export { default as ImageOnlyHero } from './ImageOnly';
+export { default as ContentHero } from './ContentHero';

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

@@ -0,0 +1,8 @@
+import { IONShowHero as e } from "./IONShow/IONShowHero.js";
+import { ImageOnlyHero as m } from "./ImageOnly/ImageOnlyHero.js";
+import { ContentHero as n } from "./ContentHero/ContentHero.js";
+export {
+  n as ContentHero,
+  e as IONShowHero,
+  m as ImageOnlyHero
+};

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

@@ -0,0 +1,11 @@
+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;
+export default ProgramAirdate;

package/dist/components/ProgramAirdate/ProgramAirdate.js

@@ -0,0 +1,151 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import "react";
+import { Concat as V } from "../Concat/Concat.js";
+import { CtaBlock as Q } from "../CtaBlock/CtaBlock.js";
+import { StringList as X } from "../StringList/StringList.js";
+import { p as R } from "../../index-DB0QlRo7.mjs";
+import { classes as d } from "../../utils/helpers.js";
+import { s as Y } from "../../sub-DTz41m8W.mjs";
+import { f as _ } from "../../format-DF9p-6BI.mjs";
+import '../../assets/ProgramAirdate.css';const i = {
+  "program-airdate": "_program-airdate_et1s5_1",
+  "program-airdate__descriptor": "_program-airdate__descriptor_et1s5_5",
+  "program-airdate__logo": "_program-airdate__logo_et1s5_11",
+  "program-airdate--missing-logo": "_program-airdate--missing-logo_et1s5_30"
+};
+function re({
+  brand: p = "",
+  program: e,
+  type: u = "on-now",
+  buttonStyle: c = "flat",
+  // flat or gradient
+  logoStyle: s = "gradient",
+  // gradient or anything else that's not gradient
+  useLogo: l = !0,
+  useSeriesColors: a = !0,
+  href: b = ""
+}) {
+  var v, y, $, k, C, N, g, w, E, H, F, G, M, x, B, I, P, T, j, A, D, W, q, z, J, K, O;
+  const m = /* @__PURE__ */ new Map([
+    ["on-now", "Now Playing on "],
+    ["on-tomorrow", "Playing Tomorrow on "],
+    ["upcoming", "Coming Soon on "]
+  ]), r = e != null && e.airdate ? new Date(e.airdate.replace(" ", "T")) : null, U = e != null && e.airdate ? Y(r, { hours: 1 }) : null, f = e != null && e.airdate ? r.getMinutes() === 0 ? "" : _(r, ":mm") : null, h = e != null && e.airdate ? `${_(r, "h")}${f}${Number.parseInt(_(r, "H"), 10) < 12 ? "a" : ""}/${_(U, "h")}${f}c` : "";
+  if ((e == null ? void 0 : e.program_class) === "Episode") {
+    let t;
+    return e.episode.season === null && e.episode.number === null ? t = null : e.episode.season === null || e.episode.number === null ? e.episode.season === null ? t = `E${e.episode.number}` : t = `S${e.episode.season}` : t = `S${e.episode.season} E${e.episode.number}`, /* @__PURE__ */ n(
+      "div",
+      {
+        className: d([i["program-airdate"], "program-airdate"]),
+        style: {
+          "--pa-logo-image": s === "gradient" && l ? `url("${($ = (y = (v = e.episode.series) == null ? void 0 : v.logo) == null ? void 0 : y.black) == null ? void 0 : $.url}")` : null,
+          "--pa-gradient": s === "gradient" && l ? `linear-gradient(to bottom, ${e.episode.series.primary_color} 0%, ${e.episode.series.secondary_color} 100%)` : null,
+          "--pa-logo-aspect-ratio": l && e.episode.series.logo ? e.episode.series.logo.aspect_ratio : null,
+          "--pa-color": e.episode.series.secondary_color
+        },
+        children: [
+          /* @__PURE__ */ n("div", { className: i["program-airdate__descriptor"], children: [
+            m.get(u),
+            p
+          ] }),
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: d([
+                i["program-airdate__logo"],
+                "program-airdate__logo",
+                (N = (C = (k = e.episode.series) == null ? void 0 : k.logo) == null ? void 0 : C.black) != null && N.url ? "" : i["program-airdate--missing-logo"]
+              ]),
+              "data-style": s,
+              style: {
+                maskImage: (E = (w = (g = e.episode.series) == null ? void 0 : g.logo) == null ? void 0 : w.black) != null && E.url && s === "gradient" && l ? `url('${(G = (F = (H = e.episode.series) == null ? void 0 : H.logo) == null ? void 0 : F.black) == null ? void 0 : G.url}')` : null,
+                WebkitMaskImage: (B = (x = (M = e.episode.series) == null ? void 0 : M.logo) == null ? void 0 : x.black) != null && B.url && s === "gradient" && l ? `url('${(T = (P = (I = e.episode.series) == null ? void 0 : I.logo) == null ? void 0 : P.black) == null ? void 0 : T.url}')` : null
+              },
+              children: [
+                (D = (A = (j = e.episode.series) == null ? void 0 : j.logo) == null ? void 0 : A.black) != null && D.url && l ? /* @__PURE__ */ o("span", { className: "sr-only", children: e.episode.series.name.replace(/<br\s*\/?>/i, " ") }) : /* @__PURE__ */ o("span", { children: R(e.episode.series.name) }),
+                s !== "gradient" && ((z = (q = (W = e.episode.series) == null ? void 0 : W.logo) == null ? void 0 : q.black) == null ? void 0 : z.url) && l && /* @__PURE__ */ o(
+                  "img",
+                  {
+                    className: d([i["program-airdate__logo-image"], "program-airdate__logo-image"]),
+                    src: (O = (K = (J = e.episode.series) == null ? void 0 : J.logo) == null ? void 0 : K.black) == null ? void 0 : O.url,
+                    alt: e.episode.series.name.replace(/<br\s*\/?>/i, " ")
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ o(
+            Q,
+            {
+              content: /* @__PURE__ */ o(V, { list: [
+                `<strong>${h}</strong><br/>`,
+                /* @__PURE__ */ o(X, { list: [t, e.episode.name], separatorType: "pipe" })
+              ] }),
+              type: "internal-link",
+              cta: {
+                label: "Full Schedule",
+                href: b
+              },
+              ctaButtonStyle: c,
+              btnGradientStartColor: c === "gradient" ? a ? e.episode.series.secondary_color : "var(--theme-color-400)" : "",
+              btnGradientEndColor: c === "gradient" ? a ? e.episode.series.primary_color : "var(--theme-color-300)" : "",
+              btnFlatColors: {
+                bgColor: a ? e.episode.series.primary_color : "var(--theme-color-400)",
+                // when ready use color function for hover colors: hsl(from var(--theme-color-400) h s calc(l + 0.1))
+                bgHoverColor: a ? e.episode.series.secondary_color : "var(--mono-color-300)",
+                color: "#fff",
+                hoverColor: "#fff",
+                borderColor: a ? e.episode.series.primary_color : "var(--theme-color-400)",
+                borderHoverColor: a ? e.episode.series.secondary_color : "var(--mono-color-300)"
+              }
+            }
+          )
+        ]
+      }
+    );
+  } else
+    return /* @__PURE__ */ n("div", { className: d([i["program-airdate"], "program-airdate"]), children: [
+      /* @__PURE__ */ n("div", { className: i["program-airdate__descriptor"], children: [
+        m.get(u),
+        p
+      ] }),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: d([
+            i["program-airdate__logo"],
+            "program-airdate__logo",
+            i["program-airdate--missing-logo"]
+          ]),
+          "data-style": s,
+          children: /* @__PURE__ */ o("span", { children: R(e.name) })
+        }
+      ),
+      /* @__PURE__ */ o(
+        Q,
+        {
+          content: `<strong>${h}</strong>`,
+          type: "internal-link",
+          cta: {
+            label: "Full Schedule",
+            href: b
+          },
+          ctaButtonStyle: c,
+          btnGradientStartColor: "",
+          btnGradientEndColor: "",
+          btnFlatColors: {
+            bgColor: e.primary_color,
+            bgHoverColor: e.secondary_color,
+            color: "#fff",
+            hoverColor: "#fff",
+            borderColor: e.primary_color,
+            borderHoverColor: e.secondary_color
+          }
+        }
+      )
+    ] });
+}
+export {
+  re as ProgramAirdate,
+  re as default
+};

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

@@ -0,0 +1 @@
+export { ProgramAirdate, ProgramAirdate as default } from './ProgramAirdate';

package/dist/components/ProgramAirdate/index.js

@@ -0,0 +1,5 @@
+import { ProgramAirdate as e, ProgramAirdate as o } from "./ProgramAirdate.js";
+export {
+  e as ProgramAirdate,
+  o as default
+};

package/dist/components/PromotionBlock/PromotionBlock.d.ts

@@ -0,0 +1,5 @@
+export function PromotionBlock({ image, promo }: {
+    image: any;
+    promo: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default PromotionBlock;

package/dist/components/PromotionBlock/PromotionBlock.js

@@ -0,0 +1,43 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { useRef as m, useEffect as l } from "react";
+import '../../assets/PromotionBlock.css';const o = {
+  "promo-image": "_promo-image_1nlw7_12",
+  "promo-image__text": "_promo-image__text_1nlw7_33",
+  "promo-copy": "_promo-copy_1nlw7_38",
+  "promo-image--animate": "_promo-image--animate_1nlw7_44",
+  "promo-copy--animate": "_promo-copy--animate_1nlw7_51",
+  "promo-copy__header": "_promo-copy__header_1nlw7_59",
+  "promo-copy__description": "_promo-copy__description_1nlw7_64",
+  "promo-copy__link": "_promo-copy__link_1nlw7_65"
+};
+function f({ image: a, promo: r }) {
+  const i = m(), n = m(), p = (t, _) => {
+    t.forEach((s) => {
+      s.isIntersecting && (i.current.classList.add(`${o["promo-copy--animate"]}`), n.current.classList.add(`${o["promo-image--animate"]}`), _.unobserve(n.current));
+    });
+  };
+  return l(() => {
+    const t = new IntersectionObserver(p, {
+      root: null,
+      rootMargin: "0px",
+      threshold: 0.1
+    });
+    return t.observe(n.current), () => {
+      t.disconnect();
+    };
+  }, []), /* @__PURE__ */ c("promotion-block", { children: [
+    /* @__PURE__ */ c("div", { className: o["promo-image"], ref: n, children: [
+      /* @__PURE__ */ e("span", { className: o["promo-image__text"], children: a.text }),
+      /* @__PURE__ */ e("promo-image", { children: /* @__PURE__ */ e("a", { href: r.href, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ e("img", { src: a.url, alt: a.altText }) }) })
+    ] }),
+    /* @__PURE__ */ c("div", { className: o["promo-copy"], ref: i, children: [
+      /* @__PURE__ */ e("h4", { className: o["promo-copy__header"], children: r.header }),
+      /* @__PURE__ */ e("p", { className: o["promo-copy__description"], children: r.description }),
+      /* @__PURE__ */ e("a", { className: o["promo-copy__link"], href: r.href, target: "_blank", rel: "noreferrer", children: r.linkText })
+    ] })
+  ] });
+}
+export {
+  f as PromotionBlock,
+  f as default
+};

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

@@ -0,0 +1 @@
+export { PromotionBlock, PromotionBlock as default } from './PromotionBlock';

package/dist/components/PromotionBlock/index.js

@@ -0,0 +1,5 @@
+import { PromotionBlock as t, PromotionBlock as l } from "./PromotionBlock.js";
+export {
+  t as PromotionBlock,
+  l as default
+};

package/dist/components/PromotionsRowBlock/PromotionsRowBlock.d.ts

@@ -0,0 +1,5 @@
+export function PromotionsRowBlock({ children, gap }: {
+    children: any;
+    gap?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default PromotionsRowBlock;

package/dist/components/PromotionsRowBlock/PromotionsRowBlock.js

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import { EqualSizeFlexRow as i } from "../EqualSizeFlexRow/EqualSizeFlexRow.js";
+function n({ children: r, gap: t = "1.5rem" }) {
+  return /* @__PURE__ */ o("promotions-row-block", { children: /* @__PURE__ */ o(i, { gap: t, children: r }) });
+}
+export {
+  n as PromotionsRowBlock,
+  n as default
+};

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

@@ -0,0 +1 @@
+export { PromotionsRowBlock, PromotionsRowBlock as default } from './PromotionsRowBlock';

package/dist/components/PromotionsRowBlock/index.js

@@ -0,0 +1,5 @@
+import { PromotionsRowBlock as t, PromotionsRowBlock as l } from "./PromotionsRowBlock.js";
+export {
+  t as PromotionsRowBlock,
+  l as default
+};

package/dist/components/PromotionsRowModule/PromotionsRowModule.d.ts

@@ -0,0 +1,6 @@
+export function PromotionsRowModule({ title, promos, handleClicks }: {
+    title?: string | undefined;
+    promos?: never[] | undefined;
+    handleClicks?: null | undefined;
+}): import("react/jsx-runtime").JSX.Element | undefined;
+export default PromotionsRowModule;