@scrippsproduct/networks-ui-library 1.0.15

package/dist/components/FooterNavigation/FooterNavigation.js

@@ -0,0 +1,24 @@
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import "react";
+import { NavList as e } from "../NavList/NavList.js";
+import '../../assets/FooterNavigation.css';const r = {
+  "footer-navigation": "_footer-navigation_8qkwj_1"
+};
+function m({ sections: t = [] }) {
+  return /* @__PURE__ */ n("nav", { className: r["footer-navigation"], "aria-labelledby": "footer-navigation", children: [
+    /* @__PURE__ */ a("h4", { className: "sr-only", id: "footer-navigation", children: "Footer Navigation" }),
+    t.map((o, i) => /* @__PURE__ */ a(
+      e,
+      {
+        links: o.links,
+        title: o.title,
+        classname: o.classname
+      },
+      `footer-section-${i + 1}`
+    ))
+  ] });
+}
+export {
+  m as FooterNavigation,
+  m as default
+};

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

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

package/dist/components/FooterNavigation/index.js

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

package/dist/components/GenericList/GenericList.d.ts

@@ -0,0 +1,6 @@
+export function GenericList({ list, type, classname }: {
+    list?: never[] | undefined;
+    type?: string | undefined;
+    classname?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default GenericList;

package/dist/components/GenericList/GenericList.js

@@ -0,0 +1,23 @@
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { p as s } from "../../index-DB0QlRo7.mjs";
+import { classes as o } from "../../utils/helpers.js";
+function u({
+  list: p = [],
+  type: l = "unordered",
+  // 'unordered' | 'ordered'
+  classname: r = ""
+}) {
+  return /* @__PURE__ */ t("ul", { className: o(["generic-list", `${r}`]), children: p.map((e, i) => /* @__PURE__ */ t(
+    "li",
+    {
+      className: o(["generic-list__item", `${r}__item`]),
+      children: typeof e == "string" && e !== "" ? s(e) : e
+    },
+    r === "" ? `generic-list-${i}` : `${r}-${i}`
+  )) });
+}
+export {
+  u as GenericList,
+  u as default
+};

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

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

package/dist/components/GenericList/index.js

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

package/dist/components/GetAirdateWrapper/GetAirdateWrapper.d.ts

@@ -0,0 +1,9 @@
+export function GetAirdateWrapper({ programId, programType, separatorType, includeEpisode, SCHEDULE_ENDPOINT, NETWORK, }: {
+    programId: any;
+    programType?: string | undefined;
+    separatorType?: string | undefined;
+    includeEpisode?: boolean | undefined;
+    SCHEDULE_ENDPOINT: any;
+    NETWORK: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default GetAirdateWrapper;

package/dist/components/GetAirdateWrapper/GetAirdateWrapper.js

@@ -0,0 +1,40 @@
+import { jsx as r, Fragment as d } from "react/jsx-runtime";
+import { useState as s } from "react";
+import A from "../../hooks/useGetUpcoming.js";
+import { AirDateFormatter as c } from "../AirDateFormatter/AirDateFormatter.js";
+import { StringList as b } from "../StringList/StringList.js";
+import { convert12to24 as h } from "../../utils/helpers.js";
+const N = (i) => {
+  let n;
+  for (let t = 0; t < i.title_code.length; t++)
+    if (!isNaN(Number.parseInt(i.title_code.charAt(t), 10))) {
+      n = t;
+      break;
+    }
+  return i.title_code.slice(n);
+};
+function v({
+  programId: i,
+  programType: n = "series",
+  separatorType: t = "pipe",
+  includeEpisode: m = !1,
+  SCHEDULE_ENDPOINT: _,
+  NETWORK: u
+}) {
+  const [a, S] = s(null), [$, x] = s(null);
+  return A({ programId: i, programType: n, SCHEDULE_ENDPOINT: _, NETWORK: u }).then((e) => {
+    var p, f;
+    let l = null, o = null;
+    e.length && (l = `${e[0].start_date_parse} ${h(e[0].start_time)}`, m && ((p = e[0]) != null && p.episode_number ? o = `${(f = e[0]) == null ? void 0 : f.episode_number}: ${e[0].title_name}` : o = `${N(e[0])}: ${e[0].title_name}`)), S(l), x(o);
+  }), a === null ? /* @__PURE__ */ r(d, {}) : i === "" ? /* @__PURE__ */ r(d, {}) : m ? /* @__PURE__ */ r(
+    b,
+    {
+      list: [/* @__PURE__ */ r(c, { airdateStr: a, separatorType: t }), $],
+      separatorType: "pipe"
+    }
+  ) : /* @__PURE__ */ r(c, { airdateStr: a, separatorType: t });
+}
+export {
+  v as GetAirdateWrapper,
+  v as default
+};

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

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

package/dist/components/GetAirdateWrapper/index.js

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

package/dist/components/GradientButton/GradientButton.d.ts

@@ -0,0 +1,15 @@
+export function GradientButton({ type, label, onClick, varient, size, classname, href, gradientStartColor, gradientEndColor, hoverGradientStartColor, hoverGradientEndColor, ...attributes }: {
+    [x: string]: any;
+    type?: string | undefined;
+    label?: string | undefined;
+    onClick?: (() => void) | undefined;
+    varient?: string | undefined;
+    size?: string | undefined;
+    classname?: string | undefined;
+    href?: string | undefined;
+    gradientStartColor?: string | undefined;
+    gradientEndColor?: string | undefined;
+    hoverGradientStartColor?: string | undefined;
+    hoverGradientEndColor?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default GradientButton;

package/dist/components/GradientButton/GradientButton.js

@@ -0,0 +1,69 @@
+import { jsx as r, Fragment as x } from "react/jsx-runtime";
+import "react";
+import { classes as c } from "../../utils/helpers.js";
+import '../../assets/GradientButton.css';const a = {
+  "gradient-btn": "_gradient-btn_a5mxg_1",
+  "gradient-btn--small": "_gradient-btn--small_a5mxg_23",
+  "gradient-btn--large": "_gradient-btn--large_a5mxg_30",
+  "gradient-btn--primary": "_gradient-btn--primary_a5mxg_37",
+  "gradient-btn--action": "_gradient-btn--action_a5mxg_41",
+  "gradient-btn--info": "_gradient-btn--info_a5mxg_45",
+  "gradient-btn--danger": "_gradient-btn--danger_a5mxg_49"
+};
+function o({
+  type: l = "button",
+  label: i = "",
+  onClick: $ = () => {
+  },
+  varient: e = "primary",
+  size: g = "regular",
+  classname: d = "",
+  href: _ = "",
+  gradientStartColor: n = "",
+  gradientEndColor: t = "",
+  hoverGradientStartColor: p = "",
+  hoverGradientEndColor: u = "",
+  ...b
+}) {
+  const m = e === "" ? "" : `gradient-btn--${e}`, s = g === "" ? "" : `gradient-btn--${g}`;
+  return /* @__PURE__ */ r(x, { children: _ === "" ? /* @__PURE__ */ r(
+    "button",
+    {
+      type: l,
+      onClick: $,
+      className: c([
+        d,
+        a["gradient-btn"],
+        "gradient-btn",
+        e === "" ? "" : a[m],
+        g === "" ? "" : a[s]
+      ]),
+      style: n !== "" && t !== "" ? {
+        "--gradient": `linear-gradient(180deg, ${t}, ${n}, ${n},${t})`
+      } : {},
+      ...b,
+      children: i
+    }
+  ) : /* @__PURE__ */ r(
+    "a",
+    {
+      href: _,
+      className: c([
+        d,
+        a["gradient-btn"],
+        "gradient-btn",
+        e === "" ? "" : a[m],
+        g === "" ? "" : a[s]
+      ]),
+      style: n !== "" && t !== "" ? {
+        "--gradient": `linear-gradient(180deg, ${t}, ${n}, ${n},${t})`
+      } : {},
+      ...b,
+      children: i
+    }
+  ) });
+}
+export {
+  o as GradientButton,
+  o as default
+};

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

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

package/dist/components/GradientButton/index.js

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

package/dist/components/GridList/GridList.d.ts

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

package/dist/components/GridList/GridList.js

@@ -0,0 +1,28 @@
+import { jsxs as d, Fragment as c, jsx as r } from "react/jsx-runtime";
+import "react";
+import '../../assets/GridList.css';const i = {
+  "grid-list": "_grid-list_17klz_1",
+  "grid-list-header": "_grid-list-header_17klz_9",
+  "grid-list--1-columns": "_grid-list--1-columns_17klz_13",
+  "grid-list--2-columns": "_grid-list--2-columns_17klz_17",
+  "grid-list--3-columns": "_grid-list--3-columns_17klz_21",
+  "grid-list--4-columns": "_grid-list--4-columns_17klz_25",
+  "grid-list--5-columns": "_grid-list--5-columns_17klz_29",
+  "grid-list--6-columns": "_grid-list--6-columns_17klz_33",
+  "grid-list--7-columns": "_grid-list--7-columns_17klz_37",
+  "grid-list--8-columns": "_grid-list--8-columns_17klz_41",
+  "grid-list--9-columns": "_grid-list--9-columns_17klz_45",
+  "grid-list--10-columns": "_grid-list--10-columns_17klz_49"
+};
+function n({ children: t, numberOfColumns: l = 2, headerText: s = "" }) {
+  l > 10 && (l = 10);
+  const _ = `grid-list--${l}-columns`;
+  return /* @__PURE__ */ d(c, { children: [
+    s !== "" && /* @__PURE__ */ r("h3", { className: [i["grid-list-header"], "grid-list-header"].join(" "), children: s }),
+    /* @__PURE__ */ r("ul", { className: [i["grid-list"], i[_]].join(" "), children: t })
+  ] });
+}
+export {
+  n as GridList,
+  n as default
+};

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

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

package/dist/components/GridList/index.js

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

package/dist/components/ImageCard/ImageCard.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export const ImageCard: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export default ImageCard;

package/dist/components/ImageCard/ImageCard.js

@@ -0,0 +1,113 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import k from "./ImageCardCore.js";
+import { classes as x } from "../../utils/helpers.js";
+import '../../assets/ImageCard.css';const l = {
+  "image-card--clickable": "_image-card--clickable_1b3j4_13",
+  "image-card__img-wrapper": "_image-card__img-wrapper_1b3j4_17",
+  "image-card--inline": "_image-card--inline_1b3j4_35",
+  "image-card__image": "_image-card__image_1b3j4_39",
+  "image-card__mobile-image": "_image-card__mobile-image_1b3j4_45",
+  "image-card__play-icon": "_image-card__play-icon_1b3j4_77",
+  "play-icon__triangle": "_play-icon__triangle_1b3j4_93",
+  "image-card__content": "_image-card__content_1b3j4_112",
+  "image-card__cta-wrapper": "_image-card__cta-wrapper_1b3j4_133",
+  "image-card__cta": "_image-card__cta_1b3j4_133",
+  "image-card__overlay-content": "_image-card__overlay-content_1b3j4_147"
+}, L = v(function(_, o) {
+  const {
+    image: t = { url: "", altText: "", aspectRatio: 1, sources: [] },
+    mobileImage: d = { url: "", altText: "", aspectRatio: 1 },
+    fullSizeImagePosition: a = [50, 50],
+    mobileImagePosition: r = [50, 50],
+    clampContentLines: p = !0,
+    numberOfLinesToClamp: s = 3,
+    overlayPosition: g = "left",
+    overlayTextColor: m = "#fff",
+    relatedResourceId: j = "",
+    cta: e = {
+      label: "",
+      href: "",
+      type: "",
+      relatedResourceId: "",
+      relatedResourceType: "",
+      position: "end"
+    },
+    handleClicks: C = () => {
+    },
+    fullCardClickable: c = !1,
+    displayInline: i = !1,
+    classname: y = ""
+  } = _, u = /* @__PURE__ */ new Map([
+    ["left", "flex-start"],
+    ["right", "flex-end"],
+    ["center", "center"]
+  ]), f = (b) => {
+    C({
+      type: "card-clicked",
+      ctaType: e == null ? void 0 : e.type,
+      resourceId: j,
+      resourceType: e.relatedResourceType,
+      target: b.target,
+      currentTarget: b.currentTarget
+    });
+  };
+  return c && (e == null ? void 0 : e.href) !== "" && ((e == null ? void 0 : e.type) === "internal-link" || (e == null ? void 0 : e.type) === "external-link") ? /* @__PURE__ */ n(
+    "image-card",
+    {
+      class: x([
+        c ? l["image-card--clickable"] : null,
+        i ? l["image-card--inline"] : null,
+        y
+      ]),
+      style: {
+        "--justify-overlay-content": u.get(g),
+        "--align-overlay-content": i ? "center" : "flex-end",
+        "--overlay-content-text-color": m,
+        "--content-line-clamp": p ? s : "unset",
+        "--image-aspect-ratio": t.aspectRatio,
+        "--mobile-image-aspect-ratio": d.aspectRatio,
+        "--background-image-position": `${(a == null ? void 0 : a[0]) ?? "50"}% ${(a == null ? void 0 : a[1]) ?? "50"}%`,
+        "--mobile-background-image-position": `${(r == null ? void 0 : r[0]) ?? "50"}% ${(r == null ? void 0 : r[1]) ?? "50"}%`
+      },
+      onClick: c ? f : () => !0,
+      "data-cursor": "pointer",
+      children: /* @__PURE__ */ n(
+        "a",
+        {
+          href: e.href,
+          title: t == null ? void 0 : t.altText,
+          target: e.type === "external-link" ? "_blank" : "_self",
+          rel: e.type === "external-link" ? "noreferrer" : null,
+          className: "image-card__full-card-link",
+          children: /* @__PURE__ */ n(k, { ..._, styles: l, ref: o })
+        }
+      )
+    }
+  ) : /* @__PURE__ */ n(
+    "image-card",
+    {
+      class: x([
+        i ? l["image-card--inline"] : null,
+        y
+      ]),
+      style: {
+        "--justify-overlay-content": u.get(g),
+        "--align-overlay-content": i ? "center" : "flex-end",
+        "--overlay-content-text-color": m,
+        "--content-line-clamp": p ? s : "unset",
+        "--image-aspect-ratio": t.aspectRatio,
+        "--mobile-image-aspect-ratio": d.aspectRatio,
+        "--background-image-position": `${(a == null ? void 0 : a[0]) ?? "50"}% ${(a == null ? void 0 : a[1]) ?? "50"}%`,
+        "--mobile-background-image-position": `${(r == null ? void 0 : r[0]) ?? "50"}% ${(r == null ? void 0 : r[1]) ?? "50"}%`
+      },
+      onClick: c ? f : () => !0,
+      "data-cursor": c ? "pointer" : "default",
+      children: /* @__PURE__ */ n(k, { ..._, styles: l, ref: o })
+    }
+  );
+});
+export {
+  L as ImageCard,
+  L as default
+};

package/dist/components/ImageCard/ImageCardCore.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export default ImageCardCore;
+declare const ImageCardCore: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

package/dist/components/ImageCard/ImageCardCore.js

@@ -0,0 +1,129 @@
+import { jsxs as i, Fragment as v, jsx as l } from "react/jsx-runtime";
+import { forwardRef as R } from "react";
+import { p as w } from "../../index-DB0QlRo7.mjs";
+import { AnchorTag as x } from "../AnchorTag/AnchorTag.js";
+import { ButtonAnchor as c } from "../ButtonAnchor/ButtonAnchor.js";
+import { ResponsiveImage as k } from "../ResponsiveImage/ResponsiveImage.js";
+import { classes as a } from "../../utils/helpers.js";
+const G = R(function({
+  image: m = { url: "", altText: "", aspectRatio: 1, sources: [] },
+  mobileImage: t = { url: "", altText: "", aspectRatio: 1 },
+  fullSizeImagePosition: M = [50, 50],
+  mobileImagePosition: P = [50, 50],
+  lazyLoad: g = !0,
+  fetchPriority: f = null,
+  decoding: _ = "async",
+  title: y = "",
+  content: n = "",
+  clampContentLines: A = !0,
+  numberOfLinesToClamp: B = 3,
+  overlayContent: p = "",
+  overlayPosition: z = "left",
+  overlayTextColor: L = "#fff",
+  relatedResourceId: S = "",
+  cta: e = {
+    label: "",
+    href: "",
+    type: "",
+    relatedResourceId: "",
+    position: "end"
+  },
+  displayCTA: d = !0,
+  handleClicks: N = () => {
+  },
+  fullCardClickable: h = !1,
+  displayInline: V = !1,
+  classname: j = "",
+  styles: o = {}
+}, O) {
+  var b;
+  const T = /* @__PURE__ */ new Map([
+    ["play-video", {
+      label: "View Promo",
+      component: c
+    }],
+    ["internal-link", {
+      label: "View More",
+      component: x
+    }],
+    ["external-link", {
+      label: "Learn More",
+      component: x
+    }],
+    ["info-panel", {
+      label: "View More",
+      component: c
+    }],
+    ["show-modal", {
+      label: "See More",
+      component: c
+    }]
+  ]), I = (b = T.get(e.type)) == null ? void 0 : b.component, u = (r) => /* @__PURE__ */ l(
+    I,
+    {
+      classname: a([o["image-card__cta"], "image-card__cta"]),
+      href: r.href,
+      label: r.label ? r.label : T.get(r.type).label,
+      onClick: r.type !== "internal-link" && r.type !== "external-link" ? s : () => !0,
+      "data-resource-id": r.relatedResourceId,
+      type: r.type
+    }
+  ), s = (r) => {
+    r.stopPropagation(), N({
+      type: e.type,
+      resourceId: e.relatedResourceId,
+      resourceType: e.relatedResourceType,
+      target: r.target,
+      currentTarget: r.currentTarget
+    });
+  };
+  return /* @__PURE__ */ i(v, { children: [
+    /* @__PURE__ */ i("div", { className: a([o["image-card__img-wrapper"], "image-card__img-wrapper"]), children: [
+      t.url !== "" && /* @__PURE__ */ l(
+        "img",
+        {
+          className: o["image-card__mobile-image"],
+          src: t.url,
+          alt: t.altText,
+          onClick: (e.type === "play-video" || e.type === "show-modal") && !h ? s : () => !0,
+          loading: g ? "lazy" : null,
+          fetchpriority: f,
+          decoding: _
+        }
+      ),
+      /* @__PURE__ */ l(
+        k,
+        {
+          classname: o["image-card__image"],
+          sources: m.sources,
+          fullSizeUrl: m.url,
+          altText: m.altText,
+          loading: g ? "lazy" : null,
+          fetchpriority: f,
+          decoding: _,
+          handleClick: (e.type === "play-video" || e.type === "show-modal") && !h ? s : () => !0
+        }
+      ),
+      p !== "" && /* @__PURE__ */ l("div", { className: a([o["image-card__overlay-content"], "image-card__overlay-content"]), children: typeof p == "string" ? w(p) : p }),
+      (e == null ? void 0 : e.type) === "play-video" && /* @__PURE__ */ i("button", { type: "button", onClick: s, className: a([o["image-card__play-icon"], "image-card__play-icon"]), children: [
+        /* @__PURE__ */ l("span", { className: "sr-only", children: "PLAY BUTTON" }),
+        /* @__PURE__ */ l("div", { className: `${o["play-icon__triangle"]}` })
+      ] })
+    ] }),
+    n !== "" && /* @__PURE__ */ i("div", { className: a([o["image-card__content"], "image-card__content"]), children: [
+      y !== "" && /* @__PURE__ */ l("h2", { className: "h4", children: y }),
+      typeof n == "string" && /* @__PURE__ */ i("div", { children: [
+        w(n),
+        d && (e == null ? void 0 : e.type) && e.position === "inline" && u(e)
+      ] }),
+      typeof n != "string" && /* @__PURE__ */ i(v, { children: [
+        n,
+        d && (e == null ? void 0 : e.type) && e.position === "inline" && u(e)
+      ] })
+    ] }),
+    d && (e == null ? void 0 : e.type) && (e == null ? void 0 : e.position) === "end" && /* @__PURE__ */ l("div", { className: o["image-card__cta-wrapper"], children: u(e) })
+  ] });
+});
+export {
+  G as default
+};

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

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

package/dist/components/ImageCard/index.js

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

package/dist/components/ImageReplacementAnchor/ImageReplacementAnchor.d.ts

@@ -0,0 +1,15 @@
+export function ImageReplacementAnchor({ href, target, image, text, height, baselineAdjustment, classname }: {
+    href?: string | undefined;
+    target?: string | undefined;
+    image?: {
+        url: string;
+        width: number;
+        height: number;
+        altText: string;
+    } | undefined;
+    text?: string | undefined;
+    height?: number | undefined;
+    baselineAdjustment?: number | undefined;
+    classname?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default ImageReplacementAnchor;

package/dist/components/ImageReplacementAnchor/ImageReplacementAnchor.js

@@ -0,0 +1,52 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import "react";
+import { classes as o } from "../../utils/helpers.js";
+import '../../assets/ImageReplacementAnchor.css';const a = {
+  "image-replacement-anchor": "_image-replacement-anchor_hx29b_1",
+  "image-replacement-anchor__text": "_image-replacement-anchor__text_hx29b_14"
+};
+function x({
+  href: l = "",
+  target: t = "_self",
+  image: e = { url: "", width: 1, height: 1, altText: "" },
+  text: n = "",
+  height: c = 4,
+  baselineAdjustment: m = 0,
+  classname: i = ""
+}) {
+  return /* @__PURE__ */ s(
+    "a",
+    {
+      className: o([
+        a["image-replacement-anchor"],
+        "image-replacement-anchor",
+        i
+      ]),
+      href: l,
+      target: t,
+      rel: t === "_blank" ? "noreferrer" : null,
+      style: {
+        "--ira-aspect-ratio": e.width / e.height,
+        "--ira-height": `${c}rem`,
+        "--ira-baseline-adjustment": `${m}rem`
+      },
+      children: [
+        /* @__PURE__ */ r(
+          "img",
+          {
+            src: e.url,
+            className: a["image-replacement-anchor__image"],
+            alt: e.altText,
+            role: "presentation",
+            loading: "lazy"
+          }
+        ),
+        e.altText === "" || e.altText === void 0 ? /* @__PURE__ */ r("span", { className: a["image-replacement-anchor__text"], children: n }) : null
+      ]
+    }
+  );
+}
+export {
+  x as ImageReplacementAnchor,
+  x as default
+};

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

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

package/dist/components/ImageReplacementAnchor/index.js

@@ -0,0 +1,5 @@
+import { ImageReplacementAnchor as m, ImageReplacementAnchor as c } from "./ImageReplacementAnchor.js";
+export {
+  m as ImageReplacementAnchor,
+  c as default
+};

package/dist/components/InfoPanel/InfoPanel.d.ts

@@ -0,0 +1,10 @@
+export function InfoPanel({ layoutComponent, onBackClicked, backButtonLabel, classname }: {
+    layoutComponent?: {
+        layout: string;
+        props: {};
+    } | undefined;
+    onBackClicked?: (() => void) | undefined;
+    backButtonLabel?: string | undefined;
+    classname?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default InfoPanel;