@mx-cartographer/experiences 7.7.1 → 7.7.2

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.7.2] - 01-28-2026
+
+- **UPDATED** - `MicroInsights` CardHeader Style
+
 ## [7.7.1] - 01-27-2026
 
 - **FIXED** - Remove usage of h1 markup while maintaining H1 styles

package/dist/{ViewMoreMicroCard-CL1_NwLt.mjs → ViewMoreMicroCard-qXK-0-Rl.mjs}

@@ -3,14 +3,13 @@ import h, { useEffect as ie, useState as oe } from "react";
 import { observer as U } from "mobx-react-lite";
 import N from "@mui/material/Stack";
 import ne from "@mui/material/Button";
-import be from "@mui/material/Typography";
-import { Icon as Pe, Close as Be, ChevronLeft as Ve, ChevronRight as fe } from "@mxenabled/mx-icons";
-import { L as Ge } from "./Loader-DUaFpDGv.mjs";
+import { CategoryIcon as be, MerchantLogo as Pe, P as _e, Text as ue, H3 as Be } from "@mxenabled/mxui";
+import { Icon as Ve, Close as Ge, ChevronLeft as ke, ChevronRight as Te } from "@mxenabled/mx-icons";
+import { L as ze } from "./Loader-DUaFpDGv.mjs";
 import Q from "@mui/material/Box";
 import re from "@mui/material/IconButton";
-import { alpha as T, useTheme as H } from "@mui/material/styles";
-import { useInView as Te } from "react-intersection-observer";
-import { CategoryIcon as ke, MerchantLogo as ze, P as _e, Text as ue } from "@mxenabled/mxui";
+import { alpha as f, useTheme as H } from "@mui/material/styles";
+import { useInView as fe } from "react-intersection-observer";
 import { b as Ue } from "./Category-CevNQ03n.mjs";
 import Ke from "@mui/material/styles/useTheme";
 import { b as Fe } from "./Localization-2MODESHW.mjs";
@@ -72,27 +71,27 @@ const se = {
   WeeklyNewMerchantsV2: "WeeklyNewMerchantsV2",
   MonthlySpendComparison: "MonthlySpendComparison",
   MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
-}, y = window?.app?.clientConfig?.microwidget_instance_id || "", Ce = {
+}, O = window?.app?.clientConfig?.microwidget_instance_id || "", Ce = {
   INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
-}, ye = (t) => `on${t}Click`, Oe = (t) => `on${t}View`, We = (t) => `on${t}ViewFirstTime`, ce = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2"), et = () => Object.values(se).reduce(
+}, Oe = (t) => `on${t}Click`, ye = (t) => `on${t}View`, We = (t) => `on${t}ViewFirstTime`, ce = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2"), et = () => Object.values(se).reduce(
   (t, e) => ({
     ...t,
-    [ye(e)]: {
-      action: B.MICRO_BEAT_CLICKED,
-      category: P.BEAT_INTERACTION,
+    [Oe(e)]: {
+      action: P.MICRO_BEAT_CLICKED,
+      category: b.BEAT_INTERACTION,
       label: ce(e),
-      value: y
+      value: O
     }
   }),
   {}
 ), tt = () => Object.values(se).reduce(
   (t, e) => ({
     ...t,
-    [Oe(e)]: {
-      action: B.MICRO_BEAT_DISPLAYED,
-      category: P.BEAT_INTERACTION,
+    [ye(e)]: {
+      action: P.MICRO_BEAT_DISPLAYED,
+      category: b.BEAT_INTERACTION,
       label: ce(e),
-      value: y
+      value: O
     }
   }),
   {}
@@ -100,22 +99,22 @@ const se = {
   (t, e) => ({
     ...t,
     [We(e)]: {
-      action: B.MICRO_BEAT_DISPLAYED_FIRST_TIME,
-      category: P.BEAT_INTERACTION,
+      action: P.MICRO_BEAT_DISPLAYED_FIRST_TIME,
+      category: b.BEAT_INTERACTION,
       label: ce(e),
-      value: y
+      value: O
     }
   }),
   {}
-), b = {
+), x = {
   CARD: "Card",
   CAROUSEL_CONTROL: "Carousel Control",
   MICRO_WIDGET: "Micro Widget",
   VIEW_MORE: "View More"
-}, P = {
+}, b = {
   MICRO_WIDGET_INTERACTION: "Micro Widget Interaction",
   BEAT_INTERACTION: "Beat Interaction"
-}, O = {
+}, y = {
   ON_CAROUSEL_BACK_CLICK: "onCarouselBackClick",
   ON_CAROUSEL_BACK_SWIPE: "onCarouselBackSwipe",
   ON_CAROUSEL_FORWARD_CLICK: "onCarouselForwardClick",
@@ -124,7 +123,7 @@ const se = {
   ON_VIEW_MORE_CLICKED: "onViewMoreClicked"
 }, Ne = {
   ON_VIEW_MORE_VIEWED: "onViewMoreCardView"
-}, B = {
+}, P = {
   CONTROL_BACKWARD: "Control Backward",
   CONTROL_FORWARD: "Control Forward",
   MICRO_BEAT_CLICKED: "Micro Beat Clicked",
@@ -136,72 +135,72 @@ const se = {
   MICRO_WIDGET_CAROUSEL: "Micro Widget Carousel",
   MICRO_WIDGET_CAROUSEL_ZERO_STATE: "Micro Widget Carousel Zero State",
   MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS: "Micro Widget Carousel No Relevant Insights"
-}, ge = {
+}, Ee = {
   [k.MICRO_WIDGET_CAROUSEL]: {
-    label: b.MICRO_WIDGET,
+    label: x.MICRO_WIDGET,
     name: k.MICRO_WIDGET_CAROUSEL,
     path: Ce.INSIGHTS_MICRO_WIDGET,
-    value: y
+    value: O
   },
   // zero state
   [k.MICRO_WIDGET_CAROUSEL_ZERO_STATE]: {
-    label: b.MICRO_WIDGET,
+    label: x.MICRO_WIDGET,
     name: k.MICRO_WIDGET_CAROUSEL_ZERO_STATE,
     path: Ce.INSIGHTS_MICRO_WIDGET,
-    value: y
+    value: O
   },
   // no relevant cards
   [k.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS]: {
-    label: b.MICRO_WIDGET,
+    label: x.MICRO_WIDGET,
     name: k.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS,
     path: "/micro-widget",
-    value: y
+    value: O
   }
-}, Ee = {
+}, ge = {
   // carousel control interaction events - clicks and swipes
-  [O.ON_CAROUSEL_BACK_CLICK]: {
-    action: B.CONTROL_BACKWARD,
-    category: P.MICRO_WIDGET_INTERACTION,
-    label: b.CAROUSEL_CONTROL,
-    value: y
+  [y.ON_CAROUSEL_BACK_CLICK]: {
+    action: P.CONTROL_BACKWARD,
+    category: b.MICRO_WIDGET_INTERACTION,
+    label: x.CAROUSEL_CONTROL,
+    value: O
   },
-  [O.ON_CAROUSEL_FORWARD_CLICK]: {
-    action: B.CONTROL_FORWARD,
-    category: P.MICRO_WIDGET_INTERACTION,
-    label: b.CAROUSEL_CONTROL,
-    value: y
+  [y.ON_CAROUSEL_FORWARD_CLICK]: {
+    action: P.CONTROL_FORWARD,
+    category: b.MICRO_WIDGET_INTERACTION,
+    label: x.CAROUSEL_CONTROL,
+    value: O
   },
-  [O.ON_CAROUSEL_BACK_SWIPE]: {
-    action: B.SWIPE_BACKWARD,
-    category: P.MICRO_WIDGET_INTERACTION,
-    label: b.CAROUSEL_CONTROL,
-    value: y
+  [y.ON_CAROUSEL_BACK_SWIPE]: {
+    action: P.SWIPE_BACKWARD,
+    category: b.MICRO_WIDGET_INTERACTION,
+    label: x.CAROUSEL_CONTROL,
+    value: O
   },
-  [O.ON_CAROUSEL_FORWARD_SWIPE]: {
-    action: B.SWIPE_FORWARD,
-    category: P.MICRO_WIDGET_INTERACTION,
-    label: b.CAROUSEL_CONTROL,
-    value: y
+  [y.ON_CAROUSEL_FORWARD_SWIPE]: {
+    action: P.SWIPE_FORWARD,
+    category: b.MICRO_WIDGET_INTERACTION,
+    label: x.CAROUSEL_CONTROL,
+    value: O
   },
   // read more card events
-  [O.ON_VIEW_MORE_CLICKED]: {
-    action: B.MICRO_BEAT_CLICKED,
-    category: P.BEAT_INTERACTION,
-    label: b.VIEW_MORE,
-    value: y
+  [y.ON_VIEW_MORE_CLICKED]: {
+    action: P.MICRO_BEAT_CLICKED,
+    category: b.BEAT_INTERACTION,
+    label: x.VIEW_MORE,
+    value: O
   },
   [Ne.ON_VIEW_MORE_VIEWED]: {
-    action: B.MICRO_BEAT_DISPLAYED,
-    category: P.BEAT_INTERACTION,
-    label: b.VIEW_MORE,
-    value: y
+    action: P.MICRO_BEAT_DISPLAYED,
+    category: b.BEAT_INTERACTION,
+    label: x.VIEW_MORE,
+    value: O
   },
   ...et(),
   ...tt(),
   ...ot()
-}, Ie = async (t, e) => !e || !Ee[t] ? null : e.sendAnalyticEvent(Ee[t]).then((o) => o).catch((o) => {
+}, Ie = async (t, e) => !e || !ge[t] ? null : e.sendAnalyticEvent(ge[t]).then((o) => o).catch((o) => {
   throw o;
-}), Ae = async (t, e) => !e || !ge[t] ? null : e.sendAnalyticsPageview(ge[t]).then((o) => o).catch((o) => {
+}), Ae = async (t, e) => !e || !Ee[t] ? null : e.sendAnalyticsPageview(Ee[t]).then((o) => o).catch((o) => {
   throw o;
 });
 class it {
@@ -212,13 +211,13 @@ class it {
     ae(this);
   }
   initialize = async (e, o, n) => {
-    this.onAnalyticEvent = (r, s) => {
-      Ie(r, s).then((a) => a).catch((a) => {
-        throw a.status === 401 && n(), a;
+    this.onAnalyticEvent = (r, a) => {
+      Ie(r, a).then((s) => s).catch((s) => {
+        throw s.status === 401 && n(), s;
       });
-    }, this.onAnalyticPageView = (r, s) => {
-      Ae(r, s).then((a) => a).catch((a) => {
-        throw a.status === 401 && n(), a;
+    }, this.onAnalyticPageView = (r, a) => {
+      Ae(r, a).then((s) => s).catch((s) => {
+        throw s.status === 401 && n(), s;
       });
     }, this.beatApi = new he(e, o);
   };
@@ -254,7 +253,7 @@ const $ = h.createContext(null), rt = ({
   children: n
 }) => /* @__PURE__ */ i($.Provider, { value: { onEvent: t, onPageview: e, store: o, children: n }, children: n }), at = ({ beat: t }) => {
   const { primary_category_guid: e, category_guids: o } = t, n = e || o?.[0] || Ue.UNCATEGORIZED;
-  return /* @__PURE__ */ i(ke, { categoryGuid: n, size: 32, sx: { minWidth: 32 } });
+  return /* @__PURE__ */ i(be, { categoryGuid: n, size: 32, sx: { minWidth: 32 } });
 }, R = ({
   bgColor: t,
   name: e,
@@ -268,12 +267,12 @@ const $ = h.createContext(null), rt = ({
       height: 32
     },
     variant: "rounded",
-    children: /* @__PURE__ */ i(Pe, { color: o, fill: !0, name: e, size: 20 })
+    children: /* @__PURE__ */ i(Ve, { color: o, fill: !0, name: e, size: 20 })
   }
 ), st = ({ beat: t }) => {
   const { category_guids: e, merchant_guids: o, primary_category_guid: n, primary_merchant_guid: r } = t;
   return /* @__PURE__ */ i(
-    ze,
+    Pe,
     {
       categoryGuid: n || e && e[0] || "",
       merchantGuid: r || o[0],
@@ -295,37 +294,37 @@ const $ = h.createContext(null), rt = ({
   return !n.length || !r.length ? "primary" : n[0].amount > r[0].amount ? "error" : n[0].amount < r[0].amount ? "success" : "primary";
 }, dt = ({ beat: t }) => {
   const e = Ke(), o = lt(t.data_series), n = e.palette[o].main;
-  return /* @__PURE__ */ i(R, { bgColor: T(n, 0.15), iconColor: o, name: "bar_chart" });
+  return /* @__PURE__ */ i(R, { bgColor: f(n, 0.15), iconColor: o, name: "bar_chart" });
 }, _t = {
-  0: (t, e) => /* @__PURE__ */ i(R, { bgColor: T(e.palette.primary.main, 0.15), name: "error" }),
+  0: (t, e) => /* @__PURE__ */ i(R, { bgColor: f(e.palette.primary.main, 0.15), name: "error" }),
   1: (t) => /* @__PURE__ */ i(at, { beat: t }),
   2: (t) => /* @__PURE__ */ i(st, { beat: t }),
   3: (t) => /* @__PURE__ */ i(dt, { beat: t }),
   4: (t, e) => /* @__PURE__ */ i(
     R,
     {
-      bgColor: T(e.palette.secondary.main, 0.15),
+      bgColor: f(e.palette.secondary.main, 0.15),
       iconColor: "secondary",
       name: "info"
     }
   ),
-  5: (t, e) => /* @__PURE__ */ i(R, { bgColor: T(e.palette.primary.main, 0.15), name: "campaign" }),
+  5: (t, e) => /* @__PURE__ */ i(R, { bgColor: f(e.palette.primary.main, 0.15), name: "campaign" }),
   // TODO: Waiting for the backend to accommodate icon types 6, 7, 8, and 9
   6: (t, e) => /* @__PURE__ */ i(
     R,
     {
-      bgColor: T(e.palette.success.main, 0.15),
+      bgColor: f(e.palette.success.main, 0.15),
       iconColor: "success",
       name: "check_circle"
     }
   ),
-  7: (t, e) => /* @__PURE__ */ i(R, { bgColor: T(e.palette.primary.main, 0.15), name: "today" }),
-  8: (t, e) => /* @__PURE__ */ i(R, { bgColor: T(e.palette.primary.main, 0.15), name: "calendar_clock" }),
-  9: (t, e) => /* @__PURE__ */ i(R, { bgColor: T(e.palette.primary.main, 0.15), name: "celebration" })
+  7: (t, e) => /* @__PURE__ */ i(R, { bgColor: f(e.palette.primary.main, 0.15), name: "today" }),
+  8: (t, e) => /* @__PURE__ */ i(R, { bgColor: f(e.palette.primary.main, 0.15), name: "calendar_clock" }),
+  9: (t, e) => /* @__PURE__ */ i(R, { bgColor: f(e.palette.primary.main, 0.15), name: "celebration" })
 }, ut = ({ beat: t }) => {
   const e = H(), { icon_type: o } = t, n = o != null ? _t[o] : null;
-  return n ? n(t, e) : /* @__PURE__ */ i(R, { bgColor: T(e.palette.primary.main, 0.15), name: "error" });
-}, D = () => {
+  return n ? n(t, e) : /* @__PURE__ */ i(R, { bgColor: f(e.palette.primary.main, 0.15), name: "error" });
+}, B = () => {
   const t = h.useContext($);
   if (!t)
     throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
@@ -356,27 +355,28 @@ const $ = h.createContext(null), rt = ({
   function({
     ariaLabel: e,
     cardSx: o,
-    description: n,
-    icon: r,
+    closeAriaLabel: n,
+    description: r,
+    icon: a,
     isActiveCard: s,
-    hasCardEffect: a = !1,
-    heightOverrides: _,
+    hasCardEffect: p = !1,
+    heightOverrides: m,
     onClose: C,
-    onCardClick: m,
-    onPrimaryAction: p,
-    onSecondaryAction: c,
-    primaryActionText: d,
-    secondaryActionText: l,
-    title: I,
-    variant: g,
-    widthOverrides: E,
-    ...A
-  }, v) {
-    const { cardsCopy: V } = D(), S = !!(p && d), f = !!(c && l), M = a ? Ze : Q, w = /* @__PURE__ */ L(Se, { children: [
+    onCardClick: _,
+    onPrimaryAction: c,
+    onSecondaryAction: d,
+    primaryActionText: l,
+    secondaryActionText: g,
+    title: E,
+    variant: A,
+    widthOverrides: I,
+    ...D
+  }, V) {
+    const S = !!(c && l), T = !!(d && g), M = p ? Ze : Q, w = /* @__PURE__ */ L(Se, { children: [
       C && /* @__PURE__ */ i(
         re,
         {
-          "aria-label": V.close,
+          "aria-label": n,
           onClick: (u) => {
             u.stopPropagation(), C?.();
           },
@@ -387,18 +387,18 @@ const $ = h.createContext(null), rt = ({
             u.stopPropagation();
           },
           sx: { minHeight: 40, minWidth: 40, position: "absolute", right: 4, top: 4 },
-          children: /* @__PURE__ */ i(Be, {})
+          children: /* @__PURE__ */ i(Ge, {})
         }
       ),
       /* @__PURE__ */ L(N, { sx: { gap: 6, height: "100%", justifyContent: "space-between" }, children: [
         /* @__PURE__ */ L(N, { sx: { flexDirection: "row", gap: 12 }, children: [
-          r && r,
+          a && a,
           /* @__PURE__ */ L(N, { sx: { gap: 6 }, children: [
-            /* @__PURE__ */ i(N, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: /* @__PURE__ */ i(_e, { bold: !0, sx: { lineHeight: "16px" }, variant: "body1", children: I }) }),
+            /* @__PURE__ */ i(N, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: /* @__PURE__ */ i(_e, { bold: !0, sx: { lineHeight: "16px" }, variant: "body1", children: E }) }),
             /* @__PURE__ */ i(
               _e,
               {
-                dangerouslySetInnerHTML: { __html: n },
+                dangerouslySetInnerHTML: { __html: r },
                 sx: {
                   display: "-webkit-box",
                   overflow: "hidden",
@@ -419,14 +419,14 @@ const $ = h.createContext(null), rt = ({
               flexDirection: "row",
               height: 28,
               pb: 4,
-              pl: r ? 36 : 0
+              pl: a ? 36 : 0
             },
             children: [
               S && /* @__PURE__ */ i(
                 ne,
                 {
                   onClick: (u) => {
-                    u.stopPropagation(), p?.();
+                    u.stopPropagation(), c?.();
                   },
                   onMouseDown: (u) => {
                     u.stopPropagation();
@@ -435,16 +435,16 @@ const $ = h.createContext(null), rt = ({
                     u.stopPropagation();
                   },
                   size: "small",
-                  sx: { px: r ? 8 : 0 },
+                  sx: { px: a ? 8 : 0 },
                   variant: "text",
-                  children: /* @__PURE__ */ i(ue, { bold: !0, variant: "body2", children: d })
+                  children: /* @__PURE__ */ i(ue, { bold: !0, variant: "body2", children: l })
                 }
               ),
-              f && /* @__PURE__ */ i(
+              T && /* @__PURE__ */ i(
                 ne,
                 {
                   onClick: (u) => {
-                    u.stopPropagation(), c?.();
+                    u.stopPropagation(), d?.();
                   },
                   onMouseDown: (u) => {
                     u.stopPropagation();
@@ -455,7 +455,7 @@ const $ = h.createContext(null), rt = ({
                   size: "small",
                   sx: { px: 8 },
                   variant: "text",
-                  children: /* @__PURE__ */ i(ue, { bold: !0, sx: { color: "text.secondary" }, variant: "body2", children: l })
+                  children: /* @__PURE__ */ i(ue, { bold: !0, sx: { color: "text.secondary" }, variant: "body2", children: g })
                 }
               )
             ]
@@ -468,27 +468,27 @@ const $ = h.createContext(null), rt = ({
       {
         "aria-hidden": !s,
         "aria-label": e,
-        ref: v,
+        ref: V,
         role: "group",
         sx: {
           backgroundColor: "background.paper",
-          height: _ ? "100%" : 124,
-          minWidth: E ? `${E}px` : "100%",
+          height: m ? "100%" : 124,
+          minWidth: I ? `${I}px` : "100%",
           position: "relative",
           ...o
         },
-        tabIndex: m || !s ? -1 : 0,
-        variant: g,
-        ...A,
-        children: m ? /* @__PURE__ */ i(
+        tabIndex: _ || !s ? -1 : 0,
+        variant: A,
+        ...D,
+        children: _ ? /* @__PURE__ */ i(
           Qe,
           {
-            onClick: m,
+            onClick: _,
             sx: {
               pb: 8,
               pt: 16,
               px: 16,
-              height: _ ? "100%" : 124
+              height: m ? "100%" : 124
             },
             children: w
           }
@@ -496,55 +496,55 @@ const $ = h.createContext(null), rt = ({
       }
     );
   }
-), q = Ct, gt = ({
+), q = Ct, Et = ({
   ariaLabel: t,
   beat: e,
   index: o,
   isActiveCard: n,
   onCardClick: r,
-  posthog: s,
-  widthOverrides: a,
-  variant: _,
-  showIcon: C,
-  heightOverrides: m
+  posthog: a,
+  widthOverrides: s,
+  variant: p,
+  showIcon: m,
+  heightOverrides: C
 }) => {
-  const { ref: p, inView: c } = Te({
+  const { ref: _, inView: c } = fe({
     threshold: we
-  }), { cardsCopy: d } = D(), { onEvent: l } = j(), { updateBeat: I, updateOffer: g } = pt();
+  }), { cardsCopy: d } = B(), { onEvent: l } = j(), { updateBeat: g, updateOffer: E } = pt();
   ie(() => {
-    c && (e.has_been_displayed ? l(Oe(e.template)) : (e.guid.startsWith("OFR") ? g({
+    c && (e.has_been_displayed ? l(ye(e.template)) : (e.guid.startsWith("OFR") ? E({
       ...e,
       has_been_displayed: !0
-    }) : I({
+    }) : g({
       ...e,
       has_been_displayed: !0
     }), l(We(e.template))));
   }, [c]), ie(() => {
     if (c && e)
       if (e.template === "MarketingOffer") {
-        const A = e;
-        s?.capture("viewed_messaging_insight", {
+        const I = e;
+        a?.capture("viewed_messaging_insight", {
           template: e.template,
-          campaign_guid: A.campaign_guid,
-          campaign_name: A.pulse_campaign_name
+          campaign_guid: I.campaign_guid,
+          campaign_name: I.pulse_campaign_name
         });
       } else
-        s?.capture("viewed_insight", {
+        a?.capture("viewed_insight", {
           beat_guid: e.guid,
           template: e.template,
           position: o
         });
   }, [e, o, c]);
-  const E = () => {
-    if (r && r(e), l(ye(e.template)), e.template === "MarketingOffer") {
-      const A = e;
-      s?.capture("clicked_messaging_insight", {
+  const A = () => {
+    if (r && r(e), l(Oe(e.template)), e.template === "MarketingOffer") {
+      const I = e;
+      a?.capture("clicked_messaging_insight", {
         template: e.template,
-        campaign_guid: A.campaign_guid,
-        campaign_name: A.pulse_campaign_name
+        campaign_guid: I.campaign_guid,
+        campaign_name: I.pulse_campaign_name
       });
     } else
-      s?.capture("clicked_insight", {
+      a?.capture("clicked_insight", {
         beat_guid: e.guid,
         template: e.template,
         position: o
@@ -560,29 +560,29 @@ const $ = h.createContext(null), rt = ({
       },
       description: e?.html_micro_description && e?.html_micro_description.length > 0 ? e.html_micro_description : e.html_description || "",
       hasCardEffect: !0,
-      heightOverrides: m,
-      icon: C && /* @__PURE__ */ i(ut, { beat: e }),
+      heightOverrides: C,
+      icon: m && /* @__PURE__ */ i(ut, { beat: e }),
       isActiveCard: n,
-      onCardClick: E,
-      onPrimaryAction: E,
+      onCardClick: A,
+      onPrimaryAction: A,
       primaryActionText: e.micro_call_to_action || d.micro_card_cta,
-      ref: p,
+      ref: _,
       title: e.micro_title && e.micro_title.length > 0 ? e.micro_title : e.title,
-      variant: _,
-      widthOverrides: a
+      variant: p,
+      widthOverrides: s
     }
   );
-}, Et = ({
+}, gt = ({
   currentBeatIndex: t,
   numBeats: e,
   onNextClick: o,
   onPreviousClick: n,
   scrollRightBoundary: r,
-  scrollX: s,
-  shouldApplyDotAnimation: a = !1,
-  visibleCardsCount: _ = 1
+  scrollX: a,
+  shouldApplyDotAnimation: s = !1,
+  visibleCardsCount: p = 1
 }) => {
-  const C = H(), { carouselCopy: m } = D(), p = Math.floor(s) > r || t - _ + 1 === 0, c = s < 0 || e - 1 === t, d = C.palette.grey[500], l = C.palette.primary.main;
+  const m = H(), { carouselCopy: C } = B(), _ = Math.floor(a) > r || t - p + 1 === 0, c = a < 0 || e - 1 === t, d = m.palette.grey[500], l = m.palette.primary.main;
   return /* @__PURE__ */ L(
     N,
     {
@@ -601,32 +601,32 @@ const $ = h.createContext(null), rt = ({
         /* @__PURE__ */ i(
           re,
           {
-            "aria-disabled": p,
-            "aria-label": m.previous_insight_cta_aria,
-            disabled: p,
+            "aria-disabled": _,
+            "aria-label": C.previous_insight_cta_aria,
+            disabled: _,
             onClick: n,
             children: /* @__PURE__ */ i(
-              Ve,
+              ke,
               {
                 style: {
-                  color: p ? d : l
+                  color: _ ? d : l
                 }
               }
             )
           }
         ),
-        Array.from({ length: e }).map((I, g) => {
-          const E = g === t;
+        Array.from({ length: e }).map((g, E) => {
+          const A = E === t;
           return /* @__PURE__ */ i(
             Q,
             {
               className: "mx-insights-micro-carousel-dots",
               sx: {
-                bgcolor: E ? l : d,
+                bgcolor: A ? l : d,
                 height: 8,
                 mr: 8,
                 // existing comment from meganthan "we were using `gap` instead of margin, but it doesn't work in safari browsers older than iOS 14.1"
-                ...a ? {
+                ...s ? {
                   borderRadius: "4px",
                   transformOrigin: "center",
                   transition: "all 0.5s ease-out",
@@ -635,21 +635,21 @@ const $ = h.createContext(null), rt = ({
                   borderRadius: "50%",
                   p: 0
                 },
-                width: E && a ? 24 : 8
+                width: A && s ? 24 : 8
               }
             },
-            `carousel-button-${g}`
+            `carousel-button-${E}`
           );
         }),
         /* @__PURE__ */ i(
           re,
           {
             "aria-disabled": c,
-            "aria-label": m.next_insight_cta_aria,
+            "aria-label": C.next_insight_cta_aria,
             disabled: c,
             onClick: o,
             children: /* @__PURE__ */ i(
-              fe,
+              Te,
               {
                 style: {
                   color: c ? d : l
@@ -667,35 +667,35 @@ const $ = h.createContext(null), rt = ({
   cardWidth: o,
   showCTAColocatedWithText: n,
   heightOverrides: r,
-  onCardClick: s,
-  posthog: a,
-  showIcon: _,
-  variant: C
+  onCardClick: a,
+  posthog: s,
+  showIcon: p,
+  variant: m
 }) => {
-  const { carouselCopy: m } = D(), p = {
+  const { carouselCopy: C } = B(), _ = {
     showCTAColocatedWithText: n,
     heightOverrides: r,
-    posthog: a,
-    showIcon: _,
-    variant: C
+    posthog: s,
+    showIcon: p,
+    variant: m
   };
   return /* @__PURE__ */ L(Se, { children: [
     e.map((c, d) => {
-      const l = d + 1, I = e.length + 1, g = Fe(
-        m.card_position_in_carousel_aria,
+      const l = d + 1, g = e.length + 1, E = Fe(
+        C.card_position_in_carousel_aria,
         l.toString(),
-        I.toString()
-      ), E = c.micro_title && c.micro_title.length > 0, A = c.micro_description && c.micro_description.length > 0, v = E ? c.micro_title : c.title, V = A ? c.micro_description : c.description;
+        g.toString()
+      ), A = c.micro_title && c.micro_title.length > 0, I = c.micro_description && c.micro_description.length > 0, D = A ? c.micro_title : c.title, V = I ? c.micro_description : c.description;
       return /* @__PURE__ */ i(
-        gt,
+        Et,
         {
-          ariaLabel: `${g}: ${v}, ${V}`,
+          ariaLabel: `${E}: ${D}, ${V}`,
           beat: c,
           index: d,
           isActiveCard: d === t,
-          onCardClick: s,
+          onCardClick: a,
           widthOverrides: o || void 0,
-          ...p
+          ..._
         },
         `${c.guid} ${d}`
       );
@@ -704,9 +704,9 @@ const $ = h.createContext(null), rt = ({
       Nt,
       {
         isActiveCard: t === e.length,
-        onCardClick: s,
+        onCardClick: a,
         widthOverrides: o || void 0,
-        ...p
+        ..._
       }
     )
   ] });
@@ -716,17 +716,17 @@ const $ = h.createContext(null), rt = ({
   beats: o = [],
   showCTAColocatedWithText: n,
   heightOverrides: r,
-  onCardClick: s,
-  posthog: a,
-  showCarouselControls: _,
-  showIcon: C,
-  showWithMargin: m = !0,
-  variant: p,
+  onCardClick: a,
+  posthog: s,
+  showCarouselControls: p,
+  showIcon: m,
+  showWithMargin: C = !0,
+  variant: _,
   widthOverrides: c,
   visibleCardsCount: d = 1
   // Default to 1 card visible
 }) => {
-  const l = h.useRef(null), I = h.useRef(null), [g, E] = h.useState(0), [A, v] = h.useState(null), [V, S] = h.useState(null), [f, M] = h.useState(null), { carouselCopy: w } = D(), { onEvent: u } = j();
+  const l = h.useRef(null), g = h.useRef(null), [E, A] = h.useState(0), [I, D] = h.useState(null), [V, S] = h.useState(null), [T, M] = h.useState(null), { carouselCopy: w } = B(), { onEvent: u } = j();
   h.useEffect(() => {
     if (l.current && !e) {
       const W = l.current.offsetWidth, K = 8;
@@ -739,7 +739,7 @@ const $ = h.createContext(null), rt = ({
       M(z);
     }
   }, [d, l.current?.offsetWidth]), h.useEffect(() => {
-    const W = I.current?.offsetWidth;
+    const W = g.current?.offsetWidth;
     if (typeof W == "number" && e) {
       const K = (F) => {
         const de = [
@@ -753,42 +753,42 @@ const $ = h.createContext(null), rt = ({
       };
       M(K(W));
       const z = () => {
-        const F = I.current?.offsetWidth;
+        const F = g.current?.offsetWidth;
         typeof F == "number" && M(K(F));
       };
       return window.addEventListener("resize", z), () => {
         window.removeEventListener("resize", z);
       };
     }
-  }, [e, I]);
+  }, [e, g]);
   const Y = () => {
-    u(O.ON_CAROUSEL_FORWARD_CLICK, t), l.current && f && l.current.scrollTo({
-      left: g + f + 8,
+    u(y.ON_CAROUSEL_FORWARD_CLICK, t), l.current && T && l.current.scrollTo({
+      left: E + T + 8,
       top: 0,
       behavior: "smooth"
     });
   }, X = () => {
-    u(O.ON_CAROUSEL_BACK_CLICK, t), l.current && f && l.current.scrollTo({
-      left: Math.max(0, g - (f + 8)),
+    u(y.ON_CAROUSEL_BACK_CLICK, t), l.current && T && l.current.scrollTo({
+      left: Math.max(0, E - (T + 8)),
       top: 0,
       behavior: "smooth"
     });
   }, J = () => {
-    l.current && E(l.current.scrollLeft);
+    l.current && A(l.current.scrollLeft);
   }, ee = () => {
-    if (!V || !A) return;
-    V - A > mt ? u(O.ON_CAROUSEL_FORWARD_SWIPE, t) : u(O.ON_CAROUSEL_BACK_SWIPE, t);
+    if (!V || !I) return;
+    V - I > mt ? u(y.ON_CAROUSEL_FORWARD_SWIPE, t) : u(y.ON_CAROUSEL_BACK_SWIPE, t);
   }, te = (W) => {
-    v(W.targetTouches[0].clientX);
+    D(W.targetTouches[0].clientX);
   }, Z = (W) => {
-    v(null), S(W.targetTouches[0].clientX);
-  }, x = f ? Math.round(g / (f + 8)) : 0, ve = l.current ? l.current.scrollWidth - l.current.offsetWidth : 0;
+    D(null), S(W.targetTouches[0].clientX);
+  }, v = T ? Math.round(E / (T + 8)) : 0, ve = l.current ? l.current.scrollWidth - l.current.offsetWidth : 0;
   return /* @__PURE__ */ L(
     N,
     {
       "aria-label": w.carousel_title,
       "aria-roledescription": "carousel",
-      ref: I,
+      ref: g,
       role: "group/region",
       sx: {
         alignItems: "center",
@@ -812,7 +812,7 @@ const $ = h.createContext(null), rt = ({
               gap: 8,
               listStyleType: "none",
               m: 0,
-              maxWidth: m ? "calc(100% - 32px)" : "100%",
+              maxWidth: C ? "calc(100% - 32px)" : "100%",
               overflowX: "auto",
               overflowY: "hidden",
               p: 0,
@@ -826,28 +826,28 @@ const $ = h.createContext(null), rt = ({
             children: /* @__PURE__ */ i(
               It,
               {
-                activeCardIndex: x,
+                activeCardIndex: v,
                 beats: o,
-                cardWidth: f,
+                cardWidth: T,
                 heightOverrides: r,
-                onCardClick: s,
-                posthog: a,
+                onCardClick: a,
+                posthog: s,
                 showCTAColocatedWithText: n,
-                showIcon: C,
-                variant: p
+                showIcon: m,
+                variant: _
               }
             )
           }
         ),
-        _ && /* @__PURE__ */ i(
-          Et,
+        p && /* @__PURE__ */ i(
+          gt,
           {
-            currentBeatIndex: x + d - 1,
+            currentBeatIndex: v + d - 1,
             numBeats: o.length + 1,
             onNextClick: Y,
             onPreviousClick: X,
             scrollRightBoundary: ve,
-            scrollX: g,
+            scrollX: E,
             shouldApplyDotAnimation: e,
             visibleCardsCount: d
           }
@@ -855,14 +855,14 @@ const $ = h.createContext(null), rt = ({
       ]
     }
   );
-}, St = U(At), ft = ({
+}, St = U(At), Tt = ({
   analyticsMetadata: t,
   onCardClick: e,
   posthog: o,
   widthOverrides: n
 }) => {
-  const { carouselCopy: r } = D(), { onEvent: s } = j(), a = () => {
-    s && (s(O.ON_VIEW_MORE_CLICKED, t), e(), o?.capture("clicked_view_more"));
+  const { carouselCopy: r } = B(), { onEvent: a } = j(), s = () => {
+    a && (a(y.ON_VIEW_MORE_CLICKED, t), e(), o?.capture("clicked_view_more"));
   };
   return r ? /* @__PURE__ */ L(
     N,
@@ -872,45 +872,31 @@ const $ = h.createContext(null), rt = ({
       justifyContent: "space-between",
       spacing: 2,
       sx: {
-        padding: 16,
+        p: 16,
+        pb: 8,
         width: n || void 0
       },
       children: [
-        /* @__PURE__ */ i(
-          be,
-          {
-            sx: (_) => ({
-              color: _.palette.primary.main,
-              fontSize: 18,
-              fontWeight: 700,
-              lineHeight: "24px"
-            }),
-            variant: "h3",
-            children: r.carousel_title
-          }
-        ),
+        /* @__PURE__ */ i(Be, { children: r.carousel_title }),
         /* @__PURE__ */ i(
           ne,
           {
-            endIcon: /* @__PURE__ */ i(fe, { size: 20 }),
-            onClick: a,
+            endIcon: /* @__PURE__ */ i(Te, { size: 20 }),
+            onClick: s,
             size: "small",
-            sx: (_) => ({
-              color: _.palette.primary.main
-            }),
             variant: "text",
             children: r.view_all_insights_in_full_feed_cta_aria
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ i(Ge, {});
-}, Tt = U(ft), Rt = ({
+  ) : /* @__PURE__ */ i(ze, {});
+}, ft = U(Tt), Rt = ({
   heightOverrides: t,
   widthOverrides: e,
   children: o
 }) => {
-  const { carouselCopy: n } = D();
+  const { carouselCopy: n } = B();
   return /* @__PURE__ */ i(
     Q,
     {
@@ -932,14 +918,14 @@ const $ = h.createContext(null), rt = ({
   onCardClick: o,
   posthog: n,
   showIcon: r,
-  variant: s
+  variant: a
 }) => {
-  const { cardsCopy: a } = D(), _ = H(), { onEvent: C } = j(), { onPageview: m } = Me();
+  const { cardsCopy: s } = B(), p = H(), { onEvent: m } = j(), { onPageview: C } = Me();
   h.useEffect(() => {
-    m(k.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
+    C(k.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
   }, []);
-  const p = () => {
-    o && o(), C(O.ON_NO_RELEVANT_INSIGHTS_CLICKED), n?.capture("clicked_insight", {
+  const _ = () => {
+    o && o(), m(y.ON_NO_RELEVANT_INSIGHTS_CLICKED), n?.capture("clicked_insight", {
       template: "no_relevant_insights"
     });
   };
@@ -950,27 +936,27 @@ const $ = h.createContext(null), rt = ({
       cardSx: {
         borderRadius: 2
       },
-      description: a.no_relevant_insights_card_description,
+      description: s.no_relevant_insights_card_description,
       hasCardEffect: !0,
       heightOverrides: e,
-      icon: r && /* @__PURE__ */ i(R, { bgColor: T(_.palette.primary.main, 0.15), name: "lightbulb" }),
-      onCardClick: p,
-      onPrimaryAction: p,
-      primaryActionText: a.micro_card_cta,
-      title: a.no_relevant_insights_card_title,
-      variant: s
+      icon: r && /* @__PURE__ */ i(R, { bgColor: f(p.palette.primary.main, 0.15), name: "lightbulb" }),
+      onCardClick: _,
+      onPrimaryAction: _,
+      primaryActionText: s.micro_card_cta,
+      title: s.no_relevant_insights_card_title,
+      variant: a
     }
   );
-}, Jt = U(Le), De = ({
+}, qt = U(Le), De = ({
   ariaLabel: t,
   heightOverrides: e,
   onCardClick: o,
   showIcon: n,
   variant: r
 }) => {
-  const { onPageview: s } = Me(), { zeroStateCopy: a } = D(), _ = H();
+  const { onPageview: a } = Me(), { zeroStateCopy: s } = B(), p = H();
   return h.useEffect(() => {
-    s(k.MICRO_WIDGET_CAROUSEL_ZERO_STATE);
+    a(k.MICRO_WIDGET_CAROUSEL_ZERO_STATE);
   }, []), /* @__PURE__ */ i(
     q,
     {
@@ -978,16 +964,16 @@ const $ = h.createContext(null), rt = ({
       cardSx: {
         borderRadius: 2
       },
-      description: a.carousel_zero_state_description,
+      description: s.carousel_zero_state_description,
       hasCardEffect: !0,
       heightOverrides: e,
-      icon: n && /* @__PURE__ */ i(R, { bgColor: T(_.palette.primary.main, 0.15), name: "lightbulb" }),
+      icon: n && /* @__PURE__ */ i(R, { bgColor: f(p.palette.primary.main, 0.15), name: "lightbulb" }),
       onCardClick: o,
-      title: a.carousel_zero_state_title,
+      title: s.carousel_zero_state_title,
       variant: r
     }
   );
-}, eo = U(De), yt = () => /* @__PURE__ */ i(
+}, Jt = U(De), Ot = () => /* @__PURE__ */ i(
   Q,
   {
     sx: {
@@ -999,70 +985,70 @@ const $ = h.createContext(null), rt = ({
     },
     children: /* @__PURE__ */ i(He, {})
   }
-), G = new nt(), Ot = ({
+), G = new nt(), yt = ({
   allowSingleCardPeeking: t,
   areBeatsLoading: e,
   beats: o = [],
   // This also determines the length of the carousel controls (beat.length + 1)
   showCTAColocatedWithText: n = !0,
   endpoint: r = "/",
-  heightOverrides: s,
-  logOutUser: a,
-  onCardClick: _ = () => {
+  heightOverrides: a,
+  logOutUser: s,
+  onCardClick: p = () => {
   },
-  onEvent: C = () => {
+  onEvent: m = () => {
   },
-  onPageview: m = () => {
+  onPageview: C = () => {
   },
-  posthog: p,
+  posthog: _,
   showBorder: c = !0,
   showCarouselControls: d,
   showHeader: l,
-  showIcon: I,
-  showWithMargin: g = !0,
-  token: E = "",
-  userHasFullInsightFeedBeats: A,
-  variant: v,
+  showIcon: g,
+  showWithMargin: E = !0,
+  token: A = "",
+  userHasFullInsightFeedBeats: I,
+  variant: D,
   visibleCardsCount: V = 1,
   widthOverrides: S
 }) => {
-  const [f, M] = oe("STANDARD"), [w, u] = oe(!1), [Y, X] = oe(!1), J = je([C], G), ee = Ye([m], G);
+  const [T, M] = oe("STANDARD"), [w, u] = oe(!1), [Y, X] = oe(!1), J = je([m], G), ee = Ye([C], G);
   Xe({
     widgetName: "InsightsMicroWidget",
     isLoaded: w
   }), h.useEffect(() => {
-    !G.isInitialized && !Y && (G.initialize(r, E, a).catch(() => X(!1)), X(!0));
-  }, [r, E, a, G.isInitialized, Y]), h.useEffect(() => {
-    const x = window.innerHeight;
-    x < 180 ? M("STANDARD") : x >= 180 && x < 200 ? M("LARGE") : x >= 200 && x < 248 ? M("XLARGE") : x >= 248 && M("XXLARGE");
+    !G.isInitialized && !Y && (G.initialize(r, A, s).catch(() => X(!1)), X(!0));
+  }, [r, A, s, G.isInitialized, Y]), h.useEffect(() => {
+    const v = window.innerHeight;
+    v < 180 ? M("STANDARD") : v >= 180 && v < 200 ? M("LARGE") : v >= 200 && v < 248 ? M("XLARGE") : v >= 248 && M("XXLARGE");
   }, [window.innerHeight]), h.useEffect(() => {
     u(!e && G.isInitialized);
   }, [e, G.isInitialized]);
   const te = {
     showCTAColocatedWithText: n,
-    heightOverrides: s,
-    onCardClick: _,
-    posthog: p,
-    showIcon: I,
-    showWithMargin: g,
+    heightOverrides: a,
+    onCardClick: p,
+    posthog: _,
+    showIcon: g,
+    showWithMargin: E,
     widthOverrides: S
   }, Z = {
-    carouselSize: f,
-    variant: v,
+    carouselSize: T,
+    variant: D,
     showCTAColocatedWithText: n,
-    heightOverrides: s,
-    onCardClick: _,
-    posthog: p,
-    showIcon: I
+    heightOverrides: a,
+    onCardClick: p,
+    posthog: _,
+    showIcon: g
   };
-  return /* @__PURE__ */ i(rt, { onEvent: J, onPageview: ee, store: G, children: /* @__PURE__ */ L(Rt, { heightOverrides: s, widthOverrides: S, children: [
-    !w && /* @__PURE__ */ i(yt, {}),
+  return /* @__PURE__ */ i(rt, { onEvent: J, onPageview: ee, store: G, children: /* @__PURE__ */ L(Rt, { heightOverrides: a, widthOverrides: S, children: [
+    !w && /* @__PURE__ */ i(Ot, {}),
     w && l && /* @__PURE__ */ i(
-      Tt,
+      ft,
       {
         analyticsMetadata: me,
-        onCardClick: _,
-        posthog: p,
+        onCardClick: p,
+        posthog: _,
         widthOverrides: S
       }
     ),
@@ -1073,7 +1059,7 @@ const $ = h.createContext(null), rt = ({
         analyticsMetadata: me,
         beats: o,
         showCarouselControls: d,
-        variant: c ? v : void 0,
+        variant: c ? D : void 0,
         visibleCardsCount: V,
         ...te
       }
@@ -1083,42 +1069,42 @@ const $ = h.createContext(null), rt = ({
       {
         sx: {
           alignItems: "center",
-          height: s,
+          height: a,
           width: S || "100%"
         },
         children: /* @__PURE__ */ i(
           N,
           {
             sx: {
-              height: `calc(${ht[f]}px - 44px)`,
-              width: g ? `calc(${S}px - 32px)` : "100%"
+              height: `calc(${ht[T]}px - 44px)`,
+              width: E ? `calc(${S}px - 32px)` : "100%"
             },
-            children: A ? /* @__PURE__ */ i(Le, { ...Z }) : /* @__PURE__ */ i(De, { ...Z })
+            children: I ? /* @__PURE__ */ i(Le, { ...Z }) : /* @__PURE__ */ i(De, { ...Z })
           }
         )
       }
     )
   ] }) });
-}, to = U(Ot), Wt = ({
+}, eo = U(yt), Wt = ({
   ariaLabel: t,
   heightOverrides: e,
   isActiveCard: o,
   onCardClick: n,
   posthog: r,
-  widthOverrides: s,
-  showIcon: a,
-  variant: _
+  widthOverrides: a,
+  showIcon: s,
+  variant: p
 }) => {
-  const C = H(), { ref: m, inView: p } = Te({
+  const m = H(), { ref: C, inView: _ } = fe({
     threshold: we
-  }), { cardsCopy: c } = D(), { onEvent: d } = j();
+  }), { cardsCopy: c } = B(), { onEvent: d } = j();
   ie(() => {
-    p && (d(Ne.ON_VIEW_MORE_VIEWED), r?.capture("viewed_insight", {
+    _ && (d(Ne.ON_VIEW_MORE_VIEWED), r?.capture("viewed_insight", {
       template: "view_more_card"
     }));
-  }, [p]);
+  }, [_]);
   const l = () => {
-    n && n(), d(O.ON_VIEW_MORE_CLICKED), r?.capture("clicked_insight", {
+    n && n(), d(y.ON_VIEW_MORE_CLICKED), r?.capture("clicked_insight", {
       template: "view_more_card"
     });
   };
@@ -1133,29 +1119,29 @@ const $ = h.createContext(null), rt = ({
       description: c.view_more_card_description,
       hasCardEffect: !0,
       heightOverrides: e,
-      icon: a && /* @__PURE__ */ i(R, { bgColor: T(C.palette.primary.main, 0.15), name: "show_chart" }),
+      icon: s && /* @__PURE__ */ i(R, { bgColor: f(m.palette.primary.main, 0.15), name: "show_chart" }),
       isActiveCard: o,
       onCardClick: l,
       onPrimaryAction: l,
       primaryActionText: c.micro_card_cta,
-      ref: m,
+      ref: C,
       title: c.view_more_card_title,
-      variant: _,
-      widthOverrides: s
+      variant: p,
+      widthOverrides: a
     }
   );
 }, Nt = U(Wt);
 export {
   nt as A,
-  Tt as C,
+  ft as C,
   rt as I,
   St as M,
-  Jt as N,
+  qt as N,
   me as T,
   Nt as V,
-  eo as Z,
-  gt as a,
-  to as b,
+  Jt as Z,
+  Et as a,
+  eo as b,
   dt as c,
   q as d
 };

package/dist/microinsights/MicroCardTemplate.d.ts

@@ -3,6 +3,7 @@ import { SxProps } from '@mui/material/styles';
 interface MicroCardTemplateProps {
     ariaLabel?: string;
     cardSx?: SxProps;
+    closeAriaLabel?: string;
     description: string;
     icon?: React.ReactNode;
     isActiveCard?: boolean;

package/dist/microinsights/index.es.js

@@ -1,4 +1,4 @@
-import { A as u, C as s, a as c, b as v, I as C, M as R, d as H, c as M, N as F, V, Z as k } from "../ViewMoreMicroCard-CL1_NwLt.mjs";
+import { A as u, C as s, a as c, b as v, I as C, M as R, d as H, c as M, N as F, V, Z as k } from "../ViewMoreMicroCard-qXK-0-Rl.mjs";
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 const a = ({
   color: i = "currentColor",

package/dist/trends/index.es.js

@@ -29,7 +29,7 @@ import { c as Et, i as Dt, d as Mt, e as At, b as tt, g as ot, f as Pe } from ".
 import Rt from "@mui/material/ToggleButton";
 import kt from "@mui/material/ToggleButtonGroup";
 import { DataGridPro as Ht } from "@mui/x-data-grid-pro";
-import { T as V, b as Nt } from "../ViewMoreMicroCard-CL1_NwLt.mjs";
+import { T as V, b as Nt } from "../ViewMoreMicroCard-qXK-0-Rl.mjs";
 import { parseISO as nt } from "date-fns/parseISO";
 import { H as Re } from "../HeaderCell-DjuifqHJ.mjs";
 import { A as w, W as st } from "../WidgetContainer-CrK6tyHr.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.7.1",
+  "version": "7.7.2",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",