@scrippsproduct/networks-ui-library 1.1.10-alpha.0 → 1.1.11-alpha.0

package/dist/components/AdBlock/AdBlock.js

@@ -1,137 +1,191 @@
-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-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 = {
+import { jsx as a, jsxs as l, Fragment as k } from "react/jsx-runtime";
+import { useRef as d, useCallback as b, useEffect as z } from "react";
+import '../../assets/AdBlock.css';const $ = "_fade_1u14s_1", N = "_slidein_1u14s_1", T = "_slideout_1u14s_1", R = "_scale_1u14s_1", L = "_reveal_1u14s_1", w = "_hide_1u14s_1", h = {
+  "ad-copy__description": "_ad-copy__description_1u14s_244",
+  "ad-copy__link": "_ad-copy__link_1u14s_245",
+  "ad-anchor": "_ad-anchor_1u14s_267",
+  "ad-image": "_ad-image_1u14s_282",
+  "ad-image__text": "_ad-image__text_1u14s_309",
+  "ad-copy": "_ad-copy_1u14s_244",
+  "ad-image--animate": "_ad-image--animate_1u14s_320",
+  "promo-slide-in-left": "_promo-slide-in-left_1u14s_1",
+  "ad-copy--animate": "_ad-copy--animate_1u14s_327",
+  "promo-slide-in-right": "_promo-slide-in-right_1u14s_1",
+  "ad-copy__header": "_ad-copy__header_1u14s_335",
+  fade: $,
+  "fade-in": "_fade-in_1u14s_1",
+  "fade-out": "_fade-out_1u14s_1",
+  "page-fade-in": "_page-fade-in_1u14s_1",
+  "backdrop-reveal": "_backdrop-reveal_1u14s_1",
+  "slide-up": "_slide-up_1u14s_1",
+  slidein: N,
+  slideout: T,
+  scale: R,
+  reveal: L,
+  "reveal-overlay": "_reveal-overlay_1u14s_1",
+  hide: w,
+  "hide-overlay": "_hide-overlay_1u14s_1",
+  "rotate-full": "_rotate-full_1u14s_1",
+  "ui-spinner-rotate-left": "_ui-spinner-rotate-left_1u14s_1",
+  "ui-spinner-rotate-right": "_ui-spinner-rotate-right_1u14s_1",
+  "clip-path-open": "_clip-path-open_1u14s_1",
+  "clip-path-close": "_clip-path-close_1u14s_1"
+}, M = "_fade_f8yz4_1", C = "_slidein_f8yz4_1", I = "_slideout_f8yz4_1", O = "_scale_f8yz4_1", j = "_reveal_f8yz4_1", A = "_hide_f8yz4_1", D = {
+  "ad-copy__link": "_ad-copy__link_f8yz4_253",
+  "ad-anchor": "_ad-anchor_f8yz4_272",
+  "ad-image": "_ad-image_f8yz4_297",
+  "ad-image__text": "_ad-image__text_f8yz4_314",
+  "ad-copy": "_ad-copy_f8yz4_253",
+  "ad-image--animate": "_ad-image--animate_f8yz4_333",
+  "promo-slide-in-left": "_promo-slide-in-left_f8yz4_1",
+  "ad-copy--animate": "_ad-copy--animate_f8yz4_340",
+  "promo-slide-in-right": "_promo-slide-in-right_f8yz4_1",
+  "ad-copy__header": "_ad-copy__header_f8yz4_348",
+  "ad-copy__description": "_ad-copy__description_f8yz4_360",
+  "ad-copy__link-text": "_ad-copy__link-text_f8yz4_361",
+  fade: M,
+  "fade-in": "_fade-in_f8yz4_1",
+  "fade-out": "_fade-out_f8yz4_1",
+  "page-fade-in": "_page-fade-in_f8yz4_1",
+  "backdrop-reveal": "_backdrop-reveal_f8yz4_1",
+  "slide-up": "_slide-up_f8yz4_1",
+  slidein: C,
+  slideout: I,
+  scale: O,
+  reveal: j,
+  "reveal-overlay": "_reveal-overlay_f8yz4_1",
+  hide: A,
+  "hide-overlay": "_hide-overlay_f8yz4_1",
+  "rotate-full": "_rotate-full_f8yz4_1",
+  "ui-spinner-rotate-left": "_ui-spinner-rotate-left_f8yz4_1",
+  "ui-spinner-rotate-right": "_ui-spinner-rotate-right_f8yz4_1",
+  "clip-path-open": "_clip-path-open_f8yz4_1",
+  "clip-path-close": "_clip-path-close_f8yz4_1"
+}, E = "_fade_xxfyo_1", B = "_slidein_xxfyo_1", F = "_slideout_xxfyo_1", P = "_scale_xxfyo_1", q = "_reveal_xxfyo_1", G = "_hide_xxfyo_1", H = {
+  "ad-anchor": "_ad-anchor_xxfyo_262",
+  "ad-copy__link": "_ad-copy__link_xxfyo_273",
+  "background-container": "_background-container_xxfyo_277",
+  "ad-copy": "_ad-copy_xxfyo_273",
+  "ad-copy__header": "_ad-copy__header_xxfyo_293",
+  "ad-copy__description": "_ad-copy__description_xxfyo_303",
+  "cta-container": "_cta-container_xxfyo_314",
+  "cta-container__link": "_cta-container__link_xxfyo_325",
+  "ad-image": "_ad-image_xxfyo_344",
+  "ad-image__text": "_ad-image__text_xxfyo_363",
+  "ad-image-mobile": "_ad-image-mobile_xxfyo_373",
+  "ad-image--animate": "_ad-image--animate_xxfyo_474",
+  "promo-slide-in-right": "_promo-slide-in-right_xxfyo_1",
+  "ad-copy--animate": "_ad-copy--animate_xxfyo_481",
+  "promo-slide-in-left": "_promo-slide-in-left_xxfyo_1",
+  "ad-cta--animate": "_ad-cta--animate_xxfyo_488",
+  "ad-mobile-disclaimer--animate": "_ad-mobile-disclaimer--animate_xxfyo_502",
+  fade: E,
+  "fade-in": "_fade-in_xxfyo_1",
+  "fade-out": "_fade-out_xxfyo_1",
+  "page-fade-in": "_page-fade-in_xxfyo_1",
+  "backdrop-reveal": "_backdrop-reveal_xxfyo_1",
+  "slide-up": "_slide-up_xxfyo_1",
+  slidein: B,
+  slideout: F,
+  scale: P,
+  reveal: q,
+  "reveal-overlay": "_reveal-overlay_xxfyo_1",
+  hide: G,
+  "hide-overlay": "_hide-overlay_xxfyo_1",
+  "rotate-full": "_rotate-full_xxfyo_1",
+  "ui-spinner-rotate-left": "_ui-spinner-rotate-left_xxfyo_1",
+  "ui-spinner-rotate-right": "_ui-spinner-rotate-right_xxfyo_1",
+  "clip-path-open": "_clip-path-open_xxfyo_1",
+  "clip-path-close": "_clip-path-close_xxfyo_1"
+}, J = {
   "ad-anchor": "_ad-anchor_1kpgs_1",
   "cta-container__link": "_cta-container__link_1kpgs_11"
 };
-function M({ image: _, ad: r, theme: i = "default" }) {
-  const a = (/* @__PURE__ */ new Map([
-    ["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);
+function U({ image: i, ad: _, theme: t = "default" }) {
+  const e = (/* @__PURE__ */ new Map([
+    ["default", h],
+    ["round2", D],
+    ["tablotv", H],
+    ["imageonly", J]
+  ])).get(t) ?? h, x = _.campaign === "" ? "" : `?utm_campaign=${_.campaign}&utm_source=${_.source}&utm_medium=${_.medium}&utm_content=${_.content}`, s = d(null), o = d(null), n = d(null), f = d(null), y = d(null), p = d(null), c = `${_.href}${x}`, u = b((r, g) => {
+    r.forEach((v) => {
+      var m;
+      if (v.isIntersecting) {
+        if (t === "tablotv" && (n.current !== null && ((m = n.current) == null || m.classList.add(`${e["ad-cta--animate"]}`)), p.current !== null && p.current.classList.add(`${e["ad-mobile-disclaimer--animate"]}`)), s.current === null || o.current === null) return;
+        s.current.classList.add(`${e["ad-copy--animate"]}`), o.current.classList.add(`${e["ad-image--animate"]}`), g.unobserve(o.current);
       }
     });
-  }, [a, i]);
-  return N(() => {
-    if (i !== "imageonly") {
-      const n = new IntersectionObserver(h, {
+  }, [e, t]);
+  return z(() => {
+    if (t !== "imageonly") {
+      const r = new IntersectionObserver(u, {
         root: null,
         rootMargin: "0px",
         threshold: 0.1
       });
-      return n.observe(t.current), () => {
-        n.disconnect();
+      return r.observe(o.current), () => {
+        r.disconnect();
       };
     }
-  }, [i, h]), // onClick - ensure tab isn't opened twice if clicking directly on the cta
-  /* @__PURE__ */ e(
+  }, [t, u]), // onClick - ensure tab isn't opened twice if clicking directly on the cta
+  /* @__PURE__ */ a(
     "ad-block",
     {
-      class: `${a["ad-anchor"]}`,
-      onClick: (n) => {
-        (n.target === c.current || n.target === m.current || n.target === f.current) && n.preventDefault(), window.open(c.current, "_blank");
+      class: `${e["ad-anchor"]}`,
+      onClick: (r) => {
+        (r.target === n.current || r.target === f.current || r.target === y.current) && r.preventDefault(), window.open(n.current, "_blank");
       },
-      children: i === "imageonly" ? /* @__PURE__ */ e(
+      children: t === "imageonly" ? /* @__PURE__ */ a(
         "a",
         {
-          className: a["cta-container__link"],
-          href: d,
-          ref: c,
+          className: e["cta-container__link"],
+          href: c,
+          ref: n,
           rel: "noreferrer",
           target: "_blank",
-          children: /* @__PURE__ */ e("span", { className: "sr-only", children: _.text })
+          children: /* @__PURE__ */ a("span", { className: "sr-only", children: i.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 })
+      ) : t === "tablotv" ? /* @__PURE__ */ l("div", { className: e["background-container"], children: [
+        /* @__PURE__ */ l("div", { className: e["ad-copy"], ref: s, children: [
+          /* @__PURE__ */ a("h4", { className: e["ad-copy__header"], children: _.header }),
+          /* @__PURE__ */ a("div", { className: e["ad-image-mobile"], ref: o, children: /* @__PURE__ */ a("ad-image", { children: /* @__PURE__ */ a("a", { href: c, rel: "noreferrer", target: "_blank", children: /* @__PURE__ */ a("img", { alt: i.altText, ref: y, src: i.mobile }) }) }) }),
+          /* @__PURE__ */ a("p", { className: e["ad-copy__description"], children: _.description })
         ] }),
-        /* @__PURE__ */ l("div", { className: a["cta-container"], children: [
-          /* @__PURE__ */ e(
+        /* @__PURE__ */ l("div", { className: e["cta-container"], children: [
+          /* @__PURE__ */ a(
             "a",
             {
-              className: a["cta-container__link"],
-              href: d,
-              ref: c,
+              className: e["cta-container__link"],
+              href: c,
+              ref: n,
               rel: "noreferrer",
               target: "_blank",
-              children: r.linkText
+              children: _.linkText
             }
           ),
-          /* @__PURE__ */ e("span", { className: a["ad-image__text"], ref: p, children: _.text })
+          /* @__PURE__ */ a("span", { className: e["ad-image__text"], ref: p, children: i.text })
         ] }),
-        /* @__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__ */ l("div", { className: e["ad-image"], ref: o, children: [
+          /* @__PURE__ */ a("ad-image", { children: /* @__PURE__ */ a("a", { href: c, rel: "noreferrer", target: "_blank", children: /* @__PURE__ */ a("img", { alt: i.altText, ref: f, src: i.url }) }) }),
+          /* @__PURE__ */ a("span", { className: e["ad-image__text"], children: i.text })
         ] })
-      ] }) : /* @__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: d, rel: "noreferrer", target: "_blank", children: /* @__PURE__ */ e("img", { alt: _.altText, ref: m, src: _.url }) }) })
+      ] }) : /* @__PURE__ */ l(k, { children: [
+        /* @__PURE__ */ l("div", { className: e["ad-image"], ref: o, children: [
+          /* @__PURE__ */ a("span", { className: e["ad-image__text"], children: i.text }),
+          /* @__PURE__ */ a("ad-image", { children: /* @__PURE__ */ a("a", { href: c, rel: "noreferrer", target: "_blank", children: /* @__PURE__ */ a("img", { alt: i.altText, ref: f, src: i.url }) }) })
         ] }),
-        /* @__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(
+        /* @__PURE__ */ l("div", { className: e["ad-copy"], ref: s, children: [
+          /* @__PURE__ */ a("h4", { className: e["ad-copy__header"], children: _.header }),
+          /* @__PURE__ */ a("p", { className: e["ad-copy__description"], children: _.description }),
+          /* @__PURE__ */ a(
             "a",
             {
-              className: a["ad-copy__link"],
-              href: d,
-              ref: c,
+              className: e["ad-copy__link"],
+              href: c,
+              ref: n,
               rel: "noreferrer",
               target: "_blank",
-              children: r.linkText
+              children: _.linkText
             }
           )
         ] })
@@ -140,6 +194,6 @@ function M({ image: _, ad: r, theme: i = "default" }) {
   );
 }
 export {
-  M as AdBlock,
-  M as default
+  U as AdBlock,
+  U as default
 };

package/dist/components/DateNavigation/DateNavigation.js

@@ -1,37 +1,37 @@
 import { jsxs as _, jsx as e } from "react/jsx-runtime";
-import { useState as g, useReducer as I, useRef as m, useCallback as M, useEffect as p } from "react";
+import { useState as g, useReducer as M, useRef as m, useCallback as S, useEffect as p } from "react";
 import { f as s } from "../../format-YhWt2D8M.mjs";
 import { classes as o } from "../../utils/helpers.js";
-import { u as S } from "../../useScheduleContext-D7FdzNxe.mjs";
-import { C as W } from "../../chevron-left-D0UjbrKw.mjs";
-import { C as w } from "../../chevron-right-0ZF3LruR.mjs";
-import '../../assets/DateNavigation.css';const a = {
-  "date-navigation__list": "_date-navigation__list_1jjng_1",
-  "date-navigation__control": "_date-navigation__control_1jjng_72",
-  "date-navigation__control--previous": "_date-navigation__control--previous_1jjng_101",
-  "date-navigation__control--next": "_date-navigation__control--next_1jjng_106",
-  "date-navigation__item": "_date-navigation__item_1jjng_117",
-  "date-navigation__day": "_date-navigation__day_1jjng_132",
-  "date-navigation__month-day-break": "_date-navigation__month-day-break_1jjng_138",
-  "date-navigation__weekday": "_date-navigation__weekday_1jjng_142",
-  "date-navigation__date": "_date-navigation__date_1jjng_143"
+import { u as W } from "../../useScheduleContext-D7FdzNxe.mjs";
+import { C as w } from "../../chevron-left-D0UjbrKw.mjs";
+import { C as A } from "../../chevron-right-0ZF3LruR.mjs";
+import '../../assets/DateNavigation.css';const n = {
+  "date-navigation__list": "_date-navigation__list_18454_237",
+  "date-navigation__control": "_date-navigation__control_18454_282",
+  "date-navigation__control--previous": "_date-navigation__control--previous_18454_311",
+  "date-navigation__control--next": "_date-navigation__control--next_18454_316",
+  "date-navigation__item": "_date-navigation__item_18454_327",
+  "date-navigation__day": "_date-navigation__day_18454_342",
+  "date-navigation__month-day-break": "_date-navigation__month-day-break_18454_348",
+  "date-navigation__weekday": "_date-navigation__weekday_18454_352",
+  "date-navigation__date": "_date-navigation__date_18454_353"
 };
-function A(n, i) {
+function L(a, i) {
   switch (i.type) {
     case "NAVIGATE_TO_WEEK":
-      return i.targetWeekIndex > i.currentWeekIndex ? "advancing" : i.targetWeekIndex < i.currentWeekIndex ? "retracting" : n;
+      return i.targetWeekIndex > i.currentWeekIndex ? "advancing" : i.targetWeekIndex < i.currentWeekIndex ? "retracting" : a;
     case "ANIMATION_COMPLETE":
       return "idle";
     default:
-      return n;
+      return a;
   }
 }
 function V() {
-  const { weeks: n, setCurrentDate: i } = S(), [r, j] = g(0), [x, b] = g(n[0]), [l, y] = g(n[0][0]), [C, h] = I(A, "idle"), d = m(null), N = m(0), f = m(s(new Date(l.fullDateStr), "yyyy-MM-dd")), k = (t) => {
-    h({ type: "NAVIGATE_TO_WEEK", currentWeekIndex: r, targetWeekIndex: t }), j(t);
-  }, D = (t) => {
+  const { weeks: a, setCurrentDate: i } = W(), [r, x] = g(0), [b, C] = g(a[0]), [l, y] = g(a[0][0]), [N, h] = M(L, "idle"), d = m(null), D = m(0), f = m(s(new Date(l.fullDateStr), "yyyy-MM-dd")), k = (t) => {
+    h({ type: "NAVIGATE_TO_WEEK", currentWeekIndex: r, targetWeekIndex: t }), x(t);
+  }, E = (t) => {
     s(t.date, "yyyy-MM-dd") !== f.current && (f.current = s(t.date, "yyyy-MM-dd"), y(t), i(t.date));
-  }, c = M(() => {
+  }, c = S(() => {
     if (d.current === null) return;
     const t = d.current;
     t.addEventListener("animationstart", () => {
@@ -41,22 +41,22 @@ function V() {
   return p(() => {
     d.current !== null && (d.current.removeEventListener("animationend", c), d.current.addEventListener("animationend", c, { once: !0 }));
   }, [c]), p(() => {
-    b(n[r]);
-    const t = r ? 0 : 1, E = s(l.date, "yyyy-MM-dd"), u = n[t].findIndex(
-      (v) => s(v.date, "yyyy-MM-dd") === E
+    C(a[r]);
+    const t = r ? 0 : 1, I = s(l.date, "yyyy-MM-dd"), u = a[t].findIndex(
+      (v) => s(v.date, "yyyy-MM-dd") === I
     );
-    if (u !== -1 && n[r][u]) {
-      const v = n[r][u];
-      N.current = u, y(v), i(v.date);
+    if (u !== -1 && a[r][u]) {
+      const v = a[r][u];
+      D.current = u, y(v), i(v.date);
     }
-  }, [r, n, i, l]), /* @__PURE__ */ _("date-navigation", { "data-state": C, children: [
+  }, [r, a, i, l]), /* @__PURE__ */ _("date-navigation", { "data-state": N, children: [
     /* @__PURE__ */ _("date-navigation-controls", { children: [
       /* @__PURE__ */ _(
         "button",
         {
           className: o([
-            a["date-navigation__control"],
-            a["date-navigation__control--previous"],
+            n["date-navigation__control"],
+            n["date-navigation__control--previous"],
             "date-navigation__control",
             "date-navigation__control--previous"
           ]),
@@ -66,7 +66,7 @@ function V() {
             k(0);
           },
           children: [
-            /* @__PURE__ */ e("i", { "aria-hidden": "true", children: /* @__PURE__ */ e(W, { height: 48, width: 48 }) }),
+            /* @__PURE__ */ e("i", { "aria-hidden": "true", children: /* @__PURE__ */ e(w, { height: 48, width: 48 }) }),
             /* @__PURE__ */ e("span", { className: "sr-only", children: "Current Week" })
           ]
         }
@@ -75,8 +75,8 @@ function V() {
         "button",
         {
           className: o([
-            a["date-navigation__control"],
-            a["date-navigation__control--next"],
+            n["date-navigation__control"],
+            n["date-navigation__control--next"],
             "date-navigation__control",
             "date-navigation__control--next"
           ]),
@@ -86,7 +86,7 @@ function V() {
             k(1);
           },
           children: [
-            /* @__PURE__ */ e("i", { "aria-hidden": "true", children: /* @__PURE__ */ e(w, { height: 48, width: 48 }) }),
+            /* @__PURE__ */ e("i", { "aria-hidden": "true", children: /* @__PURE__ */ e(A, { height: 48, width: 48 }) }),
             /* @__PURE__ */ e("span", { className: "sr-only", children: "Next Week" })
           ]
         }
@@ -96,37 +96,37 @@ function V() {
       "ul",
       {
         "aria-label": "Date Tabs",
-        className: o([a["date-navigation__list"], "date-navigation__list"]),
+        className: o([n["date-navigation__list"], "date-navigation__list"]),
         ref: d,
         role: "tablist",
-        children: x.map((t) => /* @__PURE__ */ e(
+        children: b.map((t) => /* @__PURE__ */ e(
           "li",
           {
-            className: [a["date-navigation__item"], "date-navigation__item"].join(" "),
+            className: [n["date-navigation__item"], "date-navigation__item"].join(" "),
             role: "presentation",
             children: /* @__PURE__ */ _(
               "button",
               {
                 "aria-controls": `${t.fullDateStr}`,
                 "aria-selected": l.fullDateStr === t.fullDateStr,
-                className: o([a["date-navigation__day"], "date-navigation__day"]),
+                className: o([n["date-navigation__day"], "date-navigation__day"]),
                 role: "tab",
                 type: "button",
                 onClick: () => {
-                  D(t);
+                  E(t);
                 },
                 children: [
                   /* @__PURE__ */ e(
                     "div",
                     {
-                      className: o([a["date-navigation__weekday"], "date-navigation__weekday"]),
+                      className: o([n["date-navigation__weekday"], "date-navigation__weekday"]),
                       children: t.dayStr
                     }
                   ),
                   /* @__PURE__ */ _(
                     "div",
                     {
-                      className: o([a["date-navigation__date"], "date-navigation__date"]),
+                      className: o([n["date-navigation__date"], "date-navigation__date"]),
                       children: [
                         t.monthStr,
                         " ",
@@ -134,7 +134,7 @@ function V() {
                           "br",
                           {
                             className: o([
-                              a["date-navigation__month-day-break"],
+                              n["date-navigation__month-day-break"],
                               "date-navigation__month-day-break"
                             ])
                           }

package/dist/components/DrawerNavigation/DrawerNavigation.js

@@ -1,37 +1,37 @@
 import { jsxs as o, Fragment as v, jsx as e } from "react/jsx-runtime";
-import { useState as h, useCallback as k, useEffect as x } from "react";
+import { useState as u, useCallback as N, useEffect as x } from "react";
 import { classes as d } from "../../utils/helpers.js";
 import { NavList as A } from "../NavList/NavList.js";
 import { LogoNavigation as S } from "../LogoNavigation/LogoNavigation.js";
 import { ImageReplacementAnchor as j } from "../ImageReplacementAnchor/ImageReplacementAnchor.js";
 import { Overlay as E } from "../Overlay/Overlay.js";
 import '../../assets/DrawerNavigation.css';const n = {
-  "drawer-navigation__nav-bar": "_drawer-navigation__nav-bar_5hknh_1",
-  "with-logo": "_with-logo_5hknh_11",
-  "drawer-navigation__menu-toggle": "_drawer-navigation__menu-toggle_5hknh_15",
-  "drawer-navigation__hamburger": "_drawer-navigation__hamburger_5hknh_22",
-  "drawer-navigation__primary-navigation": "_drawer-navigation__primary-navigation_5hknh_54",
-  "drawer-navigation__separator": "_drawer-navigation__separator_5hknh_102",
-  "visually-hidden": "_visually-hidden_5hknh_113"
+  "drawer-navigation__nav-bar": "_drawer-navigation__nav-bar_8yqif_237",
+  "with-logo": "_with-logo_8yqif_247",
+  "drawer-navigation__menu-toggle": "_drawer-navigation__menu-toggle_8yqif_251",
+  "drawer-navigation__hamburger": "_drawer-navigation__hamburger_8yqif_258",
+  "drawer-navigation__primary-navigation": "_drawer-navigation__primary-navigation_8yqif_290",
+  "drawer-navigation__separator": "_drawer-navigation__separator_8yqif_322",
+  "visually-hidden": "_visually-hidden_8yqif_333"
 };
-function Y({
+function k({
   links: g = [],
   items: l = [],
-  classname: u = "",
-  logo: r = {},
-  clipPathStart: p = "circle(0% at top right)",
+  classname: p = "",
+  logo: i = {},
+  clipPathStart: h = "circle(0% at top right)",
   clipPathEnd: w = "circle(250% at top right)",
   overlayAppendEl: y = document.querySelector("#root")
 }) {
-  const [a, f] = h(!1), [s, m] = h(null), _ = document.querySelector("body"), t = k(() => {
-    f((N) => {
-      const c = !N;
+  const [a, f] = u(!1), [s, m] = u(null), _ = document.querySelector("body"), t = N(() => {
+    f((q) => {
+      const c = !q;
       if (c)
         _.style.overflowY = "hidden";
       else {
-        const i = document.querySelector("#overlay");
-        i == null || i.setAttribute("data-state", "exiting"), setTimeout(() => {
-          i == null || i.remove(), _.style.overflowY = "auto";
+        const r = document.querySelector("#overlay");
+        r == null || r.setAttribute("data-state", "exiting"), setTimeout(() => {
+          r == null || r.remove(), _.style.overflowY = "auto";
         }, 400);
       }
       return c;
@@ -49,17 +49,17 @@ function Y({
         className: d([
           n["drawer-navigation__nav-bar"],
           "drawer-navigation__nav-bar",
-          r.image && n["with-logo"],
+          i.image && n["with-logo"],
           `drawer-navigation__nav-bar--${a ? "expanded" : s ? "closing" : "closed"}`
         ]),
         children: [
-          r.image && /* @__PURE__ */ e(
+          i.image && /* @__PURE__ */ e(
             j,
             {
-              baselineAdjustment: r.baselineAdjustment,
-              height: r.height,
-              href: r.href,
-              image: r.image
+              baselineAdjustment: i.baselineAdjustment,
+              height: i.height,
+              href: i.href,
+              image: i.image
             }
           ),
           /* @__PURE__ */ o(
@@ -100,7 +100,7 @@ function Y({
         "data-state": a ? "opened" : s || "closed",
         id: "drawer-navigation__primary-navigation",
         style: {
-          "--clip-path-start": p,
+          "--clip-path-start": h,
           "--clip-path-end": w
         },
         onAnimationEnd: b,
@@ -108,7 +108,7 @@ function Y({
           g.length > 0 && /* @__PURE__ */ e(
             A,
             {
-              classname: u,
+              classname: p,
               links: g,
               toggleHandler: t
             }
@@ -138,6 +138,6 @@ function Y({
   ] });
 }
 export {
-  Y as DrawerNavigation,
-  Y as default
+  k as DrawerNavigation,
+  k as default
 };