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

package/dist/components/Loading/Loading.d.ts

@@ -1,8 +1,9 @@
-export function Loading({ spinnerColor, spinnerSize, spinnerTrackWidth, topOffset, message, }: {
-    spinnerColor?: string | undefined;
-    spinnerSize?: string | undefined;
-    spinnerTrackWidth?: string | undefined;
-    topOffset?: string | undefined;
-    message?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+type LoadingProps = {
+    spinnerColor?: string;
+    spinnerSize?: string;
+    spinnerTrackWidth?: string;
+    topOffset?: string;
+    message?: string;
+};
+export declare function Loading({ spinnerColor, spinnerSize, spinnerTrackWidth, topOffset, message, }: LoadingProps): JSX.Element;
 export default Loading;

package/dist/components/Loading/Loading.js

@@ -1,36 +1,41 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import "react";
 import { classes as t } from "../../utils/helpers.js";
 import '../../assets/Loading.css';const d = "_spinner_4d38k_14", r = {
   "spinner-wrap": "_spinner-wrap_4d38k_14",
   spinner: d,
   "loading-wrapper__message": "_loading-wrapper__message_4d38k_44"
 };
-function m({
+function c({
   spinnerColor: s = "var(--theme-color-100)",
   spinnerSize: a = "3.125rem",
   spinnerTrackWidth: i = "6px",
   topOffset: p = "50%",
   message: n = ""
 }) {
-  return /* @__PURE__ */ o("loading-wrapper", { style: {
-    "--spinner-size": a,
-    "--spinner-track-width": i,
-    "--spinner-color": s,
-    "--spinner-top-offset": p
-  }, children: [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: r["spinner-wrap"],
-        "data-state": "entering",
-        children: /* @__PURE__ */ e("div", { className: r.spinner })
-      }
-    ),
-    n !== "" && /* @__PURE__ */ e("div", { className: t([r["loading-wrapper__message"], "loading-wrapper__message"]), children: n })
-  ] });
+  return /* @__PURE__ */ o(
+    "loading-wrapper",
+    {
+      style: {
+        "--spinner-size": a,
+        "--spinner-track-width": i,
+        "--spinner-color": s,
+        "--spinner-top-offset": p
+      },
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: r["spinner-wrap"],
+            "data-state": "entering",
+            children: /* @__PURE__ */ e("div", { className: r.spinner })
+          }
+        ),
+        n !== "" && /* @__PURE__ */ e("div", { className: t([r["loading-wrapper__message"], "loading-wrapper__message"]), children: n })
+      ]
+    }
+  );
 }
 export {
-  m as Loading,
-  m as default
+  c as Loading,
+  c as default
 };

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

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

package/dist/components/LoadingV2/LoadingV2.d.ts

@@ -1,7 +1,8 @@
-export function LoadingV2({ width, topOffset, message, type }: {
-    width?: string | undefined;
-    topOffset?: string | undefined;
-    message?: string | undefined;
-    type?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+type LoadingV2Props = {
+    width?: string;
+    topOffset?: string;
+    message?: string;
+    type?: 'ring' | 'pie';
+};
+export declare function LoadingV2({ width, topOffset, message, type, }: LoadingV2Props): JSX.Element;
 export default LoadingV2;

package/dist/components/LoadingV2/LoadingV2.js

@@ -1,6 +1,5 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import "react";
-import { classes as s } from "../../utils/helpers.js";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { classes as _ } from "../../utils/helpers.js";
 import '../../assets/LoadingV2.css';const t = "_spinner_tub9o_11", o = "_spinner__wrapper_tub9o_23", l = "_spinner__left_tub9o_57", c = "_spinner__right_tub9o_61", m = "_spinner__anim_tub9o_65", n = {
   "loading-wrapper": "_loading-wrapper_tub9o_1",
   spinner: t,
@@ -10,30 +9,41 @@ import '../../assets/LoadingV2.css';const t = "_spinner_tub9o_11", o = "_spinner
   spinner__left: l,
   spinner__right: c,
   spinner__anim: m,
-  "ui-spinner-rotate-left": "_ui-spinner-rotate-left_tub9o_1",
-  "ui-spinner-rotate-right": "_ui-spinner-rotate-right_tub9o_1",
   "loading-wrapper__message": "_loading-wrapper__message_tub9o_97"
 };
-function h({
-  width: _ = "3rem",
+function u({
+  width: i = "3rem",
   topOffset: p = "50%",
   message: r = "",
   type: a = "ring"
 }) {
-  return /* @__PURE__ */ e("div", { className: n["loading-wrapper"], style: {
-    "--spinner-top-offset": p
-  }, children: /* @__PURE__ */ i("div", { className: n.spinner, style: { "--spinner-width": _ }, children: [
-    /* @__PURE__ */ i("div", { className: s([
-      n.spinner__wrapper,
-      a === "pie" ? n["spinner--pie"] : n["spinner--ring"]
-    ]), children: [
-      /* @__PURE__ */ e("span", { className: n.spinner__left, children: /* @__PURE__ */ e("span", { className: n.spinner__anim }) }),
-      /* @__PURE__ */ e("span", { className: n.spinner__right, children: /* @__PURE__ */ e("span", { className: n.spinner__anim }) })
-    ] }),
-    r !== "" && /* @__PURE__ */ e("div", { className: s([n["loading-wrapper__message"], "loading-wrapper__message"]), children: r })
-  ] }) });
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: n["loading-wrapper"],
+      style: {
+        "--spinner-top-offset": p
+      },
+      children: /* @__PURE__ */ s("div", { className: n.spinner, style: { "--spinner-width": i }, children: [
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: _([
+              n.spinner__wrapper,
+              a === "pie" ? n["spinner--pie"] : n["spinner--ring"]
+            ]),
+            children: [
+              /* @__PURE__ */ e("span", { className: n.spinner__left, children: /* @__PURE__ */ e("span", { className: n.spinner__anim }) }),
+              /* @__PURE__ */ e("span", { className: n.spinner__right, children: /* @__PURE__ */ e("span", { className: n.spinner__anim }) })
+            ]
+          }
+        ),
+        r !== "" && /* @__PURE__ */ e("div", { className: _([n["loading-wrapper__message"], "loading-wrapper__message"]), children: r })
+      ] })
+    }
+  );
 }
 export {
-  h as LoadingV2,
-  h as default
+  u as LoadingV2,
+  u as default
 };

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

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

package/dist/components/LogoListItem/LogoListItem.d.ts

@@ -1,7 +1,8 @@
-export function LogoListItem({ imageSource, href, altText, target }: {
-    imageSource: any;
-    href?: string | undefined;
-    altText?: string | undefined;
-    target?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+type LogoListItemProps = {
+    imageSource: string;
+    href?: string;
+    altText?: string;
+    target?: '_self' | '_blank' | '_parent' | '_top';
+};
+export declare function LogoListItem({ imageSource, href, altText, target, }: LogoListItemProps): JSX.Element;
 export default LogoListItem;

package/dist/components/LogoListItem/LogoListItem.js

@@ -1,29 +1,46 @@
-import { jsxs as n, Fragment as c, jsx as i } from "react/jsx-runtime";
-import "react";
-import { classes as t } from "../../utils/helpers.js";
+import { jsxs as m, Fragment as o, jsx as i } from "react/jsx-runtime";
+import { classes as l } from "../../utils/helpers.js";
 import '../../assets/LogoListItem.css';const s = {
-  "icon-list-item": "_icon-list-item_8ortj_1",
-  "icon-list-item__link": "_icon-list-item__link_8ortj_21",
-  "icon-list-item__img-wrapper": "_icon-list-item__img-wrapper_8ortj_22"
+  "icon-list-item": "_icon-list-item_19qvn_1",
+  "icon-list-item__link": "_icon-list-item__link_19qvn_18",
+  "icon-list-item__img-wrapper": "_icon-list-item__img-wrapper_19qvn_19"
 };
-function p({ imageSource: m, href: l = "", altText: e = "", target: o = "_self" }) {
-  return /* @__PURE__ */ n(c, { children: [
-    l !== "" && /* @__PURE__ */ i("li", { className: t([s["icon-list-item"], "icon-list-item"]), children: /* @__PURE__ */ n(
+function r({
+  imageSource: e,
+  href: t = "",
+  altText: n = "",
+  target: c = "_self"
+}) {
+  return /* @__PURE__ */ m(o, { children: [
+    t !== "" && /* @__PURE__ */ i("li", { className: l([s["icon-list-item"], "icon-list-item"]), children: /* @__PURE__ */ m(
       "a",
       {
-        href: l,
-        className: t([s["icon-list-item__link"], "icon-list-item__link"]),
-        target: o,
+        className: l([s["icon-list-item__link"], "icon-list-item__link"]),
+        href: t,
+        target: c,
         children: [
-          /* @__PURE__ */ i("span", { className: "sr-only", children: e }),
-          /* @__PURE__ */ i("img", { src: m, alt: `${e} logo`, className: s["ion-list-item__image"] })
+          /* @__PURE__ */ i("span", { className: "sr-only", children: n }),
+          /* @__PURE__ */ i(
+            "img",
+            {
+              alt: `${n} logo`,
+              className: s["ion-list-item__image"],
+              src: e
+            }
+          )
         ]
       }
     ) }),
-    l === "" && /* @__PURE__ */ i("li", { className: t([s["icon-list-item"], "icon-list-item"]), children: /* @__PURE__ */ i("span", { className: t([s["icon-list-item__img-wrapper"], "icon-list-item__img-wrapper"]), children: /* @__PURE__ */ i("img", { src: m, alt: `${e} logo` }) }) })
+    t === "" && /* @__PURE__ */ i("li", { className: l([s["icon-list-item"], "icon-list-item"]), children: /* @__PURE__ */ i("span", { className: l([s["icon-list-item__img-wrapper"], "icon-list-item__img-wrapper"]), children: /* @__PURE__ */ i(
+      "img",
+      {
+        alt: `${n} logo`,
+        src: e
+      }
+    ) }) })
   ] });
 }
 export {
-  p as LogoListItem,
-  p as default
+  r as LogoListItem,
+  r as default
 };

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

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

package/dist/components/LogoNavigation/LogoNavigation.d.ts

@@ -1,5 +1,14 @@
-export function LogoNavigation({ items, height }: {
-    items?: never[] | undefined;
-    height?: number | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+import { Image } from '../../types';
+type LogoNavigationProps = {
+    items?: Array<{
+        href?: string;
+        target?: '_self' | '_blank' | '_parent' | '_top';
+        image: Image;
+        text?: string;
+        height?: number;
+        baselineAdjustment?: number;
+    }>;
+    height?: number;
+};
+export declare function LogoNavigation({ items, height }: LogoNavigationProps): JSX.Element;
 export default LogoNavigation;

package/dist/components/LogoNavigation/LogoNavigation.js

@@ -1,23 +1,28 @@
-import { jsx as r } from "react/jsx-runtime";
-import "react";
+import { jsx as e } from "react/jsx-runtime";
 import { ImageReplacementAnchor as o } from "../ImageReplacementAnchor/ImageReplacementAnchor.js";
-import '../../assets/LogoNavigation.css';function l({ items: n = [], height: e = 4 }) {
-  return /* @__PURE__ */ r("logo-navigation", { style: {
-    "--logo-nav-max-height": `${e}rem`
-  }, children: n.length > 0 && n.map((a) => /* @__PURE__ */ r(
-    o,
+import '../../assets/LogoNavigation.css';function h({ items: n = [], height: r = 4 }) {
+  return /* @__PURE__ */ e(
+    "logo-navigation",
     {
-      href: a.href,
-      target: (a == null ? void 0 : a.target) ?? "_self",
-      image: a.image,
-      height: a.height,
-      baselineAdjustment: a != null && a.baselineAdjustment ? a.baselineAdjustment : 0,
-      text: a.text
-    },
-    `ira-${Math.round(Math.random() * 1e7)}`
-  )) });
+      style: {
+        "--logo-nav-max-height": `${r}rem`
+      },
+      children: n.length > 0 && n.map((a) => /* @__PURE__ */ e(
+        o,
+        {
+          baselineAdjustment: a != null && a.baselineAdjustment ? a.baselineAdjustment : 0,
+          height: a.height,
+          href: a.href,
+          image: a.image,
+          target: (a == null ? void 0 : a.target) ?? "_self",
+          text: a.text
+        },
+        `ira-${Math.round(Math.random() * 1e7)}`
+      ))
+    }
+  );
 }
 export {
-  l as LogoNavigation,
-  l as default
+  h as LogoNavigation,
+  h as default
 };

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

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

package/dist/components/ModalContainer/ModalContainer.d.ts

@@ -1,9 +1,9 @@
-import { default as React } from 'react';
-export function ModalContainer({ contentComponent, airaLabel, modalId, onModalClose, children, }: {
-    contentComponent?: string | undefined;
-    airaLabel?: string | undefined;
-    modalId?: string | undefined;
-    onModalClose?: (() => boolean) | undefined;
-    children: any;
-}): React.ReactPortal;
+type ModalContainerProps = {
+    contentComponent?: string;
+    airaLabel?: string;
+    modalId?: string;
+    onModalClose?: () => void;
+    children?: React.ReactNode;
+};
+export declare function ModalContainer({ contentComponent, airaLabel, modalId, onModalClose, children, }: ModalContainerProps): JSX.Element;
 export default ModalContainer;

package/dist/components/ModalContainer/ModalContainer.js

@@ -1,108 +1,120 @@
-import { jsx as s, jsxs as E, Fragment as $ } from "react/jsx-runtime";
-import P, { useState as a, useRef as L, useEffect as g, Suspense as A } from "react";
-import { r as w } from "../../index-C-kn9Zhn.mjs";
-import { classes as k } from "../../utils/helpers.js";
-import { blockLayoutsMap as F } from "../../settings.js";
-import { X as K } from "../../x-C-QzJ-qD.mjs";
-import '../../assets/ModalContainer.css';const M = "_modal_1vlfz_1", y = {
-  modal: M,
-  "modal__close-btn": "_modal__close-btn_1vlfz_48"
-}, N = (r) => {
-  if (!document.querySelector(`#${r}`)) {
-    const t = document.createElement("div");
-    t.setAttribute("id", r), document.querySelector("body").append(t);
+import { jsx as s, jsxs as k, Fragment as B } from "react/jsx-runtime";
+import { useState as i, useRef as x, useEffect as v, Suspense as M, Children as w, isValidElement as F, cloneElement as K } from "react";
+import { r as N } from "../../index-C-kn9Zhn.mjs";
+import { classes as D } from "../../utils/helpers.js";
+import { blockLayoutsMap as q } from "../../settings.js";
+import { X as R } from "../../x-C-QzJ-qD.mjs";
+import '../../assets/ModalContainer.css';const T = "_modal_ojmou_1", C = {
+  modal: T,
+  "modal__close-btn": "_modal__close-btn_ojmou_48"
+}, V = (l) => {
+  if (!document.querySelector(`#${l}`)) {
+    const n = document.createElement("div");
+    n.setAttribute("id", l);
+    const u = document.querySelector("body");
+    u && u.appendChild(n);
   }
 };
-function V({
-  contentComponent: r = "BCVideoPlayer",
-  airaLabel: h = "",
-  modalId: t = "modal-container",
-  onModalClose: x = () => !0,
-  children: u
+function J({
+  contentComponent: l = "BCVideoPlayer",
+  airaLabel: b = "",
+  modalId: n = "modal-container",
+  onModalClose: u = () => !0,
+  children: p
 }) {
-  const [p, B] = a(null), [D, _] = a("entering"), [v, C] = a(!1), [c, m] = a(null), [O, d] = a(!1), o = L(null), b = L(null), f = () => {
-    _("exiting"), C(!0), o.current !== null && setTimeout(() => {
-      o.current.close(), C(!1), _("entering"), x();
+  const [d, O] = i(null), [S, _] = i("entering"), [P, L] = i(!1), [m, g] = i(null), [$, y] = i(!1), t = x(null), h = x(null), E = () => {
+    if (_("exiting"), L(!0), t.current === null) return;
+    const e = t.current;
+    setTimeout(() => {
+      e.close(), L(!1), _("entering"), u();
     }, 750);
-  }, i = (e) => {
-    [...o.current.attributes].findIndex((n) => n.name === "open") !== -1 && e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), f());
-  }, S = (e) => {
-    e.target.classList.contains(`${y.modal}`) && f();
+  }, f = (e) => {
+    t.current !== null && [...t.current.attributes].findIndex((c) => c.name === "open") !== -1 && e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), E());
+  }, j = (e) => {
+    e.target instanceof HTMLElement && e.target.classList.contains(`${C.modal}`) && E();
   };
-  return N(t), g(() => {
-    document.getElementById(t).removeEventListener(`scripps:${t.replaceAll("-", "")}:change`, (n) => {
-      m(n.detail.componentProps), n.detail.forceOpen && d((l) => !l);
-    });
-    async function e() {
-      B(F.get(r));
+  return V(n), v(() => {
+    const e = document.getElementById(n);
+    if (!e) return;
+    e.removeEventListener(
+      `scripps:${n.replace(/-/g, "")}:change`,
+      (r) => {
+        const o = r;
+        g(o.detail.componentProps), o.detail.forceOpen && y((a) => !a);
+      }
+    );
+    async function c() {
+      O(q.get(l));
     }
-    return r !== "" && e(), document.getElementById(t).addEventListener(`scripps:${t.replaceAll("-", "")}:change`, (n) => {
-      m(n.detail.componentProps), n.detail.forceOpen && d((l) => !l);
+    return l !== "" && c(), e.addEventListener(`scripps:${n.replace(/-/g, "")}:change`, (r) => {
+      const o = r;
+      g(o.detail.componentProps), o.detail.forceOpen && y((a) => !a);
     }), () => {
-      document.getElementById(t).removeEventListener(`scripps:${t.replaceAll("-", "")}:change`, (n) => {
-        m(n.detail.componentProps), n.detail.forceOpen && d((l) => !l);
+      e.removeEventListener(`scripps:${n.replace(/-/g, "")}:change`, (r) => {
+        const o = r;
+        g(o.detail.componentProps), o.detail.forceOpen && y((a) => !a);
       });
     };
-  }, [r, t]), g(() => {
+  }, [l, n]), v(() => {
     let e = null;
-    const n = () => {
-      const l = setInterval(() => {
-        o.current !== null && (clearInterval(l), e = o.current);
+    const c = () => {
+      const r = setInterval(() => {
+        t.current !== null && (clearInterval(r), e = t.current);
       }, 100);
     };
-    return o.current === null && n(), () => {
+    return t.current === null && c(), () => {
       e == null || e.close();
     };
-  }, [p]), g(() => {
-    o.current !== null && [...o.current.attributes].findIndex((e) => e.name === "open") === -1 && c !== null && (o.current.showModal(), b.current.blur());
-  }, [c, O]), w.createPortal(
-    /* @__PURE__ */ s(A, { children: /* @__PURE__ */ E(
+  }, [d]), v(() => {
+    t.current !== null && [...t.current.attributes].findIndex((e) => e.name === "open") === -1 && m !== null && (t.current.showModal(), h.current && h.current.blur());
+  }, [m, $]), N.createPortal(
+    /* @__PURE__ */ s(M, { children: /* @__PURE__ */ k(
       "dialog",
       {
-        ref: o,
-        "data-state": D,
-        className: k([y.modal, "modal"]),
-        onKeyDown: i,
-        onKeyUp: i,
-        onClick: S,
-        onCancel: (e) => e.preventDefault(),
+        "aria-label": b,
         "aria-modal": "true",
-        "aria-label": h,
+        className: D([C.modal, "modal"]),
+        "data-state": S,
+        ref: t,
+        onCancel: (e) => e.preventDefault(),
+        onClick: j,
+        onKeyDown: f,
+        onKeyUp: f,
         children: [
-          p !== null && u === void 0 && /* @__PURE__ */ s(
-            p,
+          d && p === void 0 && /* @__PURE__ */ s(
+            d,
             {
-              ...c,
-              containerClosing: v,
-              handleClosing: i
+              ...m,
+              containerClosing: P,
+              handleClosing: f
             }
           ),
-          u !== void 0 && /* @__PURE__ */ s($, { children: P.Children.map(u, (e) => P.cloneElement(e, {
-            ...c,
-            containerClosing: v,
-            handleClosing: i
-          })) }),
-          /* @__PURE__ */ E(
+          p !== void 0 && /* @__PURE__ */ s(B, { children: w.map(p, (e) => F(e) ? K(e, {
+            ...m,
+            containerClosing: P,
+            handleClosing: f
+          }) : e) }),
+          /* @__PURE__ */ k(
             "button",
             {
-              type: "button",
-              onClick: f,
-              className: k([y["modal__close-btn"], "modal__close-btn"]),
               "aria-label": "Close",
-              ref: b,
+              className: D([C["modal__close-btn"], "modal__close-btn"]),
+              ref: h,
+              type: "button",
+              onClick: E,
               children: [
                 /* @__PURE__ */ s("span", { className: "sr-only", children: "close" }),
-                /* @__PURE__ */ s("i", { children: /* @__PURE__ */ s(K, { width: "48", height: "48" }) })
+                /* @__PURE__ */ s("i", { children: /* @__PURE__ */ s(R, { height: "48", width: "48" }) })
               ]
             }
           )
         ]
       }
     ) }),
-    document.getElementById(t)
+    document.getElementById(n)
   );
 }
 export {
-  V as ModalContainer,
-  V as default
+  J as ModalContainer,
+  J as default
 };

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

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

package/dist/components/MultiLayeredFigure/MultiLayeredFigure.d.ts

@@ -1,6 +1,7 @@
-export function MultiLayeredFigure({ images, positions, sizes }: {
-    images?: never[] | undefined;
-    positions?: string[] | undefined;
-    sizes?: string[] | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+type MultiLayeredFigureProps = {
+    imageUrls?: string[];
+    positions?: string[];
+    sizes?: string[];
+};
+export declare function MultiLayeredFigure({ imageUrls, positions, sizes, }: MultiLayeredFigureProps): JSX.Element;
 export default MultiLayeredFigure;

package/dist/components/MultiLayeredFigure/MultiLayeredFigure.js

@@ -1,16 +1,19 @@
 import { jsx as u } from "react/jsx-runtime";
-import "react";
 import '../../assets/MultiLayeredFigure.css';const l = {
   "multi-layered-figure": "_multi-layered-figure_b1yqx_1",
   "multi-layered-figure__images": "_multi-layered-figure__images_b1yqx_6"
 };
-function _({ images: t = [], positions: g = ["center"], sizes: o = ["auto"] }) {
-  const a = (r = [], c = "") => {
-    let i = "";
+function f({
+  imageUrls: t = [],
+  positions: g = ["center"],
+  sizes: o = ["auto"]
+}) {
+  const i = (r = [], m = "") => {
+    let a = "";
     for (let e = 0; e < r.length; e++)
-      c === "image" ? e === 0 ? i += `url("${r[e]}")` : i += `,url("${r[e]}")` : e === 0 ? i += `${r[e]}` : i += `,${r[e]}`;
-    return i;
-  }, s = a(g), n = a(t, "image"), m = a(o);
+      m === "image" ? e === 0 ? a += `url("${r[e]}")` : a += `,url("${r[e]}")` : e === 0 ? a += `${r[e]}` : a += `,${r[e]}`;
+    return a;
+  }, s = i(g), n = i(t, "image"), c = i(o);
   return /* @__PURE__ */ u("figure", { className: l["multi-layered-figure"], children: /* @__PURE__ */ u(
     "div",
     {
@@ -18,12 +21,12 @@ function _({ images: t = [], positions: g = ["center"], sizes: o = ["auto"] }) {
       style: {
         backgroundImage: n,
         backgroundPosition: s,
-        backgroundSize: m
+        backgroundSize: c
       }
     }
   ) });
 }
 export {
-  _ as MultiLayeredFigure,
-  _ as default
+  f as MultiLayeredFigure,
+  f as default
 };

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

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

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

@@ -1,8 +1,10 @@
-export function NavList({ title, links, classname, useNavWrapper, toggleHandler }: {
-    title?: string | undefined;
-    links?: never[] | undefined;
-    classname?: string | undefined;
-    useNavWrapper?: boolean | undefined;
-    toggleHandler?: null | undefined;
-}): import("react/jsx-runtime").JSX.Element | undefined;
+import { AnchorLink } from '../../types';
+type NavListProps = {
+    title?: string;
+    links?: AnchorLink[];
+    classname?: string;
+    useNavWrapper?: boolean;
+    toggleHandler?: ((e: React.MouseEvent) => void) | null;
+};
+export declare function NavList({ title, links, classname, useNavWrapper, toggleHandler, }: NavListProps): JSX.Element;
 export default NavList;