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

package/dist/components/AdBlock/AdBlock.js

@@ -1,110 +1,145 @@
-import { jsx as e, jsxs as c, Fragment as y } from "react/jsx-runtime";
-import { useRef as l, useCallback as b, useEffect as x } from "react";
-import '../../assets/AdBlock.css';const N = {
-  "ad-anchor": "_ad-anchor_3lwu0_8",
-  "ad-copy__link": "_ad-copy__link_3lwu0_19",
-  "ad-image": "_ad-image_3lwu0_23",
-  "ad-image__text": "_ad-image__text_3lwu0_50",
-  "ad-copy": "_ad-copy_3lwu0_19",
-  "ad-image--animate": "_ad-image--animate_3lwu0_61",
-  "promo-slide-in-left": "_promo-slide-in-left_3lwu0_1",
-  "ad-copy--animate": "_ad-copy--animate_3lwu0_68",
-  "promo-slide-in-right": "_promo-slide-in-right_3lwu0_1",
-  "ad-copy__header": "_ad-copy__header_3lwu0_76",
-  "ad-copy__description": "_ad-copy__description_3lwu0_81"
-}, w = {
-  "ad-anchor": "_ad-anchor_iji3s_17",
-  "ad-copy__link": "_ad-copy__link_iji3s_28",
-  "ad-image": "_ad-image_iji3s_42",
-  "ad-image__text": "_ad-image__text_iji3s_59",
-  "ad-copy": "_ad-copy_iji3s_28",
-  "ad-image--animate": "_ad-image--animate_iji3s_78",
-  "promo-slide-in-left": "_promo-slide-in-left_iji3s_1",
-  "ad-copy--animate": "_ad-copy--animate_iji3s_85",
-  "promo-slide-in-right": "_promo-slide-in-right_iji3s_1",
-  "ad-copy__header": "_ad-copy__header_iji3s_93",
-  "ad-copy__description": "_ad-copy__description_iji3s_105",
-  "ad-copy__link-text": "_ad-copy__link-text_iji3s_106"
-}, j = {
-  "ad-anchor": "_ad-anchor_1k4cf_26",
-  "ad-copy__link": "_ad-copy__link_1k4cf_37",
-  "background-container": "_background-container_1k4cf_41",
-  "ad-copy": "_ad-copy_1k4cf_37",
-  "ad-copy__header": "_ad-copy__header_1k4cf_57",
-  "ad-copy__description": "_ad-copy__description_1k4cf_67",
-  "cta-container": "_cta-container_1k4cf_78",
-  "cta-container__link": "_cta-container__link_1k4cf_89",
-  "ad-image": "_ad-image_1k4cf_108",
-  "ad-image__text": "_ad-image__text_1k4cf_127",
-  "ad-image-mobile": "_ad-image-mobile_1k4cf_137",
-  "ad-image--animate": "_ad-image--animate_1k4cf_240",
-  "promo-slide-in-right": "_promo-slide-in-right_1k4cf_1",
-  "ad-copy--animate": "_ad-copy--animate_1k4cf_247",
-  "promo-slide-in-left": "_promo-slide-in-left_1k4cf_1",
-  "ad-cta--animate": "_ad-cta--animate_1k4cf_254",
-  "ad-mobile-disclaimer--animate": "_ad-mobile-disclaimer--animate_1k4cf_268"
+import { jsx as e, jsxs as l, Fragment as b } from "react/jsx-runtime";
+import { useRef as o, useCallback as q, useEffect as N } from "react";
+import '../../assets/AdBlock.css';const u = {
+  "ad-copy__description": "_ad-copy__description_1qax1_8",
+  "ad-copy__link": "_ad-copy__link_1qax1_9",
+  "ad-anchor": "_ad-anchor_1qax1_31",
+  "ad-image": "_ad-image_1qax1_46",
+  "ad-image__text": "_ad-image__text_1qax1_73",
+  "ad-copy": "_ad-copy_1qax1_8",
+  "ad-image--animate": "_ad-image--animate_1qax1_84",
+  "promo-slide-in-left": "_promo-slide-in-left_1qax1_1",
+  "ad-copy--animate": "_ad-copy--animate_1qax1_91",
+  "promo-slide-in-right": "_promo-slide-in-right_1qax1_1",
+  "ad-copy__header": "_ad-copy__header_1qax1_99"
 }, v = {
-  "ad-anchor": "_ad-anchor_15im4_1",
-  "cta-container__link": "_cta-container__link_15im4_11"
+  "ad-copy__link": "_ad-copy__link_1xlqr_17",
+  "ad-anchor": "_ad-anchor_1xlqr_36",
+  "ad-image": "_ad-image_1xlqr_61",
+  "ad-image__text": "_ad-image__text_1xlqr_78",
+  "ad-copy": "_ad-copy_1xlqr_17",
+  "ad-image--animate": "_ad-image--animate_1xlqr_97",
+  "promo-slide-in-left": "_promo-slide-in-left_1xlqr_1",
+  "ad-copy--animate": "_ad-copy--animate_1xlqr_104",
+  "promo-slide-in-right": "_promo-slide-in-right_1xlqr_1",
+  "ad-copy__header": "_ad-copy__header_1xlqr_112",
+  "ad-copy__description": "_ad-copy__description_1xlqr_124",
+  "ad-copy__link-text": "_ad-copy__link-text_1xlqr_125"
+}, $ = {
+  "ad-anchor": "_ad-anchor_31sf7_26",
+  "ad-copy__link": "_ad-copy__link_31sf7_37",
+  "background-container": "_background-container_31sf7_41",
+  "ad-copy": "_ad-copy_31sf7_37",
+  "ad-copy__header": "_ad-copy__header_31sf7_57",
+  "ad-copy__description": "_ad-copy__description_31sf7_67",
+  "cta-container": "_cta-container_31sf7_78",
+  "cta-container__link": "_cta-container__link_31sf7_89",
+  "ad-image": "_ad-image_31sf7_108",
+  "ad-image__text": "_ad-image__text_31sf7_127",
+  "ad-image-mobile": "_ad-image-mobile_31sf7_137",
+  "ad-image--animate": "_ad-image--animate_31sf7_238",
+  "promo-slide-in-right": "_promo-slide-in-right_31sf7_1",
+  "ad-copy--animate": "_ad-copy--animate_31sf7_245",
+  "promo-slide-in-left": "_promo-slide-in-left_31sf7_1",
+  "ad-cta--animate": "_ad-cta--animate_31sf7_252",
+  "ad-mobile-disclaimer--animate": "_ad-mobile-disclaimer--animate_31sf7_266"
+}, T = {
+  "ad-anchor": "_ad-anchor_1kpgs_1",
+  "cta-container__link": "_cta-container__link_1kpgs_11"
 };
-function L({ image: _, ad: i, theme: n = "default" }) {
+function M({ image: _, ad: r, theme: i = "default" }) {
   const a = (/* @__PURE__ */ new Map([
-    ["default", N],
-    ["round2", w],
-    ["tablotv", j],
-    ["imageonly", v]
-  ])).get(n), g = i.campaign === "" ? "" : `?utm_campaign=${i.campaign}&utm_source=${i.source}&utm_medium=${i.medium}&utm_content=${i.content}`, s = l(), t = l(), d = l(), m = l(), p = l(), f = l(), o = `${i.href}${g}`, h = b((r, k) => {
-    r.forEach((u) => {
-      u.isIntersecting && (n === "tablotv" && (d.current.classList.add(`${a["ad-cta--animate"]}`), f.current.classList.add(`${a["ad-mobile-disclaimer--animate"]}`)), s.current.classList.add(`${a["ad-copy--animate"]}`), t.current.classList.add(`${a["ad-image--animate"]}`), k.unobserve(t.current));
+    ["default", u],
+    ["round2", v],
+    ["tablotv", $],
+    ["imageonly", T]
+  ])).get(i) ?? u, x = r.campaign === "" ? "" : `?utm_campaign=${r.campaign}&utm_source=${r.source}&utm_medium=${r.medium}&utm_content=${r.content}`, s = o(null), t = o(null), c = o(null), m = o(null), f = o(null), p = o(null), d = `${r.href}${x}`, h = q((n, y) => {
+    n.forEach((k) => {
+      var g;
+      if (k.isIntersecting) {
+        if (i === "tablotv" && (c.current !== null && ((g = c.current) == null || g.classList.add(`${a["ad-cta--animate"]}`)), p.current !== null && p.current.classList.add(`${a["ad-mobile-disclaimer--animate"]}`)), s.current === null || t.current === null) return;
+        s.current.classList.add(`${a["ad-copy--animate"]}`), t.current.classList.add(`${a["ad-image--animate"]}`), y.unobserve(t.current);
+      }
     });
-  }, [a]);
-  return x(() => {
-    if (n !== "imageonly") {
-      const r = new IntersectionObserver(h, {
+  }, [a, i]);
+  return N(() => {
+    if (i !== "imageonly") {
+      const n = new IntersectionObserver(h, {
         root: null,
         rootMargin: "0px",
         threshold: 0.1
       });
-      return r.observe(t.current), () => {
-        r.disconnect();
+      return n.observe(t.current), () => {
+        n.disconnect();
       };
     }
-  }, [n, h]), /* @__PURE__ */ e(
+  }, [i, h]), // onClick - ensure tab isn't opened twice if clicking directly on the cta
+  /* @__PURE__ */ e(
     "ad-block",
     {
       class: `${a["ad-anchor"]}`,
-      onClick: (r) => {
-        (r.target === d.current || r.target === m.current || r.target === p.current) && r.preventDefault(), window.open(d.current, "_blank");
+      onClick: (n) => {
+        (n.target === c.current || n.target === m.current || n.target === f.current) && n.preventDefault(), window.open(c.current, "_blank");
       },
-      children: n === "imageonly" ? /* @__PURE__ */ e("a", { className: a["cta-container__link"], href: o, target: "_blank", rel: "noreferrer", ref: d, children: /* @__PURE__ */ e("span", { className: "sr-only", children: _.text }) }) : n === "tablotv" ? /* @__PURE__ */ c("div", { className: a["background-container"], children: [
-        /* @__PURE__ */ c("div", { className: a["ad-copy"], ref: s, children: [
-          /* @__PURE__ */ e("h4", { className: a["ad-copy__header"], children: i.header }),
-          /* @__PURE__ */ e("div", { className: a["ad-image-mobile"], ref: t, children: /* @__PURE__ */ e("ad-image", { children: /* @__PURE__ */ e("a", { href: o, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ e("img", { src: _.mobile, alt: _.altText, ref: p }) }) }) }),
-          /* @__PURE__ */ e("p", { className: a["ad-copy__description"], children: i.description })
+      children: i === "imageonly" ? /* @__PURE__ */ e(
+        "a",
+        {
+          className: a["cta-container__link"],
+          href: d,
+          ref: c,
+          rel: "noreferrer",
+          target: "_blank",
+          children: /* @__PURE__ */ e("span", { className: "sr-only", children: _.text })
+        }
+      ) : i === "tablotv" ? /* @__PURE__ */ l("div", { className: a["background-container"], children: [
+        /* @__PURE__ */ l("div", { className: a["ad-copy"], ref: s, children: [
+          /* @__PURE__ */ e("h4", { className: a["ad-copy__header"], children: r.header }),
+          /* @__PURE__ */ e("div", { className: a["ad-image-mobile"], ref: t, children: /* @__PURE__ */ e("ad-image", { children: /* @__PURE__ */ e("a", { href: d, rel: "noreferrer", target: "_blank", children: /* @__PURE__ */ e("img", { alt: _.altText, ref: f, src: _.mobile }) }) }) }),
+          /* @__PURE__ */ e("p", { className: a["ad-copy__description"], children: r.description })
         ] }),
-        /* @__PURE__ */ c("div", { className: a["cta-container"], children: [
-          /* @__PURE__ */ e("a", { className: a["cta-container__link"], href: o, target: "_blank", rel: "noreferrer", ref: d, children: i.linkText }),
-          /* @__PURE__ */ e("span", { className: a["ad-image__text"], ref: f, children: _.text })
+        /* @__PURE__ */ l("div", { className: a["cta-container"], children: [
+          /* @__PURE__ */ e(
+            "a",
+            {
+              className: a["cta-container__link"],
+              href: d,
+              ref: c,
+              rel: "noreferrer",
+              target: "_blank",
+              children: r.linkText
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: a["ad-image__text"], ref: p, children: _.text })
         ] }),
-        /* @__PURE__ */ c("div", { className: a["ad-image"], ref: t, children: [
-          /* @__PURE__ */ e("ad-image", { children: /* @__PURE__ */ e("a", { href: o, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ e("img", { src: _.url, alt: _.altText, ref: m }) }) }),
+        /* @__PURE__ */ l("div", { className: a["ad-image"], ref: t, children: [
+          /* @__PURE__ */ e("ad-image", { children: /* @__PURE__ */ e("a", { href: d, rel: "noreferrer", target: "_blank", children: /* @__PURE__ */ e("img", { alt: _.altText, ref: m, src: _.url }) }) }),
           /* @__PURE__ */ e("span", { className: a["ad-image__text"], children: _.text })
         ] })
-      ] }) : /* @__PURE__ */ c(y, { children: [
-        /* @__PURE__ */ c("div", { className: a["ad-image"], ref: t, children: [
+      ] }) : /* @__PURE__ */ l(b, { children: [
+        /* @__PURE__ */ l("div", { className: a["ad-image"], ref: t, children: [
           /* @__PURE__ */ e("span", { className: a["ad-image__text"], children: _.text }),
-          /* @__PURE__ */ e("ad-image", { children: /* @__PURE__ */ e("a", { href: o, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ e("img", { src: _.url, alt: _.altText, ref: m }) }) })
+          /* @__PURE__ */ e("ad-image", { children: /* @__PURE__ */ e("a", { href: d, rel: "noreferrer", target: "_blank", children: /* @__PURE__ */ e("img", { alt: _.altText, ref: m, src: _.url }) }) })
         ] }),
-        /* @__PURE__ */ c("div", { className: a["ad-copy"], ref: s, children: [
-          /* @__PURE__ */ e("h4", { className: a["ad-copy__header"], children: i.header }),
-          /* @__PURE__ */ e("p", { className: a["ad-copy__description"], children: i.description }),
-          /* @__PURE__ */ e("a", { className: a["ad-copy__link"], href: o, target: "_blank", rel: "noreferrer", ref: d, children: i.linkText })
+        /* @__PURE__ */ l("div", { className: a["ad-copy"], ref: s, children: [
+          /* @__PURE__ */ e("h4", { className: a["ad-copy__header"], children: r.header }),
+          /* @__PURE__ */ e("p", { className: a["ad-copy__description"], children: r.description }),
+          /* @__PURE__ */ e(
+            "a",
+            {
+              className: a["ad-copy__link"],
+              href: d,
+              ref: c,
+              rel: "noreferrer",
+              target: "_blank",
+              children: r.linkText
+            }
+          )
         ] })
       ] })
     }
   );
 }
 export {
-  L as AdBlock,
-  L as default
+  M as AdBlock,
+  M as default
 };

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

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

package/dist/components/AdjustableTwoColumnGrid/AdjustableTwoColumnGrid.d.ts

@@ -1,3 +1,9 @@
+type AdjustableTwoColumnGridProps = {
+    children: React.ReactNode;
+    gap?: string;
+    firstColumnWidth?: number | string;
+    classname?: string;
+};
 /**
  * AdjustableTwoColumnGrid component for rendering a two-column layout with adjustable widths.
  * @param {*} param0 - Component props.
@@ -7,5 +13,5 @@
  * @param {string} [param0.classname=''] - Additional CSS classes for the layout.
  * @returns {JSX.Element} The rendered two-column layout.
  */
-export function AdjustableTwoColumnGrid({ children, gap, firstColumnWidth, classname }: any): JSX.Element;
+export declare function AdjustableTwoColumnGrid({ children, gap, firstColumnWidth, classname, }: AdjustableTwoColumnGridProps): JSX.Element;
 export default AdjustableTwoColumnGrid;

package/dist/components/AdjustableTwoColumnGrid/AdjustableTwoColumnGrid.js

@@ -1,24 +1,29 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { Children as m, cloneElement as e } from "react";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { Children as r } from "react";
 import '../../assets/AdjustableTwoColumnGrid.css';const s = {};
-function d({ children: c, gap: n = "1.5rem", firstColumnWidth: l = 33, classname: r = "" }) {
-  const o = m.toArray(c);
-  return /* @__PURE__ */ a(
+function m({
+  children: c,
+  gap: e = "1.5rem",
+  firstColumnWidth: o = 33,
+  classname: a = ""
+}) {
+  const l = r.toArray(c);
+  return /* @__PURE__ */ n(
     "adjustable-two-column-layout",
     {
+      class: a,
       style: {
-        "--atcl-gap-size": n,
-        "--atcl-first-column-width": typeof l == "string" ? l : `${l}%`
+        "--atcl-gap-size": e,
+        "--atcl-first-column-width": typeof o == "string" ? o : `${o}%`
       },
-      class: r,
       children: [
-        /* @__PURE__ */ t("div", { className: s["two-column-layout__column-one"], children: e(o[0], o[0].props) }),
-        /* @__PURE__ */ t("div", { className: s["two-column-layout__column-two"], children: e(o[1], o[1].props) })
+        /* @__PURE__ */ t("div", { className: s["two-column-layout__column-one"], children: l[0] }),
+        /* @__PURE__ */ t("div", { className: s["two-column-layout__column-two"], children: l[1] })
       ]
     }
   );
 }
 export {
-  d as AdjustableTwoColumnGrid,
-  d as default
+  m as AdjustableTwoColumnGrid,
+  m as default
 };

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

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

package/dist/components/AirDateFormatter/AirDateFormatter.d.ts

@@ -1,5 +1,6 @@
-export function AirDateFormatter({ airdateStr, separatorType }: {
-    airdateStr?: null | undefined;
-    separatorType?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+type AirDateFormatterProps = {
+    airdateStr?: string | null;
+    separatorType?: 'pipe' | 'line-break' | 'single-line-break' | 'comma' | 'none';
+};
+export declare function AirDateFormatter({ airdateStr, separatorType }: AirDateFormatterProps): JSX.Element;
 export default AirDateFormatter;

package/dist/components/AirDateFormatter/AirDateFormatter.js

@@ -1,28 +1,27 @@
 import { jsx as a, jsxs as t } from "react/jsx-runtime";
-import "react";
 import { classes as i } from "../../utils/helpers.js";
 import { s as $ } from "../../sub-CoUmnfhv.mjs";
 import { f as m } from "../../format-YhWt2D8M.mjs";
 import { a as u } from "../../add-UWUc_nrO.mjs";
 import '../../assets/AirDateFormatter.css';const d = {
-  "airdate-formatter__pipe": "_airdate-formatter__pipe_1ox2d_1",
-  "airdate-formatter__date": "_airdate-formatter__date_1ox2d_8",
-  "airdate-formatter__time-wrap": "_airdate-formatter__time-wrap_1ox2d_13"
+  "airdate-formatter__pipe": "_airdate-formatter__pipe_s327l_1",
+  "airdate-formatter__date": "_airdate-formatter__date_s327l_8",
+  "airdate-formatter__time-wrap": "_airdate-formatter__time-wrap_s327l_13"
 };
-function b({ airdateStr: f = null, separatorType: p = "none" }) {
-  if (f === null) return /* @__PURE__ */ a("airdate-formatter", { class: "no-airdate", children: " " });
-  const e = new Date(f.replace(" ", "T")), h = $(e, { hours: 1 }), o = e.getMinutes() === 0 ? "" : m(e, ":mm"), s = `${m(e, "h")}${o}${Number.parseInt(m(e, "H"), 10) < 12 ? "a" : ""}`, l = `${m(h, "h")}${o}`;
-  let r = `${m(e, "ccc")}`, n = "";
+function T({ airdateStr: f = null, separatorType: p = "none" }) {
+  if (f === null) return /* @__PURE__ */ a("airdate-formatter", { className: "no-airdate", children: " " });
+  const e = new Date(f.replace(" ", "T")), h = $(e, { hours: 1 }), n = e.getMinutes() === 0 ? "" : m(e, ":mm"), o = `${m(e, "h")}${n}${Number.parseInt(m(e, "H"), 10) < 12 ? "a" : ""}`, l = `${m(h, "h")}${n}`;
+  let r = `${m(e, "ccc")}`, s = "";
   const c = new Date((/* @__PURE__ */ new Date()).toLocaleString("en-US", { timeZone: "America/New_York" })), _ = u(c, { days: 1 });
-  switch (`${c.getFullYear()}${c.getMonth()}${c.getDate()}` == `${e.getFullYear()}${e.getMonth()}${e.getDate()}` ? r = "Today" : `${_.getFullYear()}${_.getMonth()}${_.getDate()}` == `${e.getFullYear()}${e.getMonth()}${e.getDate()}` ? r = "Tomorrow" : n = `${m(e, "LLL d")}`, p) {
+  switch (`${c.getFullYear()}${c.getMonth()}${c.getDate()}` == `${e.getFullYear()}${e.getMonth()}${e.getDate()}` ? r = "Today" : `${_.getFullYear()}${_.getMonth()}${_.getDate()}` == `${e.getFullYear()}${e.getMonth()}${e.getDate()}` ? r = "Tomorrow" : s = `${m(e, "LLL d")}`, p) {
     case "pipe":
       return /* @__PURE__ */ t("airdate-formatter", { children: [
-        /* @__PURE__ */ a("span", { className: i([d["airdate-formatter__date"], "airdate-formatter__date"]), children: r === "Today" || r === "Tomorrow" ? r : `${r}, ${n}` }),
+        /* @__PURE__ */ a("span", { className: i([d["airdate-formatter__date"], "airdate-formatter__date"]), children: r === "Today" || r === "Tomorrow" ? r : `${r}, ${s}` }),
         /* @__PURE__ */ a("span", { className: i([d["airdate-formatter__pipe"], "airdate-formatter__pipe"]), children: " | " }),
         /* @__PURE__ */ t("span", { className: "airdate-formatter__time-wrap", children: [
-          /* @__PURE__ */ a("span", { className: "airdate-formatter__time", children: s }),
+          /* @__PURE__ */ a("span", { className: "airdate-formatter__time", children: o }),
           "/",
-          o !== "" ? /* @__PURE__ */ a("br", {}) : null,
+          n !== "" ? /* @__PURE__ */ a("br", {}) : null,
           /* @__PURE__ */ t("span", { className: "airdate-formatter__central-time", children: [
             l,
             /* @__PURE__ */ a("span", { children: "c" })
@@ -32,11 +31,11 @@ function b({ airdateStr: f = null, separatorType: p = "none" }) {
     case "line-break":
       return /* @__PURE__ */ t("airdate-formatter", { children: [
         /* @__PURE__ */ a("div", { className: i([d["airdate-formatter__day"], "airdate-formatter__day"]), children: r }),
-        /* @__PURE__ */ a("div", { className: i([d["airdate-formatter__date"], "airdate-formatter__date"]), children: n }),
+        /* @__PURE__ */ a("div", { className: i([d["airdate-formatter__date"], "airdate-formatter__date"]), children: s }),
         /* @__PURE__ */ t("div", { className: i([d["airdate-formatter__time-wrap"], "airdate-formatter__time-wrap"]), children: [
-          /* @__PURE__ */ a("span", { className: "airdate-formatter__time", children: s }),
+          /* @__PURE__ */ a("span", { className: "airdate-formatter__time", children: o }),
           "/",
-          o !== "" ? /* @__PURE__ */ a("br", {}) : null,
+          n !== "" ? /* @__PURE__ */ a("br", {}) : null,
           /* @__PURE__ */ t("span", { className: "airdate-formatter__central-time", children: [
             l,
             /* @__PURE__ */ a("span", { children: "c" })
@@ -48,12 +47,12 @@ function b({ airdateStr: f = null, separatorType: p = "none" }) {
         /* @__PURE__ */ t("div", { className: i([d["airdate-formatter__day"], "airdate-formatter__day"]), children: [
           r,
           " ",
-          /* @__PURE__ */ a("span", { className: i([d["airdate-formatter__date"], "airdate-formatter__date"]), children: n })
+          /* @__PURE__ */ a("span", { className: i([d["airdate-formatter__date"], "airdate-formatter__date"]), children: s })
         ] }),
         /* @__PURE__ */ t("div", { className: i([d["airdate-formatter__time-wrap"], "airdate-formatter__time-wrap"]), children: [
-          /* @__PURE__ */ a("span", { className: "airdate-formatter__time", children: s }),
+          /* @__PURE__ */ a("span", { className: "airdate-formatter__time", children: o }),
           "/",
-          o !== "" ? /* @__PURE__ */ a("br", {}) : null,
+          n !== "" ? /* @__PURE__ */ a("br", {}) : null,
           /* @__PURE__ */ t("span", { className: "airdate-formatter__central-time", children: [
             l,
             /* @__PURE__ */ a("span", { children: "c" })
@@ -63,10 +62,10 @@ function b({ airdateStr: f = null, separatorType: p = "none" }) {
     case "none":
     default:
       return /* @__PURE__ */ t("airdate-formatter", { children: [
-        /* @__PURE__ */ a("span", { className: i([d["airdate-formatter__date"], "airdate-formatter__date"]), children: r === "Today" || r === "Tomorrow" ? r : `${r}, ${n}` }),
+        /* @__PURE__ */ a("span", { className: i([d["airdate-formatter__date"], "airdate-formatter__date"]), children: r === "Today" || r === "Tomorrow" ? r : `${r}, ${s}` }),
         " ",
         /* @__PURE__ */ t("span", { className: i([d["airdate-formatter__time-wrap"], "airdate-formatter__time-wrap"]), children: [
-          /* @__PURE__ */ a("span", { className: "airdate-formatter__time", children: s }),
+          /* @__PURE__ */ a("span", { className: "airdate-formatter__time", children: o }),
           "/",
           /* @__PURE__ */ t("span", { className: "airdate-formatter__central-time", children: [
             l,
@@ -77,6 +76,6 @@ function b({ airdateStr: f = null, separatorType: p = "none" }) {
   }
 }
 export {
-  b as AirDateFormatter,
-  b as default
+  T as AirDateFormatter,
+  T as default
 };

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

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

package/dist/components/AnchorTag/AnchorTag.d.ts

@@ -1,7 +1,16 @@
+import { Image } from '../../types.d.ts';
+type AnchorTagProps = {
+    href?: string;
+    classname?: string;
+    label?: string;
+    type?: 'internal-link' | 'external-link';
+    image?: Image | null;
+    clickHandler?: ((e: React.MouseEvent) => void) | null;
+};
 /**
  * AnchorTag component for rendering anchor links with optional image support.
  * @param {*} param0 - Component props.
  * @returns {JSX.Element} The rendered anchor tag.
  */
-export function AnchorTag({ href, classname, label, type, image, clickHandler }: any): JSX.Element;
+export declare function AnchorTag({ href, classname, label, type, image, clickHandler, }: AnchorTagProps): JSX.Element;
 export default AnchorTag;

package/dist/components/AnchorTag/AnchorTag.js

@@ -1,45 +1,44 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import "react";
-import '../../assets/AnchorTag.css';const o = {
-  "anchor-tag--image": "_anchor-tag--image_1nb7n_1"
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import '../../assets/AnchorTag.css';const s = {
+  "anchor-tag--image": "_anchor-tag--image_1vh6d_1"
 };
-function g({
+function c({
   href: l = "",
-  classname: t = "",
-  label: i = "",
+  classname: e = "",
+  label: a = "",
   type: n = "internal-link",
   image: r = null,
-  clickHandler: a = null
+  clickHandler: i = null
 }) {
-  return r !== null ? /* @__PURE__ */ s(
+  return r !== null ? /* @__PURE__ */ o(
     "a",
     {
+      className: [e, s["anchor-tag--image"], "anchor-tag--image"].join(" "),
       href: l,
-      className: [t, o["anchor-tag--image"], "anchor-tag--image"].join(" "),
-      rel: n === "external-link" ? "noreferrer" : null,
-      target: n === "internal-link" ? "_self" : "_blank",
+      rel: n === "external-link" ? "noreferrer" : void 0,
       style: {
-        "--anchor-tag-image-ratio": r.width / r.height
+        "--anchor-tag-image-ratio": r.width && r.height ? r.width / r.height : 1
       },
-      onClick: a && n === "internal-link" && l.includes("#") ? a : null,
+      target: n === "internal-link" ? "_self" : "_blank",
+      onClick: i && n === "internal-link" && l.includes("#") ? i : void 0,
       children: [
-        /* @__PURE__ */ e("img", { src: r.url, alt: i }),
-        /* @__PURE__ */ e("span", { className: "sr-only", children: i })
+        /* @__PURE__ */ t("img", { alt: a, src: r.url }),
+        /* @__PURE__ */ t("span", { className: "sr-only", children: a })
       ]
     }
-  ) : /* @__PURE__ */ e(
+  ) : /* @__PURE__ */ t(
     "a",
     {
+      className: e,
       href: l,
-      className: t,
-      rel: n === "external-link" ? "noreferrer" : null,
+      rel: n === "external-link" ? "noreferrer" : void 0,
       target: n === "internal-link" ? "_self" : "_blank",
-      onClick: a && n === "internal-link" && l.includes("#") ? a : null,
-      children: i
+      onClick: i && n === "internal-link" && l.includes("#") ? i : void 0,
+      children: a
     }
   );
 }
 export {
-  g as AnchorTag,
-  g as default
+  c as AnchorTag,
+  c as default
 };

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

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

package/dist/components/BCVideoPlayer/BCVideoPlayer.d.ts

@@ -1,13 +1,20 @@
-export function BCVideoPlayer({ bcId, playerElId, containerClosing, autoplay, mute, handleClosing, pauseVideo, BC_AID, BC_PLAYERID, BC_EMBEDID }: {
-    bcId: any;
-    playerElId?: string | undefined;
-    containerClosing?: boolean | undefined;
-    autoplay?: boolean | undefined;
-    mute?: boolean | undefined;
-    handleClosing?: (() => boolean) | undefined;
-    pauseVideo?: boolean | undefined;
-    BC_AID?: string | undefined;
-    BC_PLAYERID?: string | undefined;
-    BC_EMBEDID?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element | null;
+import { VideoJsPlayer } from 'video.js';
+declare global {
+    interface Window {
+        bc: (playerId: string) => VideoJsPlayer;
+    }
+}
+type BCVideoPlayerProps = {
+    bcId: string;
+    playerElId?: string;
+    containerClosing?: boolean;
+    autoplay?: boolean;
+    mute?: boolean;
+    handleClosing?: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+    pauseVideo?: boolean;
+    BC_AID?: string;
+    BC_PLAYERID?: string;
+    BC_EMBEDID?: string;
+};
+export declare function BCVideoPlayer({ bcId, playerElId, containerClosing, autoplay, mute, handleClosing, pauseVideo, BC_AID, BC_PLAYERID, BC_EMBEDID, }: BCVideoPlayerProps): JSX.Element | null;
 export default BCVideoPlayer;