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

package/dist/components/ActionButton/ActionButton.d.ts

@@ -1,3 +1,22 @@
+import { default as React } from 'react';
+type ActionButtonProps = {
+    label: string;
+    type?: 'button' | 'submit' | 'reset';
+    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    varient?: string;
+    size?: string;
+    customColors?: {
+        bgColor: string;
+        bgHoverColor: string;
+        color: string;
+        hoverColor: string;
+        borderColor: string;
+        borderHoverColor: string;
+    };
+    disabled?: boolean;
+    classname?: string;
+    [key: string]: unknown;
+};
 /**
  * ActionButton component for rendering a button that will display a loading state.
  * @param {*} param0 - Component props.
@@ -18,5 +37,5 @@
  * @param {object} param0.attributes - Additional attributes to be applied to the button.
  * @returns {JSX.Element} The rendered action button.
  */
-export function ActionButton({ label, type, onClick, varient, size, customColors, disabled, classname, ...attributes }: any): JSX.Element;
+export declare function ActionButton({ label, type, onClick, varient, size, customColors, disabled, classname, ...attributes }: ActionButtonProps): JSX.Element;
 export default ActionButton;

package/dist/components/ActionButton/ActionButton.js

@@ -1,22 +1,22 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useState as C, useEffect as H } from "react";
-import { subscribe as w, unsubscribe as y, publish as x } from "../../utils/events.js";
-import { classes as N } from "../../utils/helpers.js";
-import '../../assets/ActionButton.css';const S = "_scale_9huvk_1", n = {
-  "action-btn": "_action-btn_9huvk_1",
-  "action-btn--small": "_action-btn--small_9huvk_31",
-  "action-btn--large": "_action-btn--large_9huvk_38",
-  "action-btn--primary": "_action-btn--primary_9huvk_45",
-  "action-btn--action": "_action-btn--action_9huvk_54",
-  "action-btn--info": "_action-btn--info_9huvk_63",
-  "action-btn--danger": "_action-btn--danger_9huvk_72",
-  "dots-pulse": "_dots-pulse_9huvk_97",
-  scale: S
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
+import { useState as z, useEffect as H } from "react";
+import { subscribe as w, unsubscribe as y, publish as k } from "../../utils/events.js";
+import { classes as x } from "../../utils/helpers.js";
+import '../../assets/ActionButton.css';const N = "_scale_zgv2f_1", n = {
+  "action-btn": "_action-btn_zgv2f_1",
+  "action-btn--small": "_action-btn--small_zgv2f_31",
+  "action-btn--large": "_action-btn--large_zgv2f_38",
+  "action-btn--primary": "_action-btn--primary_zgv2f_45",
+  "action-btn--action": "_action-btn--action_zgv2f_54",
+  "action-btn--info": "_action-btn--info_zgv2f_63",
+  "action-btn--danger": "_action-btn--danger_zgv2f_72",
+  "dots-pulse": "_dots-pulse_zgv2f_97",
+  scale: N
 };
-function A({
+function $({
   label: l,
   type: c = "button",
-  onClick: s = () => {
+  onClick: d = () => {
   },
   varient: r = "",
   size: e = "",
@@ -28,42 +28,42 @@ function A({
     borderColor: "",
     borderHoverColor: ""
   },
-  disabled: d,
+  disabled: s,
   classname: _ = "",
-  ...p
+  ...g
 }) {
-  const [a, b] = C("idle"), v = r === "" ? "" : `action-btn--${r}`, h = e === "" ? "" : `action-btn--${e}`, g = o.bgColor !== "" ? {
+  const [a, i] = z("idle"), p = r === "" ? "" : `action-btn--${r}`, v = e === "" ? "" : `action-btn--${e}`, f = o.bgColor !== "" ? {
     "--button-bg-color": o.bgColor,
     "--button-hover-bg-color": o.bgHoverColor === "" ? o.bgColor : o.bgHoverColor,
     "--button-color": o.color,
     "--button-hover-color": o.hoverColor === "" ? o.color : o.hoverColor,
     "--button-border-color": o.borderColor === "" ? o.bgColor : o.borderColor,
     "--button-hover-border-color": o.borderHoverColor === "" && o.borderColor === "" ? o.bgColor : o.borderHoverColor
-  } : null, u = () => {
-    b("idle");
-  }, k = (f) => {
-    s(f), b("waiting"), x("scripps:actionbtn:clicked");
+  } : null, h = () => {
+    i("idle");
+  }, u = (C) => {
+    d(C), i("waiting"), k("scripps:actionbtn:clicked");
   };
-  return H(() => (w("scripps:action:completed", u), () => {
+  return H(() => (w("scripps:action:completed", h), () => {
     y("scripps:action:completed");
-  }), []), /* @__PURE__ */ i(
+  }), []), /* @__PURE__ */ b(
     "button",
     {
-      type: c,
-      className: N([
+      className: x([
         n["action-btn"],
         "action-btn",
         _,
-        r === "" ? "" : n[v],
-        e === "" ? "" : n[h]
+        r === "" ? "" : n[p],
+        e === "" ? "" : n[v]
       ]),
-      onClick: k,
-      disabled: a === "waiting" || d,
-      style: g,
-      ...p,
+      disabled: a === "waiting" || s,
+      style: f || void 0,
+      type: c,
+      onClick: u,
+      ...g,
       children: [
         a !== "waiting" && /* @__PURE__ */ t("span", { className: n["action-btn__label"], children: l }),
-        a === "waiting" && /* @__PURE__ */ i("div", { className: n["dots-pulse"], children: [
+        a === "waiting" && /* @__PURE__ */ b("div", { className: n["dots-pulse"], children: [
           /* @__PURE__ */ t("span", {}),
           /* @__PURE__ */ t("span", {}),
           /* @__PURE__ */ t("span", {})
@@ -73,6 +73,6 @@ function A({
   );
 }
 export {
-  A as ActionButton,
-  A as default
+  $ as ActionButton,
+  $ as default
 };

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

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

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

@@ -1,3 +1,22 @@
+type AdBlockProps = {
+    image: {
+        url: string;
+        altText: string;
+        mobile?: string;
+        text: string;
+    };
+    ad: {
+        campaign?: string;
+        source?: string;
+        medium?: string;
+        content?: string;
+        header: string;
+        description: string;
+        linkText: string;
+        href: string;
+    };
+    theme?: 'default' | 'round2' | 'tablotv' | 'imageonly';
+};
 /**
  * AdBlock component for rendering an advertisement block with various themes.
  * @param {*} param0 - Component props.
@@ -6,5 +25,5 @@
  * @param {string} [param0.theme='default'] - The theme to apply to the ad block (default is 'default').
  * @returns {JSX.Element} The rendered ad block.
  */
-export function AdBlock({ image, ad, theme }: any): JSX.Element;
+export declare function AdBlock({ image, ad, theme }: AdBlockProps): JSX.Element;
 export default AdBlock;

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;