@scrippsproduct/networks-ui-library 1.0.23 → 1.1.0-alpha.1

package/dist/components/Overlay/Overlay.js

@@ -1,40 +1,37 @@
-import { jsx as c, Fragment as l } from "react/jsx-runtime";
-import { useEffect as n } from "react";
-import { r as i } from "../../index-DC7FmJPK.mjs";
-import '../../assets/Overlay.css';const d = "_overlay_itsaf_1", v = "_fade_itsaf_1", m = "_reveal_itsaf_1", u = "_hide_itsaf_1", y = {
-  overlay: d,
-  fade: v,
-  reveal: m,
-  hide: u
+import { jsx as l, Fragment as n } 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 h({ appendToElement: r, state: a = "entering" }) {
+function p({ appendToElement: r, state: o = "entering" }) {
   (() => {
     if (!document.querySelector("#overlay")) {
       const t = document.createElement("div");
-      t.setAttribute("id", "overlay"), t.setAttribute("class", `${y.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 !== null ? r.append(t) : document.body.appendChild(t);
     }
   })();
-  const o = setInterval(() => {
+  const a = setInterval(() => {
     const e = document.querySelector("#overlay");
     if (e) {
       const t = () => {
-        const s = new CustomEvent("scripps:overlay:closed");
-        document.dispatchEvent(s), e.setAttribute("data-state", "exiting"), setTimeout(() => {
+        const c = new CustomEvent("scripps:overlay:closed");
+        document.dispatchEvent(c), e.setAttribute("data-state", "exiting"), setTimeout(() => {
           e.remove();
         }, 200);
       };
-      clearInterval(o), e.addEventListener("click", t);
+      clearInterval(a), e.addEventListener("click", t);
     }
   });
-  return n(() => {
+  return s(() => {
     var e;
-    (e = document.querySelector("#overlay")) == null || e.setAttribute("data-state", a);
-  }, [a]), i.createPortal(
-    /* @__PURE__ */ c(l, {}),
+    (e = document.querySelector("#overlay")) == null || e.setAttribute("data-state", o);
+  }, [o]), i.createPortal(
+    /* @__PURE__ */ l(n, {}),
     document.getElementById("overlay")
   );
 }
 export {
-  h as Overlay,
-  h as default
+  p as Overlay,
+  p as default
 };

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

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as r, Fragment as u } from "react/jsx-runtime";
 import "react";
-import { p as y } from "../../../../index-B0ARwqly.mjs";
+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";

package/dist/components/ProgramAirdate/ProgramAirdate.js

@@ -1,12 +1,12 @@
 import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import "react";
+import { p as Q } from "../../index-VjANCDXC.mjs";
+import { classes as d } from "../../utils/helpers.js";
 import { Concat as V } from "../Concat/Concat.js";
-import { CtaBlock as Q } from "../CtaBlock/CtaBlock.js";
+import { CtaBlock as R } from "../CtaBlock/CtaBlock.js";
 import { StringList as X } from "../StringList/StringList.js";
-import { p as R } from "../../index-B0ARwqly.mjs";
-import { classes as d } from "../../utils/helpers.js";
-import { s as Y } from "../../sub-CkNH5u-l.mjs";
-import { f as _ } from "../../format-plq8pBNY.mjs";
+import { s as Y } from "../../sub-CoUmnfhv.mjs";
+import { f as _ } from "../../format-YhWt2D8M.mjs";
 import '../../assets/ProgramAirdate.css';const i = {
   "program-airdate": "_program-airdate_et1s5_1",
   "program-airdate__descriptor": "_program-airdate__descriptor_et1s5_5",
@@ -62,7 +62,7 @@ function re({
                 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) }),
+                (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: Q(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",
                   {
@@ -75,7 +75,7 @@ function re({
             }
           ),
           /* @__PURE__ */ o(
-            Q,
+            R,
             {
               content: /* @__PURE__ */ o(V, { list: [
                 `<strong>${h}</strong><br/>`,
@@ -118,11 +118,11 @@ function re({
             i["program-airdate--missing-logo"]
           ]),
           "data-style": s,
-          children: /* @__PURE__ */ o("span", { children: R(e.name) })
+          children: /* @__PURE__ */ o("span", { children: Q(e.name) })
         }
       ),
       /* @__PURE__ */ o(
-        Q,
+        R,
         {
           content: `<strong>${h}</strong>`,
           type: "internal-link",

package/dist/components/PromotionBlock/PromotionBlock.js

@@ -1,38 +1,36 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { useRef as _, useEffect as s } from "react";
+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-slide-in-left": "_promo-slide-in-left_1nlw7_1",
   "promo-copy--animate": "_promo-copy--animate_1nlw7_51",
-  "promo-slide-in-right": "_promo-slide-in-right_1nlw7_1",
   "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: t, promo: r }) {
-  const a = _(), n = _(), c = (i, p) => {
-    i.forEach((l) => {
-      l.isIntersecting && (a.current.classList.add(`${o["promo-copy--animate"]}`), n.current.classList.add(`${o["promo-image--animate"]}`), p.unobserve(n.current));
+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 s(() => {
-    const i = new IntersectionObserver(c, {
+  return l(() => {
+    const t = new IntersectionObserver(p, {
       root: null,
       rootMargin: "0px",
       threshold: 0.1
     });
-    return i.observe(n.current), () => {
-      i.disconnect();
+    return t.observe(n.current), () => {
+      t.disconnect();
     };
-  }, []), /* @__PURE__ */ m("promotion-block", { children: [
-    /* @__PURE__ */ m("div", { className: o["promo-image"], ref: n, children: [
-      /* @__PURE__ */ e("span", { className: o["promo-image__text"], children: t.text }),
-      /* @__PURE__ */ e("promo-image", { children: /* @__PURE__ */ e("a", { href: r.href, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ e("img", { src: t.url, alt: t.altText }) }) })
+  }, []), /* @__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__ */ m("div", { className: o["promo-copy"], ref: a, children: [
+    /* @__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 })

package/dist/components/PromotionsRowModule/PromotionsRowModule.js

@@ -1,10 +1,10 @@
 import { jsxs as h, jsx as a, Fragment as S } from "react/jsx-runtime";
 import { useState as R, useEffect as x } from "react";
-import { PromotionsRowBlock as I } from "../PromotionsRowBlock/PromotionsRowBlock.js";
-import { ImageCard as b } from "../ImageCard/ImageCard.js";
-import { Carousel as B } from "../Carousel/Carousel.js";
+import { classes as I } from "../../utils/helpers.js";
+import { PromotionsRowBlock as b } from "../PromotionsRowBlock/PromotionsRowBlock.js";
+import { ImageCard as B } from "../ImageCard/ImageCard.js";
+import { Carousel as G } from "../Carousel/Carousel.js";
 import { CtaBlock as v } from "../CtaBlock/CtaBlock.js";
-import { classes as G } from "../../utils/helpers.js";
 import '../../assets/PromotionsRowModule.css';const P = {
   paginationType: "dots",
   showControls: !0,
@@ -63,11 +63,11 @@ function T({ title: d = "", promos: n = [], handleClicks: o = null }) {
     n.length > 4 && t(n);
   }, [n, o]), n.length <= 4)
     return /* @__PURE__ */ h("section", { className: "promotions-row", children: [
-      /* @__PURE__ */ a("h2", { className: G(["h2", "promotions-row__header"]), children: d }),
-      /* @__PURE__ */ a(I, { gap: "2rem", children: n.map((t) => {
+      /* @__PURE__ */ a("h2", { className: I(["h2", "promotions-row__header"]), children: d }),
+      /* @__PURE__ */ a(b, { gap: "2rem", children: n.map((t) => {
         var r, c, e, l, i, s, C, f, g;
         return /* @__PURE__ */ a(
-          b,
+          B,
           {
             classname: t == null ? void 0 : t.classname,
             image: t.image,
@@ -97,7 +97,7 @@ function T({ title: d = "", promos: n = [], handleClicks: o = null }) {
   if (n.length > 4 && u.length) return /* @__PURE__ */ h(S, { children: [
     /* @__PURE__ */ a("h1", { className: ["h3", "promotions-row__header"].join(" "), children: d }),
     /* @__PURE__ */ a(
-      B,
+      G,
       {
         title: !0,
         slides: u,

package/dist/components/ResultsTable/ResultsTable.js

@@ -1,23 +1,23 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import "react";
-import { ResultsTableBody as m } from "../ResultsTableBody/ResultsTableBody.js";
-import { ResultsTableHeader as i } from "../ResultsTableHeader/ResultsTableHeader.js";
-import { classes as p } from "../../utils/helpers.js";
-import { s as e } from "../../ResultsTable.module-nTlGw9Lh.mjs";
+import { classes as m } from "../../utils/helpers.js";
+import { ResultsTableBody as i } from "../ResultsTableBody/ResultsTableBody.js";
+import { ResultsTableHeader as p } from "../ResultsTableHeader/ResultsTableHeader.js";
+import { s as e } from "../../ResultsTable.module-B7M9y7hd.mjs";
 function x({
   columns: s = [],
   results: l = [],
   noResultsMsg: a = "No results were returned",
   compactLayout: r = !1
 }) {
-  return /* @__PURE__ */ o("div", { className: p([
+  return /* @__PURE__ */ o("div", { className: m([
     e["results-table"],
     e["fade-in__wrapper"],
     r ? e["results-table--compact"] : "",
     r ? "results-table--compact" : ""
   ]), children: [
-    /* @__PURE__ */ t(i, { columns: s }),
-    /* @__PURE__ */ t(m, { columns: s, results: l, noResultsMsg: a })
+    /* @__PURE__ */ t(p, { columns: s }),
+    /* @__PURE__ */ t(i, { columns: s, results: l, noResultsMsg: a })
   ] });
 }
 export {

package/dist/components/ResultsTableBody/ResultsTableBody.js

@@ -1,7 +1,7 @@
 import { jsx as l, jsxs as _ } from "react/jsx-runtime";
 import "react";
 import { classes as t } from "../../utils/helpers.js";
-import { s as e } from "../../ResultsTable.module-nTlGw9Lh.mjs";
+import { s as e } from "../../ResultsTable.module-B7M9y7hd.mjs";
 function c({ results: r = [], columns: u = [], noResultsMsg: b = "No results were returned" }) {
   return r.length > 0 ? r.map((a, i) => /* @__PURE__ */ l(
     "div",

package/dist/components/ResultsTableHeader/ResultsTableHeader.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import "react";
-import { s as r } from "../../ResultsTable.module-nTlGw9Lh.mjs";
+import { s as r } from "../../ResultsTable.module-B7M9y7hd.mjs";
 function o({ columns: s = [] }) {
   return /* @__PURE__ */ t("div", { className: [r["results-table__row"], r["results-table__header-row"], "results-table__header-row"].join(" "), children: s.map((e) => /* @__PURE__ */ t(
     "div",

package/dist/components/ScheduleLayout/ScheduleLayout.js

@@ -3,8 +3,8 @@ import { useState as a, useEffect as f } from "react";
 import { DateNavigation as x } from "../DateNavigation/DateNavigation.js";
 import { ScheduleList as w } from "../ScheduleList/ScheduleList.js";
 import { chunkArray as L, create2WeeksList as S } from "../../utils/date-helpers.js";
-import { f as u } from "../../format-plq8pBNY.mjs";
-import { s as b } from "../../sub-CkNH5u-l.mjs";
+import { f as u } from "../../format-YhWt2D8M.mjs";
+import { s as b } from "../../sub-CoUmnfhv.mjs";
 function F({ schedule: o = [], handleScheduleClicks: e = () => !0, handleDateChanged: c = () => !0 }) {
   const l = (/* @__PURE__ */ new Date()).toLocaleString("en-US", { timeZone: "America/New_York" }), t = new Date(l), [r, d] = a(Number.parseInt(u(t, "H"), 10) < 6 ? b(t, { days: 1 }) : t), g = L(S(), 7), [p, n] = a(!1), [D, i] = a(!1), h = (m) => {
     i(!0), setTimeout(() => {

package/dist/components/ScheduleList/ScheduleList.js

@@ -1,9 +1,9 @@
 import { jsx as _ } from "react/jsx-runtime";
 import "react";
-import { SportsItem as j } from "./schedule-list-items/SportsItem.js";
-import { SeriesItem as w } from "./schedule-list-items/SeriesItem.js";
-import { MovieItem as $ } from "./schedule-list-items/MovieItem.js";
-import { getMinutesFromStr as k } from "../../utils/helpers.js";
+import { getMinutesFromStr as j } from "../../utils/helpers.js";
+import { SportsItem as w } from "./schedule-list-items/SportsItem.js";
+import { SeriesItem as $ } from "./schedule-list-items/SeriesItem.js";
+import { MovieItem as k } from "./schedule-list-items/MovieItem.js";
 import '../../assets/ScheduleList.css';const g = {
   "schedule-list__item": "_schedule-list__item_10j6g_1",
   "schedule-list__airdate": "_schedule-list__airdate_10j6g_12",
@@ -60,35 +60,35 @@ function A({
   exiting: p = !1
 }) {
   return /* @__PURE__ */ _("ul", { className: `${g["schedule-list"]} schedule-list`, "data-state": p ? "exiting" : "idle", children: r.length !== 0 && r.map((i) => {
-    const a = k(i.element_length), n = f(i).type === "" ? [a, i.rating] : [a, i.rating, " "];
+    const a = j(i.element_length), n = f(i).type === "" ? [a, i.rating] : [a, i.rating, " "];
     return i.program_class === "Episode" ? /* @__PURE__ */ _(
-      w,
+      $,
       {
+        determineCTA: f,
+        handleClicks: o,
         scheduleItem: i,
-        styles: g,
         strListArr: n,
-        handleClicks: o,
-        determineCTA: f
+        styles: g
       },
       `schedule-list-${i.id}`
     ) : i.program_class === "Film" || i.program_class === "Movie" || i.program_class === "Special" ? /* @__PURE__ */ _(
-      $,
+      k,
       {
+        determineCTA: f,
+        handleClicks: o,
         scheduleItem: i,
-        styles: g,
         strListArr: n,
-        handleClicks: o,
-        determineCTA: f
+        styles: g
       },
       `schedule-list-${i.id}`
     ) : i.program_class === "Sports" ? /* @__PURE__ */ _(
-      j,
+      w,
       {
+        determineCTA: f,
+        handleClicks: o,
         scheduleItem: i,
-        styles: g,
         strListArr: n,
-        handleClicks: o,
-        determineCTA: f
+        styles: g
       },
       `schedule-list-${i.id}`
     ) : null;

package/dist/components/ScheduleList/schedule-list-items/MovieItem.js

@@ -1,20 +1,20 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import "react";
-import { AirDateSegment as f } from "./AirDateSegment.js";
-import { ImageCard as l } from "../../ImageCard/ImageCard.js";
-import { StringList as e } from "../../StringList/StringList.js";
-import { Concat as g } from "../../Concat/Concat.js";
-import { classes as C } from "../../../utils/helpers.js";
+import { classes as f } from "../../../utils/helpers.js";
+import { StringList as l } from "../../StringList/StringList.js";
+import { Concat as e } from "../../Concat/Concat.js";
+import { AirDateSegment as g } from "./AirDateSegment.js";
+import { ImageCard as C } from "../../ImageCard/ImageCard.js";
 function j({ scheduleItem: i, styles: r, handleClicks: a, strListArr: n, determineCTA: p }) {
   var o;
   const m = [
     `<div>${i.program_synopsis}</div>`,
-    /* @__PURE__ */ t(e, { list: n, separatorType: "pipe" })
+    /* @__PURE__ */ t(l, { list: n, separatorType: "pipe" })
   ];
-  return /* @__PURE__ */ s("li", { className: C([r["schedule-list__item"], "schedule-list__item"]), children: [
-    /* @__PURE__ */ t(f, { scheduleItem: i, styles: r }),
+  return /* @__PURE__ */ s("li", { className: f([r["schedule-list__item"], "schedule-list__item"]), children: [
+    /* @__PURE__ */ t(g, { scheduleItem: i, styles: r }),
     /* @__PURE__ */ t(
-      l,
+      C,
       {
         id: i.id,
         image: {
@@ -23,7 +23,7 @@ function j({ scheduleItem: i, styles: r, handleClicks: a, strListArr: n, determi
           aspectRatio: 543 / 305
         },
         title: i.program,
-        content: /* @__PURE__ */ t(g, { list: m }),
+        content: /* @__PURE__ */ t(e, { list: m }),
         cta: p(i),
         clampContentLines: !0,
         numberOfLinesToClamp: 5,

package/dist/components/ScheduleList/schedule-list-items/SeriesItem.js

@@ -1,22 +1,22 @@
 import { jsx as r, jsxs as f } from "react/jsx-runtime";
 import "react";
 import { classes as l } from "../../../utils/helpers.js";
-import { StringList as C } from "../../StringList/StringList.js";
-import { AirDateSegment as e } from "./AirDateSegment.js";
-import { ImageCard as y } from "../../ImageCard/ImageCard.js";
-import { Concat as $ } from "../../Concat/Concat.js";
 import { determineProgramTitle as n } from "../../../utils/program-helpers.js";
+import { Concat as C } from "../../Concat/Concat.js";
+import { StringList as e } from "../../StringList/StringList.js";
+import { AirDateSegment as y } from "./AirDateSegment.js";
+import { ImageCard as $ } from "../../ImageCard/ImageCard.js";
 function N({ scheduleItem: i, styles: o, strListArr: a, handleClicks: p, determineCTA: m }) {
   var t;
   const s = i.episode_number ? `${i.episode_number}:` : "", g = i.program_synopsis !== null ? i.program_synopsis : "", _ = [
     i.title_name.trim() !== n(i).trim() ? `<div>${s} ${i.title_name}</div>` : "",
     i.program_synopsis !== null ? `<div>${g}</div>` : "",
-    /* @__PURE__ */ r(C, { list: a, separatorType: "pipe" })
+    /* @__PURE__ */ r(e, { list: a, separatorType: "pipe" })
   ];
   return /* @__PURE__ */ f("li", { className: l([o["schedule-list__item"], "schedule-list__item"]), children: [
-    /* @__PURE__ */ r(e, { scheduleItem: i, styles: o }),
+    /* @__PURE__ */ r(y, { scheduleItem: i, styles: o }),
     /* @__PURE__ */ r(
-      y,
+      $,
       {
         id: i.id,
         image: {
@@ -25,7 +25,7 @@ function N({ scheduleItem: i, styles: o, strListArr: a, handleClicks: p, determi
           aspectRatio: 543 / 305
         },
         title: n(i),
-        content: /* @__PURE__ */ r($, { list: _ }),
+        content: /* @__PURE__ */ r(C, { list: _ }),
         cta: m(i),
         clampContentLines: !0,
         numberOfLinesToClamp: 5,

package/dist/components/ScheduleList/schedule-list-items/SportsItem.js

@@ -1,20 +1,20 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import "react";
 import { classes as l } from "../../../utils/helpers.js";
-import { StringList as e } from "../../StringList/StringList.js";
-import { AirDateSegment as f } from "./AirDateSegment.js";
-import { ImageCard as g } from "../../ImageCard/ImageCard.js";
-import { Concat as C } from "../../Concat/Concat.js";
+import { Concat as e } from "../../Concat/Concat.js";
+import { StringList as f } from "../../StringList/StringList.js";
+import { AirDateSegment as g } from "./AirDateSegment.js";
+import { ImageCard as C } from "../../ImageCard/ImageCard.js";
 function j({ scheduleItem: i, styles: r, strListArr: a, handleClicks: n, determineCTA: p }) {
   var o;
   const m = [
     `<div>${i.title_name}</div>`,
-    /* @__PURE__ */ t(e, { list: a, separatorType: "pipe" })
+    /* @__PURE__ */ t(f, { list: a, separatorType: "pipe" })
   ];
   return /* @__PURE__ */ s("li", { className: l([r["schedule-list__item"], "schedule-list__item"]), children: [
-    /* @__PURE__ */ t(f, { scheduleItem: i, styles: r }),
+    /* @__PURE__ */ t(g, { scheduleItem: i, styles: r }),
     /* @__PURE__ */ t(
-      g,
+      C,
       {
         id: i.id,
         image: {
@@ -23,7 +23,7 @@ function j({ scheduleItem: i, styles: r, strListArr: a, handleClicks: n, determi
           aspectRatio: 543 / 305
         },
         title: i.program,
-        content: /* @__PURE__ */ t(C, { list: m }),
+        content: /* @__PURE__ */ t(e, { list: m }),
         cta: p(i),
         clampContentLines: !0,
         numberOfLinesToClamp: 5,

package/dist/components/SectionedContent/SectionedContent.js

@@ -1,17 +1,14 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import s from "react";
-import { p as _ } from "../../index-B0ARwqly.mjs";
+import { jsx as t, jsxs as _ } from "react/jsx-runtime";
+import a from "react";
+import { p as h } from "../../index-VjANCDXC.mjs";
 import { classes as n } from "../../utils/helpers.js";
-import '../../assets/SectionedContent.css';const i = "_h2_16wib_6", l = "_h3_16wib_6", p = "_h4_16wib_6", d = "_h5_16wib_6", m = "_h6_16wib_6", o = {
+import '../../assets/SectionedContent.css';const i = "_h2_16wib_6", l = "_h3_16wib_6", o = {
   "sectioned-content__content": "_sectioned-content__content_16wib_1",
   h2: i,
-  h3: l,
-  h4: p,
-  h5: d,
-  h6: m
+  h3: l
 };
-function g({ sections: c = [] }) {
-  const h = /* @__PURE__ */ new Map([
+function u({ sections: c = [] }) {
+  const r = /* @__PURE__ */ new Map([
     ["primary", {
       open: `<h1 class="${n(["h2", o.h2])}">`,
       close: "</h1>"
@@ -21,12 +18,12 @@ function g({ sections: c = [] }) {
       close: "</h2>"
     }]
   ]);
-  return /* @__PURE__ */ t("sectioned-content", { children: c.length && c.map((e, r) => e.content !== "" ? /* @__PURE__ */ a(s.Fragment, { children: [
-    _(h.get(e.header.type).open + e.header.title + h.get(e.header.type).close),
-    /* @__PURE__ */ t("div", { className: n([o["sectioned-content__content"], "sectioned-content__content"]), children: typeof e.content == "string" ? _(e.content) : e.content })
-  ] }, `section-${e.title}-${r}`) : /* @__PURE__ */ t(s.Fragment, {}, `section--${r}`)) });
+  return /* @__PURE__ */ t("sectioned-content", { children: c.length && c.map((e, s) => e.content !== "" ? /* @__PURE__ */ _(a.Fragment, { children: [
+    h(r.get(e.header.type).open + e.header.title + r.get(e.header.type).close),
+    /* @__PURE__ */ t("div", { className: n([o["sectioned-content__content"], "sectioned-content__content"]), children: typeof e.content == "string" ? h(e.content) : e.content })
+  ] }, `section-${e.title}-${s}`) : /* @__PURE__ */ t(a.Fragment, {}, `section--${s}`)) });
 }
 export {
-  g as SectionedContent,
-  g as default
+  u as SectionedContent,
+  u as default
 };

package/dist/components/Select/Select.js

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as l } from "react/jsx-runtime";
 import { useState as c, useRef as j } from "react";
-import { s as e, C as k, A as x } from "../../Form.module-DbpB9u1l.mjs";
+import { s as e, C as k, A as x } from "../../Form.module-Cd8qH2rj.mjs";
 function B({
   name: i,
   label: _,

package/dist/components/ShowAboutContent/ShowAboutContent.js

@@ -1,6 +1,6 @@
 import { jsxs as o, Fragment as d, jsx as n } from "react/jsx-runtime";
 import "react";
-import { p as i } from "../../index-B0ARwqly.mjs";
+import { p as i } from "../../index-VjANCDXC.mjs";
 import { classes as s } from "../../utils/helpers.js";
 import { SectionedContent as p } from "../SectionedContent/SectionedContent.js";
 import { GenericList as m } from "../GenericList/GenericList.js";

package/dist/components/ShowAboutLayout/ShowAboutLayout.js

@@ -1,61 +1,60 @@
-import { jsx as a, Fragment as s, jsxs as k } from "react/jsx-runtime";
+import { jsx as a, Fragment as s, jsxs as y } from "react/jsx-runtime";
 import "react";
-import { ImageCard as y } from "../ImageCard/ImageCard.js";
-import { AdjustableTwoColumnGrid as T } from "../AdjustableTwoColumnGrid/AdjustableTwoColumnGrid.js";
-import { Concat as u } from "../Concat/Concat.js";
+import { getHoursMinsStr as k, classes as u } from "../../utils/helpers.js";
+import { Concat as c } from "../Concat/Concat.js";
 import { StringList as o } from "../StringList/StringList.js";
-import { ShowAboutContent as h } from "../ShowAboutContent/ShowAboutContent.js";
-import { getHoursMinsStr as x, classes as c } from "../../utils/helpers.js";
+import { ImageCard as T } from "../ImageCard/ImageCard.js";
+import { AdjustableTwoColumnGrid as h } from "../AdjustableTwoColumnGrid/AdjustableTwoColumnGrid.js";
+import { ShowAboutContent as x } from "../ShowAboutContent/ShowAboutContent.js";
 import '../../assets/ShowAboutLayout.css';const i = {
-  "series-about-tab": "_series-about-tab_cekq9_1",
-  "slide-up": "_slide-up_cekq9_1"
+  "series-about-tab": "_series-about-tab_cekq9_1"
 };
-function q({
+function F({
   series: t,
-  type: e = "series",
+  type: n = "series",
   showUpcoming: p = !1,
   nextAirdates: g = [],
   firstColumnWidth: b = "33%",
-  socialShare: n = {
+  socialShare: e = {
     enabled: !1,
     url: "",
     text: "",
     longtext: ""
   }
 }) {
-  var l, m;
-  const d = t.cast.map((f) => f.real_name).join(", "), _ = t != null && t.run_time ? x(t.run_time) : "", r = e === "series" ? ["TV Series", t.rating] : [t != null && t.year_released ? t == null ? void 0 : t.year_released : "Film", t.rating, _];
-  return console.log("social share in ShowAboutLayout: ", n), /* @__PURE__ */ a(s, { children: /* @__PURE__ */ k(T, { classname: c([i["series-about-tab"], "series-about-tab"]), firstColumnWidth: b, children: [
-    t.detailImage === null ? /* @__PURE__ */ a(u, { list: [
+  var m, l;
+  const d = t.cast.map((_) => _.real_name).join(", "), f = t != null && t.run_time ? k(t.run_time) : "", r = n === "series" ? ["TV Series", t.rating] : [t != null && t.year_released ? t == null ? void 0 : t.year_released : "Film", t.rating, f];
+  return console.log("social share in ShowAboutLayout: ", e), /* @__PURE__ */ a(s, { children: /* @__PURE__ */ y(h, { classname: u([i["series-about-tab"], "series-about-tab"]), firstColumnWidth: b, children: [
+    t.detailImage === null ? /* @__PURE__ */ a(c, { list: [
       typeof t.genres == "string" ? t.genres : /* @__PURE__ */ a(o, { list: t.genres, separatorType: "comma", makeBlock: !0 }),
       /* @__PURE__ */ a(o, { list: r, separatorType: "pipe", makeBlock: !0 })
     ] }) : /* @__PURE__ */ a(
-      y,
+      T,
       {
         image: {
-          url: (l = t.detailImage) == null ? void 0 : l.url,
-          aspectRatio: (m = t.detailImage) == null ? void 0 : m.aspectRatio
+          url: (m = t.detailImage) == null ? void 0 : m.url,
+          aspectRatio: (l = t.detailImage) == null ? void 0 : l.aspectRatio
         },
-        content: /* @__PURE__ */ a(u, { list: [
+        content: /* @__PURE__ */ a(c, { list: [
           typeof t.genres == "string" ? t.genres : /* @__PURE__ */ a(o, { list: t.genres, separatorType: "comma", makeBlock: !0 }),
           /* @__PURE__ */ a(o, { list: r, separatorType: "pipe", makeBlock: !0 })
         ] })
       }
     ),
-    /* @__PURE__ */ a("div", { className: c([i["series-about-tab__content"], "series-about-tab__content"]), children: /* @__PURE__ */ a(
-      h,
+    /* @__PURE__ */ a("div", { className: u([i["series-about-tab__content"], "series-about-tab__content"]), children: /* @__PURE__ */ a(
+      x,
       {
         series: t,
         showUpcoming: p,
         castStr: d,
-        type: e,
+        type: n,
         nextAirDates: g,
-        socialShare: n
+        socialShare: e
       }
     ) })
   ] }) });
 }
 export {
-  q as ShowAboutLayout,
-  q as default
+  F as ShowAboutLayout,
+  F as default
 };

package/dist/components/SocialLinks/SocialLinks.js

@@ -1,11 +1,11 @@
 import { jsxs as b, jsx as p } from "react/jsx-runtime";
 import l, { forwardRef as v } from "react";
+import { classes as f } from "../../utils/helpers.js";
 import _ from "../../icons/Tiktok.js";
 import j from "../../icons/Twitter.js";
-import { classes as f } from "../../utils/helpers.js";
 import { ImageReplacementAnchor as x } from "../ImageReplacementAnchor/ImageReplacementAnchor.js";
-import { F as z } from "../../facebook-osmzgL7R.mjs";
-import { P as a } from "../../index-CZzwT3Oj.mjs";
+import { F as z } from "../../facebook-HCcA1M1m.mjs";
+import { P as a } from "../../index-DC2JJV3a.mjs";
 import '../../assets/SocialLinks.css';function m() {
   return m = Object.assign || function(e) {
     for (var i = 1; i < arguments.length; i++) {