@scrippsproduct/networks-ui-library 2.0.2 → 2.0.3-dev.0

package/dist/Carousel.module-BsPaZX5L.mjs

@@ -0,0 +1,14 @@
+import './assets/Carousel.css';const _ = "_carousel_2eeiv_2", e = "_carousel__scroller_2eeiv_12", o = {
+  carousel: _,
+  carousel__scroller: e,
+  "carousel-controls": "_carousel-controls_2eeiv_39",
+  "carousel-controls__previous": "_carousel-controls__previous_2eeiv_43",
+  "carousel-controls__next": "_carousel-controls__next_2eeiv_50",
+  "carousel-controls__btn": "_carousel-controls__btn_2eeiv_57",
+  "carousel-nav": "_carousel-nav_2eeiv_84",
+  "carousel-nav__list": "_carousel-nav__list_2eeiv_88",
+  "carousel-nav__item": "_carousel-nav__item_2eeiv_97"
+};
+export {
+  o as c
+};

package/dist/assets/Carousel.css

@@ -1 +1 @@
-._carousel_1um4i_2{--_carousel-scrollbar-gutter: 1.75rem;--_carousel-pagination-size: 1rem;--_slide-gap: 1.5rem;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:[carousel-scroller] 1fr [carousel-pagination]}._carousel__scroller_1um4i_12{scroll-behavior:smooth;scrollbar-width:none;scroll-padding-inline:var(--_carousel-gutters);scroll-snap-type:x mandatory;overflow-x:auto;overscroll-behavior-x:contain;display:flex;box-sizing:border-box;margin:0;padding-inline:var(--_carousel-gutters);list-style:none}._carousel__scroller_1um4i_12::-webkit-scrollbar{display:auto}._carousel__scroller_1um4i_12[data-scrollbar=true]{scrollbar-width:auto;overflow-x:scroll}._carousel__scroller_1um4i_12:not([data-scrollbar=true])::-webkit-scrollbar{display:none}._carousel-controls_1um4i_38{display:contents}._carousel-controls__previous_1um4i_42{inset-inline-start:var(--_control-btns-offset-x)}._carousel-controls__previous_1um4i_42 svg{transform:translate(-2px)}._carousel-controls__next_1um4i_49{inset-inline-end:var(--_control-btns-offset-x)}._carousel-controls__next_1um4i_49 svg{transform:translate(2px)}._carousel-controls__btn_1um4i_56{cursor:pointer;position:absolute;z-index:1;top:50%;transform:translateY(var(--_controls-transform));overflow:hidden;aspect-ratio:1;padding:0;border:1px solid transparent;border-radius:50%;color:#000;background-color:#fff6;transition:opacity .325s ease-out}._carousel-controls__btn_1um4i_56>i>svg{display:block;max-inline-size:100%;block-size:auto;stroke:currentcolor}._carousel-controls__btn_1um4i_56[disabled]{cursor:not-allowed;opacity:0;transition-delay:0s}._carousel-nav_1um4i_83{margin-top:0}._carousel-nav__list_1um4i_87{display:flex;gap:1rem;align-items:flex-start;justify-content:center;padding:0;list-style:none}._carousel-nav__item_1um4i_96{flex-basis:1rem;min-width:1rem;max-width:1rem;height:1rem;border:1px solid rgba(65,65,65,.1);border-radius:50%;background-color:transparent}._carousel-nav__item_1um4i_96[data-current=true]{background-color:#8080801a}
+._carousel_2eeiv_2{--_carousel-scrollbar-gutter: 1.75rem;--_carousel-pagination-size: 1rem;--_slide-gap: 1.5rem;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:[carousel-scroller] 1fr [carousel-pagination]}._carousel__scroller_2eeiv_12{scroll-behavior:smooth;scrollbar-width:none;scroll-padding-inline:var(--_carousel-gutters);scroll-snap-type:x mandatory;overflow-x:auto;overscroll-behavior-x:contain;display:flex;box-sizing:border-box;margin:0;padding-inline:var(--_carousel-gutters);list-style:none;transition:opacity .3s ease}._carousel__scroller_2eeiv_12::-webkit-scrollbar{display:auto}._carousel__scroller_2eeiv_12[data-scrollbar=true]{scrollbar-width:auto;overflow-x:scroll}._carousel__scroller_2eeiv_12:not([data-scrollbar=true])::-webkit-scrollbar{display:none}._carousel-controls_2eeiv_39{display:contents}._carousel-controls__previous_2eeiv_43{inset-inline-start:var(--_control-btns-offset-x)}._carousel-controls__previous_2eeiv_43 svg{transform:translate(-2px)}._carousel-controls__next_2eeiv_50{inset-inline-end:var(--_control-btns-offset-x)}._carousel-controls__next_2eeiv_50 svg{transform:translate(2px)}._carousel-controls__btn_2eeiv_57{cursor:pointer;position:absolute;z-index:1;top:50%;transform:translateY(var(--_controls-transform));overflow:hidden;aspect-ratio:1;padding:0;border:1px solid transparent;border-radius:50%;color:#000;background-color:#fff6;transition:opacity .325s ease-out}._carousel-controls__btn_2eeiv_57>i>svg{display:block;max-inline-size:100%;block-size:auto;stroke:currentcolor}._carousel-controls__btn_2eeiv_57[disabled]{cursor:not-allowed;opacity:0;transition-delay:0s}._carousel-nav_2eeiv_84{margin-top:0}._carousel-nav__list_2eeiv_88{display:flex;gap:1rem;align-items:flex-start;justify-content:center;padding:0;list-style:none}._carousel-nav__item_2eeiv_97{flex-basis:1rem;min-width:1rem;max-width:1rem;height:1rem;border:1px solid rgba(65,65,65,.1);border-radius:50%;background-color:transparent}._carousel-nav__item_2eeiv_97[data-current=true]{background-color:#8080801a}

package/dist/components/Carousel/Carousel.js

@@ -1,16 +1,17 @@
-import { jsx as o, Fragment as Q, jsxs as K } from "react/jsx-runtime";
-import { useRef as s, useState as C, useEffect as j, useCallback as i } from "react";
-import { chunkArray as X, classes as A } from "../../utils/helpers.js";
-import Y from "./CarouselUtils.class.js";
-import { CarouselSlide as Z } from "../CarouselSlide/CarouselSlide.js";
-import { c as a } from "../../Carousel.module-CNJzZW2-.mjs";
-import { C as ee } from "../../chevron-left-D0UjbrKw.mjs";
-import { C as re } from "../../chevron-right-0ZF3LruR.mjs";
+import { jsx as l, Fragment as Y, jsxs as j } from "react/jsx-runtime";
+import { useRef as i, useState as m, useEffect as B, useCallback as u, Suspense as Z } from "react";
+import { chunkArray as ee, classes as A } from "../../utils/helpers.js";
+import re from "./CarouselUtils.class.js";
+import { CarouselSlide as te } from "../CarouselSlide/CarouselSlide.js";
+import { Loading as ne } from "../Loading/Loading.js";
+import { c as a } from "../../Carousel.module-BsPaZX5L.mjs";
+import { C as le } from "../../chevron-left-D0UjbrKw.mjs";
+import { C as ce } from "../../chevron-right-0ZF3LruR.mjs";
 const _ = window.matchMedia("(width <= 600px)"), P = window.matchMedia("(width <= 800px"), b = window.matchMedia("(width <= 1024px"), z = window.matchMedia("(width <= 1280px");
-function ue({
+function me({
   id: E,
   cells: L,
-  options: x = {
+  options: I = {
     paginationType: "dots",
     showControls: !0,
     controlArrowSize: 48,
@@ -31,95 +32,95 @@ function ue({
     wrapAround: !0
   }
 }) {
-  const h = s(`carousel-${E}`), I = s(null), c = s(null), R = s(null), p = s([...L]), T = s(null), m = s(null), r = s(null), e = s(x), l = s(x), $ = s("-50%"), [N, B] = C([]), [M, G] = C([]), [k, H] = C(0);
-  j(() => {
-    const t = () => {
+  const f = i(`carousel-${E}`), x = i(null), c = i(null), R = i(null), p = i([...L]), T = i(null), g = i(null), r = i(null), e = i(I), o = i(I), $ = i("-50%"), [N, G] = m([]), [M, H] = m([]), [k, U] = m(0), [F, D] = m(!1);
+  B(() => {
+    const n = () => {
       _.matches ? e.current = {
-        ...l.current,
+        ...o.current,
         showControls: !1,
         showPagination: !1,
         cellsPerSlide: 1,
-        cellsPosition: l.current.wrapAround ? "center" : "flex-start",
+        cellsPosition: o.current.wrapAround ? "center" : "flex-start",
         gutterSize: 10
-      } : P.matches ? l.current.cellsPerSlide !== 1 ? e.current = {
-        ...l.current,
+      } : P.matches ? o.current.cellsPerSlide !== 1 ? e.current = {
+        ...o.current,
         cellsPerSlide: 2,
         showControls: !1,
         gutterSize: 10
       } : e.current = {
-        ...l.current,
+        ...o.current,
         showControls: !1,
         gutterSize: 10
-      } : b.matches ? l.current.cellsPerSlide !== 1 && l.current.cellsPerSlide !== 2 ? e.current = {
-        ...l.current,
+      } : b.matches ? o.current.cellsPerSlide !== 1 && o.current.cellsPerSlide !== 2 ? e.current = {
+        ...o.current,
         cellsPerSlide: 3,
         showControls: !1,
         gutterSize: 10
       } : e.current = {
-        ...l.current,
+        ...o.current,
         showControls: !1,
         gutterSize: 10
-      } : z.matches ? l.current.showPagination ? e.current = {
-        ...l.current,
+      } : z.matches ? o.current.showPagination ? e.current = {
+        ...o.current,
         showControls: !1
       } : e.current = {
-        ...l.current
+        ...o.current
       } : e.current = {
-        ...l.current
+        ...o.current
       };
     };
-    t();
-    const n = () => {
-      H((u) => u + 1), t();
+    n();
+    const t = () => {
+      U((s) => s + 1), n();
     };
-    return _.addEventListener("change", n), P.addEventListener("change", n), b.addEventListener("change", n), z.addEventListener("change", n), () => {
-      _.removeEventListener("change", n), P.removeEventListener("change", n), b.removeEventListener("change", n), z.removeEventListener("change", n);
+    return _.addEventListener("change", t), P.addEventListener("change", t), b.addEventListener("change", t), z.addEventListener("change", t), () => {
+      _.removeEventListener("change", t), P.removeEventListener("change", t), b.removeEventListener("change", t), z.removeEventListener("change", t);
     };
   }, []);
-  const D = i((t, n) => {
-    const u = X(n, t);
-    G([...u]);
-    let S = [];
-    for (let f = 0; f <= u.length - 1; f++)
-      S[f] = {
-        ariaLabel: `${f + 1} of ${u.length}`,
-        layout: u[f][0].layout || "",
+  const O = u((n, t) => {
+    const s = ee(t, n);
+    H([...s]);
+    let v = [];
+    for (let h = 0; h <= s.length - 1; h++)
+      v[h] = {
+        ariaLabel: `${h + 1} of ${s.length}`,
+        layout: s[h][0].layout || "",
         cells: [
-          ...u[f]
+          ...s[h]
         ]
       };
-    const v = [...S], y = [...S], q = v.slice(-1), J = v.slice(0);
-    return y.push(J[0]), y.unshift(q[0]), e.current.wrapAround && t.length > n ? y : v;
-  }, []), d = i(() => {
+    const y = [...v], C = [...v], Q = y.slice(-1), X = y.slice(0);
+    return C.push(X[0]), C.unshift(Q[0]), e.current.wrapAround && n.length > t ? C : y;
+  }, []), d = u(() => {
     e.current.autoplay && r.current && r.current.clearTimer();
-  }, []), U = i((t) => {
+  }, []), W = u((n) => {
     d();
-    const n = t.key;
-    n === "ArrowLeft" ? (t.preventDefault(), r.current && r.current.determineScrollAction(-1)) : n === "ArrowRight" && (t.preventDefault(), r.current && r.current.determineScrollAction(1));
-  }, [d]), F = i(() => {
+    const t = n.key;
+    t === "ArrowLeft" ? (n.preventDefault(), r.current && r.current.determineScrollAction(-1)) : t === "ArrowRight" && (n.preventDefault(), r.current && r.current.determineScrollAction(1));
+  }, [d]), q = u(() => {
     d(), c.current !== null && c.current.addEventListener("scrollend", () => {
       r.current && r.current.handleScrollEnd();
     }, { once: !0 });
-  }, [d]), w = i(() => {
+  }, [d]), w = u(() => {
     d(), c.current !== null && c.current.addEventListener("scrollend", () => {
       r.current && r.current.handleScrollEnd(), c.current && c.current.addEventListener("scroll", w, { once: !0 });
     }, { once: !0 });
-  }, [d]), W = () => {
+  }, [d]), J = () => {
     r.current && e.current.autoplay && r.current.clearTimer();
-  }, g = i(() => {
+  }, S = u(() => {
     //! make sure class is only instantiated once because of reacts
     //! "strict" mode double do hocus pocus
-    var t, n;
-    r.current !== null && k > 0 && ((n = (t = r.current).clearTimer) == null || n.call(t), r.current = null), r.current = new Y({
-      carouselEl: I.current,
+    var n, t;
+    r.current !== null && k > 0 && ((t = (n = r.current).clearTimer) == null || t.call(n), r.current = null), D(!1), r.current = new re({
+      carouselEl: x.current,
       scrollerEl: c.current,
       paginationEl: R.current,
       cells: p.current,
       navBtnEls: {
         next: T.current,
-        previous: m.current
+        previous: g.current
       },
-      id: h.current,
+      id: f.current,
       options: {
         autoplay: e.current.autoplay,
         wrapAround: e.current.wrapAround && p.current.length > (e.current.cellsPerSlide || 1),
@@ -130,39 +131,42 @@ function ue({
         showControls: e.current.showControls && p.current.length > (e.current.cellsPerSlide || 1),
         cellsPerSlide: e.current.cellsPerSlide
       }
-    });
-  }, [k]), O = i(() => {
+    }), D(!0);
+  }, [k]), V = u(() => {
     c.current && c.current.addEventListener("scroll", w, { once: !0 });
-  }, [w]), V = i(() => {
-    if (B(D(p.current, e.current.cellsPerSlide ?? 1)), p.current.length > (e.current.cellsPerSlide ?? 1)) {
-      let t = setInterval(() => {
-        c.current !== null && (m.current !== null && e.current.showControls || !e.current.showControls) && (clearInterval(t), O(), g());
+  }, [w]), K = u(() => {
+    const n = O(p.current, e.current.cellsPerSlide ?? 1);
+    G(n);
+    const t = n.length;
+    if (p.current.length > (e.current.cellsPerSlide ?? 1)) {
+      let s = setInterval(() => {
+        c.current !== null && c.current.children.length >= t && (g.current !== null && e.current.showControls || !e.current.showControls) && (clearInterval(s), V(), S());
       }, 100);
     } else {
-      let t = setInterval(() => {
-        c.current !== null && (clearInterval(t), g());
+      let s = setInterval(() => {
+        c.current !== null && c.current.children.length >= t && (clearInterval(s), S());
       }, 100);
     }
-  }, [D, O, g]);
-  return j(() => {
+  }, [O, V, S]);
+  return B(() => {
     if (e.current !== null) {
       if (e.current.showControls) {
-        let t = 0;
-        e.current.showPagination && (t = t + 25), e.current.showScrollbar && (t = t + 6), $.current = `calc(-50% - ${t}px)`;
+        let n = 0;
+        e.current.showPagination && (n = n + 25), e.current.showScrollbar && (n = n + 6), $.current = `calc(-50% - ${n}px)`;
       }
-      V();
+      K();
     }
     return () => {
-      W();
+      J();
     };
-  }, [V, e]), /* @__PURE__ */ o(Q, { children: e.current !== null && /* @__PURE__ */ K(
+  }, [K, e]), /* @__PURE__ */ l(Y, { children: e.current !== null && /* @__PURE__ */ j(
     "div",
     {
       "aria-label": e.current.title,
       "aria-roledescription": "carousel",
       className: a.carousel,
-      id: h.current,
-      ref: I,
+      id: f.current,
+      ref: x,
       role: "region",
       style: {
         "--_carousel-gutters": e.current.wrapAround ? `${(e.current.gutterSize ?? 25) <= 25 ? e.current.gutterSize ?? 25 : 25}%` : `0 ${(e.current.gutterSize ?? 25) <= 25 ? e.current.gutterSize ?? 25 : 25}%`,
@@ -175,9 +179,9 @@ function ue({
         "--_controls-transform": $.current
       },
       tabIndex: -1,
-      onKeyDown: U,
+      onKeyDown: W,
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ l(
           "ol",
           {
             "aria-label": "Items Scroller",
@@ -186,6 +190,7 @@ function ue({
             "data-scrollbar": e.current.showScrollbar,
             ref: c,
             role: "group",
+            style: { opacity: F ? 1 : 0 },
             tabIndex: 0,
             onMouseEnter: () => {
               e.current.autoplay && r.current !== null && r.current.clearTimer();
@@ -193,27 +198,44 @@ function ue({
             onMouseLeave: () => {
               e.current.autoplay && r.current !== null && r.current.startTimer();
             },
-            onTouchStart: F,
-            children: N.length > 0 && N.map((t, n) => /* @__PURE__ */ o(
+            onTouchStart: q,
+            children: /* @__PURE__ */ l(
               Z,
               {
-                currentIndex: e.current.wrapAround ? 1 : 0,
-                index: n,
-                slide: { ...t, ariaLabel: t.ariaLabel || "" },
-                variableHeight: e.current.variableHeight
-              },
-              `carousel${E}-slide${n}`
-            ))
+                fallback: /* @__PURE__ */ l(
+                  "li",
+                  {
+                    role: "presentation",
+                    style: { aspectRatio: e.current.slideAspectRatio, width: "100%" },
+                    children: /* @__PURE__ */ l(ne, { spinnerSize: "2rem" })
+                  }
+                ),
+                children: N.length > 0 && N.map((n, t) => /* @__PURE__ */ l(
+                  te,
+                  {
+                    currentIndex: e.current.wrapAround ? 1 : 0,
+                    index: t,
+                    slide: { ...n, ariaLabel: n.ariaLabel || "" },
+                    variableHeight: e.current.variableHeight
+                  },
+                  `carousel${E}-slide${t}`
+                ))
+              }
+            )
           }
         ),
-        e.current.showControls && L.length > (e.current.cellsPerSlide ?? 1) && /* @__PURE__ */ K("div", { className: a["carousel-controls"], children: [
-          /* @__PURE__ */ o(
+        e.current.showControls && L.length > (e.current.cellsPerSlide ?? 1) && /* @__PURE__ */ j("div", { className: a["carousel-controls"], children: [
+          /* @__PURE__ */ l(
             "button",
             {
-              "aria-controls": h.current,
+              "aria-controls": f.current,
               "aria-label": "Previous Item",
-              className: A([a["carousel-controls__btn"], a["carousel-controls__previous"], "carousel-controls__previous"]),
-              ref: m,
+              className: A([
+                a["carousel-controls__btn"],
+                a["carousel-controls__previous"],
+                "carousel-controls__previous"
+              ]),
+              ref: g,
               title: "Previous Item",
               type: "button",
               onClick: () => {
@@ -225,13 +247,13 @@ function ue({
               onMouseLeave: () => {
                 e.current.autoplay && r.current !== null && r.current.startTimer();
               },
-              children: /* @__PURE__ */ o("i", { "aria-hidden": "true", children: /* @__PURE__ */ o(ee, { height: e.current.controlArrowSize, width: e.current.controlArrowSize }) })
+              children: /* @__PURE__ */ l("i", { "aria-hidden": "true", children: /* @__PURE__ */ l(le, { height: e.current.controlArrowSize, width: e.current.controlArrowSize }) })
             }
           ),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ l(
             "button",
             {
-              "aria-controls": h.current,
+              "aria-controls": f.current,
               "aria-label": "Next Item",
               className: A([a["carousel-controls__btn"], a["carousel-controls__next"], "carousel-controls__next"]),
               ref: T,
@@ -246,27 +268,27 @@ function ue({
               onMouseLeave: () => {
                 e.current.autoplay && r.current !== null && r.current.startTimer();
               },
-              children: /* @__PURE__ */ o("i", { "aria-hidden": "true", children: /* @__PURE__ */ o(re, { height: e.current.controlArrowSize, width: e.current.controlArrowSize }) })
+              children: /* @__PURE__ */ l("i", { "aria-hidden": "true", children: /* @__PURE__ */ l(ce, { height: e.current.controlArrowSize, width: e.current.controlArrowSize }) })
             }
           )
         ] }),
-        e.current.showPagination && M.length > 1 && /* @__PURE__ */ o("div", { className: [a["carousel-nav"], "carousel-nav"].join(" "), children: /* @__PURE__ */ o("ol", { className: a["carousel-nav__list"], ref: R, children: M.map((t, n) => /* @__PURE__ */ o(
+        e.current.showPagination && M.length > 1 && /* @__PURE__ */ l("div", { className: [a["carousel-nav"], "carousel-nav"].join(" "), children: /* @__PURE__ */ l("ol", { className: a["carousel-nav__list"], ref: R, children: M.map((n, t) => /* @__PURE__ */ l(
           "li",
           {
             className: A([a["carousel-nav__item"], "carousel-nav__item"]),
-            "data-current": n === 0 ? "true" : "false",
-            title: `Navigate to slide ${n + 1}`,
+            "data-current": t === 0 ? "true" : "false",
+            title: `Navigate to slide ${t + 1}`,
             onClick: () => {
-              r.current && r.current.navigateToIndex(n);
+              r.current && r.current.navigateToIndex(t);
             }
           },
-          `carousel${h}-nav-${n}`
+          `carousel${f}-nav-${t}`
         )) }) })
       ]
     }
   ) });
 }
 export {
-  ue as Carousel,
-  ue as default
+  me as Carousel,
+  me as default
 };

package/dist/components/Carousel/navigations/Pagination.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as r } from "../../../Carousel.module-CNJzZW2-.mjs";
+import { c as r } from "../../../Carousel.module-BsPaZX5L.mjs";
 function n({ slides: l, carouselId: s, ref: t }) {
   return /* @__PURE__ */ e("div", { className: `${r["carousel-nav"]} carousel-nav`, children: /* @__PURE__ */ e("ol", { className: r["carousel-nav__list"], ref: t, children: l.map((o, a) => /* @__PURE__ */ e(
     "li",

package/dist/components/CarouselSlide/CarouselSlide.js

@@ -1,37 +1,38 @@
-import { jsx as t, Fragment as n } from "react/jsx-runtime";
-import { useState as d, useEffect as m, createElement as h } from "react";
-import { classes as p } from "../../utils/helpers.js";
-import { slideLayoutsMap as f } from "../../settings.js";
-import '../../assets/CarouselSlide.css';const y = "_slide_1echy_2", r = {
-  slide: y,
+import { jsx as r, Fragment as m } from "react/jsx-runtime";
+import { useMemo as n, createElement as u } from "react";
+import { classes as d } from "../../utils/helpers.js";
+import { slideLayoutsMap as h } from "../../settings.js";
+import '../../assets/CarouselSlide.css';const p = "_slide_1echy_2", i = {
+  slide: p,
   "slide--variable-height": "_slide--variable-height_1echy_18"
 };
-function v({
+function g({
   slide: e,
   index: l,
-  currentIndex: i,
+  currentIndex: t,
   variableHeight: s = !1
 }) {
-  const [a, o] = d(null);
-  return m(() => {
-    o(f.get(e.layout) || null);
-  }, [e]), /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
+  const a = n(
+    () => h.get(e.layout) ?? null,
+    [e.layout]
+  );
+  return /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(
     "li",
     {
       "aria-label": e.ariaLabel,
       "aria-roledescription": "carousel-item",
-      className: p([
-        r.slide,
+      className: d([
+        i.slide,
         "slide",
-        s ? r["slide--variable-height"] : ""
+        s ? i["slide--variable-height"] : ""
       ]),
       "data-index": l,
-      ...i !== l ? { inert: !0 } : {},
-      children: a !== null && e.cells.map((c, u) => /* @__PURE__ */ h(a, { ...c.props, key: `slide${l}-cell${u}` }))
+      ...t !== l ? { inert: !0 } : {},
+      children: a !== null && e.cells.map((o, c) => /* @__PURE__ */ u(a, { ...o.props, key: `slide${l}-cell${c}` }))
     }
   ) });
 }
 export {
-  v as CarouselSlide,
-  v as default
+  g as CarouselSlide,
+  g as default
 };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.2",
+  "version": "2.0.3-dev.0",
   "name": "@scrippsproduct/networks-ui-library",
   "description": "React Component Library for use in Scripps Networks external applications",
   "author": {

package/dist/Carousel.module-CNJzZW2-.mjs

@@ -1,14 +0,0 @@
-import './assets/Carousel.css';const _ = "_carousel_1um4i_2", o = "_carousel__scroller_1um4i_12", s = {
-  carousel: _,
-  carousel__scroller: o,
-  "carousel-controls": "_carousel-controls_1um4i_38",
-  "carousel-controls__previous": "_carousel-controls__previous_1um4i_42",
-  "carousel-controls__next": "_carousel-controls__next_1um4i_49",
-  "carousel-controls__btn": "_carousel-controls__btn_1um4i_56",
-  "carousel-nav": "_carousel-nav_1um4i_83",
-  "carousel-nav__list": "_carousel-nav__list_1um4i_87",
-  "carousel-nav__item": "_carousel-nav__item_1um4i_96"
-};
-export {
-  s as c
-};