@adyen/bento-vue3 1.88.1 → 1.89.2

package/dist/chunks/{summary-grid.types.BZcZS_dW.js → summary-grid.types.CcvOC03H.js}

@@ -1,16 +1,16 @@
-import { defineComponent as b, useSlots as k, onMounted as Z, provide as L, toRef as F, openBlock as d, createElementBlock as _, Fragment as G, renderList as j, unref as o, createBlock as m, createSlots as I, withCtx as i, renderSlot as c, toRefs as H, inject as W, ref as J, computed as v, normalizeStyle as K, normalizeClass as q, createElementVNode as w, createVNode as R, createTextVNode as T, toDisplayString as f, createCommentVNode as C, mergeProps as Q } from "vue";
-import { u as z } from "./use-has-slot.B7eQSabc.js";
+import { defineComponent as g, useSlots as b, onMounted as Z, provide as L, toRef as F, openBlock as a, createElementBlock as P, Fragment as G, renderList as j, unref as t, createBlock as f, createSlots as k, withCtx as i, renderSlot as p, toRefs as H, inject as W, ref as J, computed as T, normalizeStyle as K, normalizeClass as q, createElementVNode as _, createVNode as R, createTextVNode as $, toDisplayString as v, createCommentVNode as h, mergeProps as Q } from "vue";
+import { u as I } from "./use-has-slot.CyMiImRQ.js";
 import { S as X, a as V } from "./summary-grid.keys.Xx-W5a2w.js";
-import { G as x } from "./grid-layout.Vhv1_zFs.js";
+import { G as x } from "./grid-layout.CCWNscU_.js";
 import { _ as E } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as P } from "./typography.B3J6_tYk.js";
+import { B as D } from "./typography.B3J6_tYk.js";
 import { u as ee } from "./index.B875RXHM.js";
-import { B as te } from "./dashed-underline.wbRHATeE.js";
-import { B as oe } from "./info-icon.DyPOv7Pi.js";
-import { B as A } from "./tag.CqWg6C3H.js";
-import { C as ne } from "./copy.C_BCNHYQ.js";
+import { B as te } from "./dashed-underline.CcDV2Aks.js";
+import { B as oe } from "./info-icon.BUala_wq.js";
+import { B as A } from "./tag.DujMVFh-.js";
+import { C as ne } from "./copy.C2kQ1PbI.js";
 import "../assets/summary-grid.css";
-const ie = { class: "b-summary-grid" }, re = {}, le = /* @__PURE__ */ b({
+const ie = { class: "b-summary-grid" }, re = {}, le = /* @__PURE__ */ g({
   ...re,
   __name: "summary-grid",
   props: {
@@ -18,76 +18,69 @@ const ie = { class: "b-summary-grid" }, re = {}, le = /* @__PURE__ */ b({
     slashedZero: { type: Boolean, default: !1 }
   },
   setup(l) {
-    var h, $;
-    const u = l, a = k(), e = z(a);
-    let n = 1;
-    if (a) {
-      const p = ($ = (h = Object.keys(a)) == null ? void 0 : h.filter((g) => g.includes("cell-"))) == null ? void 0 : $.map((g) => {
-        var t;
-        return parseInt((t = g.split("-")) == null ? void 0 : t[1], 10);
-      });
-      n = Math.max(...p);
+    const c = l, u = b(), e = I(u);
+    let o = 1;
+    if (u) {
+      const m = Object.keys(u)?.filter((y) => y.includes("cell-"))?.map((y) => parseInt(y.split("-")?.[1], 10));
+      o = Math.max(...m);
     }
     return Z(() => {
-      if (n > 3)
+      if (o > 3)
         throw new Error(
           "BentoSummaryGrid must only have a maximum of 3 rows. Read the documentation for more information."
         );
-    }), L(X, () => ({ isSummaryGridLayout: !0 })), L(V, F(u, "slashedZero")), (p, g) => (d(), _("div", ie, [
-      (d(!0), _(G, null, j(o(n), (t) => {
-        var y;
-        return d(), m(o(x), {
-          key: `summary-grid-row-${t}`,
-          "data-testid": `summary-grid-row-${t}`,
-          "column-width": (y = p.columnWidth) == null ? void 0 : y[`row${t}`]
-        }, I({ _: 2 }, [
-          o(e)(`cell-${t}-1`) ? {
-            name: "col-1",
-            fn: i(() => [
-              c(p.$slots, `cell-${t}-1`, {}, void 0, !0)
-            ]),
-            key: "0"
-          } : void 0,
-          o(e)(`cell-${t}-2`) ? {
-            name: "col-2",
-            fn: i(() => [
-              c(p.$slots, `cell-${t}-2`, {}, void 0, !0)
-            ]),
-            key: "1"
-          } : void 0,
-          o(e)(`cell-${t}-3`) ? {
-            name: "col-3",
-            fn: i(() => [
-              c(p.$slots, `cell-${t}-3`, {}, void 0, !0)
-            ]),
-            key: "2"
-          } : void 0,
-          o(e)(`cell-${t}-4`) ? {
-            name: "col-4",
-            fn: i(() => [
-              c(p.$slots, `cell-${t}-4`, {}, void 0, !0)
-            ]),
-            key: "3"
-          } : void 0,
-          o(e)(`cell-${t}-5`) ? {
-            name: "col-5",
-            fn: i(() => [
-              c(p.$slots, `cell-${t}-5`, {}, void 0, !0)
-            ]),
-            key: "4"
-          } : void 0,
-          o(e)(`cell-${t}-6`) ? {
-            name: "col-6",
-            fn: i(() => [
-              c(p.$slots, `cell-${t}-6`, {}, void 0, !0)
-            ]),
-            key: "5"
-          } : void 0
-        ]), 1032, ["data-testid", "column-width"]);
-      }), 128))
+    }), L(X, () => ({ isSummaryGridLayout: !0 })), L(V, F(c, "slashedZero")), (m, y) => (a(), P("div", ie, [
+      (a(!0), P(G, null, j(t(o), (s) => (a(), f(t(x), {
+        key: `summary-grid-row-${s}`,
+        "data-testid": `summary-grid-row-${s}`,
+        "column-width": m.columnWidth?.[`row${s}`]
+      }, k({ _: 2 }, [
+        t(e)(`cell-${s}-1`) ? {
+          name: "col-1",
+          fn: i(() => [
+            p(m.$slots, `cell-${s}-1`, {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        t(e)(`cell-${s}-2`) ? {
+          name: "col-2",
+          fn: i(() => [
+            p(m.$slots, `cell-${s}-2`, {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        t(e)(`cell-${s}-3`) ? {
+          name: "col-3",
+          fn: i(() => [
+            p(m.$slots, `cell-${s}-3`, {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0,
+        t(e)(`cell-${s}-4`) ? {
+          name: "col-4",
+          fn: i(() => [
+            p(m.$slots, `cell-${s}-4`, {}, void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
+        t(e)(`cell-${s}-5`) ? {
+          name: "col-5",
+          fn: i(() => [
+            p(m.$slots, `cell-${s}-5`, {}, void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
+        t(e)(`cell-${s}-6`) ? {
+          name: "col-6",
+          fn: i(() => [
+            p(m.$slots, `cell-${s}-6`, {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0
+      ]), 1032, ["data-testid", "column-width"]))), 128))
     ]));
   }
-}), we = /* @__PURE__ */ E(le, [["__scopeId", "data-v-14d3ddaf"]]), se = { class: "b-summary-grid-item__header" }, de = { class: "b-summary-grid-item__title-icons" }, ae = {}, ue = /* @__PURE__ */ b({
+}), we = /* @__PURE__ */ E(le, [["__scopeId", "data-v-14d3ddaf"]]), se = { class: "b-summary-grid-item__header" }, de = { class: "b-summary-grid-item__title-icons" }, ae = {}, ue = /* @__PURE__ */ g({
   ...ae,
   __name: "summary-grid-item",
   props: {
@@ -106,8 +99,8 @@ const ie = { class: "b-summary-grid" }, re = {}, le = /* @__PURE__ */ b({
   },
   emits: ["copy-click", "info-icon-mouseenter"],
   setup(l) {
-    const u = l, { trendDirection: a, secondaryTrendDirection: e, itemType: n, size: r } = H(u), h = W(V, J(!1)), $ = (s) => {
-      switch (s) {
+    const c = l, { trendDirection: u, secondaryTrendDirection: e, itemType: o, size: r } = H(c), m = W(V, J(!1)), y = (d) => {
+      switch (d) {
         case "positive":
           return "green";
         case "negative":
@@ -115,78 +108,78 @@ const ie = { class: "b-summary-grid" }, re = {}, le = /* @__PURE__ */ b({
         default:
           return "blue";
       }
-    }, p = v(() => $(a.value)), g = v(() => $(e.value)), t = v(() => r.value === "small" ? "body" : n.value !== "text" ? "title" : null), y = v(() => ({
+    }, s = T(() => y(u.value)), w = T(() => y(e.value)), n = T(() => r.value === "small" ? "body" : o.value !== "text" ? "title" : null), z = T(() => ({
       medium: r.value === "large",
       strongest: r.value === "small",
       wide: r.value === "small",
-      variant: t.value
-    })), S = v(() => u.fitContent ? { width: "fit-content" } : {}), U = v(() => ({ "b-summary-grid-item--slashed-zero": h.value })), O = k(), B = z(O), Y = v(() => u.underlineTooltipText || B("dashed-underline"));
-    return (s, D) => (d(), _("div", {
+      variant: n.value
+    })), C = T(() => c.fitContent ? { width: "fit-content" } : {}), U = T(() => ({ "b-summary-grid-item--slashed-zero": m.value })), O = b(), B = I(O), Y = T(() => c.underlineTooltipText || B("dashed-underline"));
+    return (d, M) => (a(), P("div", {
       class: q(["b-summary-grid-item", U.value]),
-      style: K(S.value)
+      style: K(C.value)
     }, [
-      w("div", se, [
-        R(o(P), {
+      _("div", se, [
+        R(t(D), {
           class: "b-summary-grid-item__title",
           el: "span",
           variant: "body"
         }, {
           default: i(() => [
-            Y.value ? (d(), m(o(te), {
+            Y.value ? (a(), f(t(te), {
               key: 0,
-              "tooltip-text": s.underlineTooltipText,
-              "popover-size": s.underlinePopoverSize
-            }, I({
+              "tooltip-text": d.underlineTooltipText,
+              "popover-size": d.underlinePopoverSize
+            }, k({
               default: i(() => [
-                T(f(s.title) + " ", 1)
+                $(v(d.title) + " ", 1)
               ]),
               _: 2
             }, [
-              o(B)("dashed-underline") ? {
+              t(B)("dashed-underline") ? {
                 name: "popover-content",
                 fn: i(() => [
-                  c(s.$slots, "dashed-underline", {}, void 0, !0)
+                  p(d.$slots, "dashed-underline", {}, void 0, !0)
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["tooltip-text", "popover-size"])) : (d(), _(G, { key: 1 }, [
-              T(f(s.title), 1)
+            ]), 1032, ["tooltip-text", "popover-size"])) : (a(), P(G, { key: 1 }, [
+              $(v(d.title), 1)
             ], 64))
           ]),
           _: 3
         }),
-        w("div", de, [
-          s.copy ? (d(), m(o(ne), {
+        _("div", de, [
+          d.copy ? (a(), f(t(ne), {
             key: 0,
             class: "b-structured-list__icon",
-            text: s.copy,
-            onClick: D[0] || (D[0] = (N) => s.$emit("copy-click", N))
-          }, null, 8, ["text"])) : C("", !0),
-          s.infoIconTooltipText ? (d(), m(o(oe), {
+            text: d.copy,
+            onClick: M[0] || (M[0] = (N) => d.$emit("copy-click", N))
+          }, null, 8, ["text"])) : h("", !0),
+          d.infoIconTooltipText ? (a(), f(t(oe), {
             key: 1,
-            "tooltip-text": s.infoIconTooltipText,
+            "tooltip-text": d.infoIconTooltipText,
             "tooltip-position": "top",
             class: "b-summary-grid-item__title-tooltip",
-            onMouseenter: D[1] || (D[1] = (N) => s.$emit("info-icon-mouseenter", N))
-          }, null, 8, ["tooltip-text"])) : C("", !0)
+            onMouseenter: M[1] || (M[1] = (N) => d.$emit("info-icon-mouseenter", N))
+          }, null, 8, ["tooltip-text"])) : h("", !0)
         ])
       ]),
-      R(o(P), Q({
+      R(t(D), Q({
         "data-testid": "summary-grid-item-content-typography",
         class: "b-summary-grid-item__title"
-      }, y.value, { el: "span" }), {
+      }, z.value, { el: "span" }), {
         default: i(() => [
-          c(s.$slots, "default", {}, void 0, !0),
-          s.trend && o(n) !== "text" ? (d(), m(o(A), {
+          p(d.$slots, "default", {}, void 0, !0),
+          d.trend && t(o) !== "text" ? (a(), f(t(A), {
             key: 0,
-            variant: p.value,
-            label: s.trend,
+            variant: s.value,
+            label: d.trend,
             class: "b-summary-grid-item__content-trend"
-          }, null, 8, ["variant", "label"])) : C("", !0)
+          }, null, 8, ["variant", "label"])) : h("", !0)
         ]),
         _: 3
       }, 16),
-      o(B)("secondary") ? (d(), m(o(P), {
+      t(B)("secondary") ? (a(), f(t(D), {
         key: 0,
         class: "b-summary-grid-item__title",
         "data-testid": "summary-grid-item-secondary-metric-typography",
@@ -195,19 +188,19 @@ const ie = { class: "b-summary-grid" }, re = {}, le = /* @__PURE__ */ b({
         stronger: ""
       }, {
         default: i(() => [
-          c(s.$slots, "secondary", {}, void 0, !0),
-          s.secondaryTrend ? (d(), m(o(A), {
+          p(d.$slots, "secondary", {}, void 0, !0),
+          d.secondaryTrend ? (a(), f(t(A), {
             key: 0,
-            variant: g.value,
-            label: s.secondaryTrend,
+            variant: w.value,
+            label: d.secondaryTrend,
             class: "b-summary-grid-item__content-trend"
-          }, null, 8, ["variant", "label"])) : C("", !0)
+          }, null, 8, ["variant", "label"])) : h("", !0)
         ]),
         _: 3
-      })) : C("", !0)
+      })) : h("", !0)
     ], 6));
   }
-}), M = /* @__PURE__ */ E(ue, [["__scopeId", "data-v-8dd0be85"]]), ce = { class: "b-summary-grid-item-amount__content" }, pe = {}, me = /* @__PURE__ */ b({
+}), S = /* @__PURE__ */ E(ue, [["__scopeId", "data-v-8dd0be85"]]), ce = { class: "b-summary-grid-item-amount__content" }, pe = {}, me = /* @__PURE__ */ g({
   ...pe,
   __name: "summary-grid-item-amount",
   props: {
@@ -228,8 +221,8 @@ const ie = { class: "b-summary-grid" }, re = {}, le = /* @__PURE__ */ b({
   },
   emits: ["copy-click", "info-icon-mouseenter"],
   setup(l) {
-    const u = k(), a = z(u);
-    return (e, n) => (d(), m(o(M), {
+    const c = b(), u = I(c);
+    return (e, o) => (a(), f(t(S), {
       "item-type": "amount",
       "info-icon-tooltip-text": e.infoIconTooltipText,
       title: e.title,
@@ -243,43 +236,43 @@ const ie = { class: "b-summary-grid" }, re = {}, le = /* @__PURE__ */ b({
       "underline-popover-size": e.underlinePopoverSize,
       "underline-tooltip-text": e.underlineTooltipText,
       class: "b-summary-grid-item-amount",
-      onCopyClick: n[0] || (n[0] = (r) => e.$emit("copy-click", r)),
-      onInfoIconMouseenter: n[1] || (n[1] = (r) => e.$emit("info-icon-mouseenter", r))
-    }, I({
+      onCopyClick: o[0] || (o[0] = (r) => e.$emit("copy-click", r)),
+      onInfoIconMouseenter: o[1] || (o[1] = (r) => e.$emit("info-icon-mouseenter", r))
+    }, k({
       default: i(() => [
-        w("div", ce, [
-          w("div", null, f(e.label), 1),
-          e.secondaryLabel ? (d(), m(o(P), {
+        _("div", ce, [
+          _("div", null, v(e.label), 1),
+          e.secondaryLabel ? (a(), f(t(D), {
             key: 0,
             variant: "caption",
             class: "b-summary-grid-item-amount__secondary-label"
           }, {
             default: i(() => [
-              T(f(e.secondaryLabel), 1)
+              $(v(e.secondaryLabel), 1)
             ]),
             _: 1
-          })) : C("", !0)
+          })) : h("", !0)
         ])
       ]),
       _: 2
     }, [
-      o(a)("dashed-underline") ? {
+      t(u)("dashed-underline") ? {
         name: "dashed-underline",
         fn: i(() => [
-          c(e.$slots, "dashed-underline", {}, void 0, !0)
+          p(e.$slots, "dashed-underline", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0,
       e.secondaryMetric ? {
         name: "secondary",
         fn: i(() => [
-          T(f(e.secondaryMetric), 1)
+          $(v(e.secondaryMetric), 1)
         ]),
         key: "1"
       } : void 0
     ]), 1032, ["info-icon-tooltip-text", "title", "copy", "fit-content", "size", "trend", "trend-direction", "secondary-trend", "secondary-trend-direction", "underline-popover-size", "underline-tooltip-text"]));
   }
-}), Be = /* @__PURE__ */ E(me, [["__scopeId", "data-v-4818f1f0"]]), fe = {}, Ne = /* @__PURE__ */ b({
+}), Be = /* @__PURE__ */ E(me, [["__scopeId", "data-v-4818f1f0"]]), fe = {}, Ne = /* @__PURE__ */ g({
   ...fe,
   __name: "summary-grid-item-numeric",
   props: {
@@ -299,8 +292,8 @@ const ie = { class: "b-summary-grid" }, re = {}, le = /* @__PURE__ */ b({
   },
   emits: ["copy-click", "info-icon-mouseenter"],
   setup(l) {
-    const u = k(), a = z(u);
-    return (e, n) => (d(), m(o(M), {
+    const c = b(), u = I(c);
+    return (e, o) => (a(), f(t(S), {
       "item-type": "numeric",
       "info-icon-tooltip-text": e.infoIconTooltipText,
       title: e.title,
@@ -314,25 +307,25 @@ const ie = { class: "b-summary-grid" }, re = {}, le = /* @__PURE__ */ b({
       "underline-popover-size": e.underlinePopoverSize,
       "underline-tooltip-text": e.underlineTooltipText,
       class: "b-summary-grid-item-numeric",
-      onCopyClick: n[0] || (n[0] = (r) => e.$emit("copy-click", r)),
-      onInfoIconMouseenter: n[1] || (n[1] = (r) => e.$emit("info-icon-mouseenter", r))
-    }, I({
+      onCopyClick: o[0] || (o[0] = (r) => e.$emit("copy-click", r)),
+      onInfoIconMouseenter: o[1] || (o[1] = (r) => e.$emit("info-icon-mouseenter", r))
+    }, k({
       default: i(() => [
-        T(" " + f(e.label) + " ", 1)
+        $(" " + v(e.label) + " ", 1)
       ]),
       _: 2
     }, [
-      o(a)("dashed-underline") ? {
+      t(u)("dashed-underline") ? {
         name: "dashed-underline",
         fn: i(() => [
-          c(e.$slots, "dashed-underline")
+          p(e.$slots, "dashed-underline")
         ]),
         key: "0"
       } : void 0,
       e.secondaryMetric ? {
         name: "secondary",
         fn: i(() => [
-          T(f(e.secondaryMetric), 1)
+          $(v(e.secondaryMetric), 1)
         ]),
         key: "1"
       } : void 0
@@ -340,7 +333,7 @@ const ie = { class: "b-summary-grid" }, re = {}, le = /* @__PURE__ */ b({
   }
 }), ye = {
   i18n: {}
-}, Ee = /* @__PURE__ */ b({
+}, Ee = /* @__PURE__ */ g({
   ...ye,
   __name: "summary-grid-item-percentage",
   props: {
@@ -360,49 +353,49 @@ const ie = { class: "b-summary-grid" }, re = {}, le = /* @__PURE__ */ b({
   },
   emits: ["copy-click", "info-icon-mouseenter"],
   setup(l) {
-    const { locale: u } = ee(), a = l, e = k(), n = z(e), r = {
+    const { locale: c } = ee(), u = l, e = b(), o = I(e), r = {
       style: "percent",
       maximumFractionDigits: 2
-    }, h = (t) => t != null && t !== "" && !isNaN(Number(t)), $ = (t) => t && h(t) ? new Intl.NumberFormat(u.value, r).format(Number(t) / 100) : t, p = v(() => $(a.label)), g = v(() => $(a.secondaryMetric));
-    return (t, y) => (d(), m(o(M), {
+    }, m = (n) => n != null && n !== "" && !isNaN(Number(n)), y = (n) => n && m(n) ? new Intl.NumberFormat(c.value, r).format(Number(n) / 100) : n, s = T(() => y(u.label)), w = T(() => y(u.secondaryMetric));
+    return (n, z) => (a(), f(t(S), {
       "item-type": "percentage",
-      "info-icon-tooltip-text": t.infoIconTooltipText,
-      title: t.title,
-      copy: t.copy,
-      "fit-content": t.fitContent,
-      size: t.size,
-      trend: t.trend,
-      "trend-direction": t.trendDirection,
-      "secondary-trend": t.secondaryTrend,
-      "secondary-trend-direction": t.secondaryTrendDirection,
-      "underline-popover-size": t.underlinePopoverSize,
-      "underline-tooltip-text": t.underlineTooltipText,
+      "info-icon-tooltip-text": n.infoIconTooltipText,
+      title: n.title,
+      copy: n.copy,
+      "fit-content": n.fitContent,
+      size: n.size,
+      trend: n.trend,
+      "trend-direction": n.trendDirection,
+      "secondary-trend": n.secondaryTrend,
+      "secondary-trend-direction": n.secondaryTrendDirection,
+      "underline-popover-size": n.underlinePopoverSize,
+      "underline-tooltip-text": n.underlineTooltipText,
       class: "b-summary-grid-item-percentage",
-      onCopyClick: y[0] || (y[0] = (S) => t.$emit("copy-click", S)),
-      onInfoIconMouseenter: y[1] || (y[1] = (S) => t.$emit("info-icon-mouseenter", S))
-    }, I({
+      onCopyClick: z[0] || (z[0] = (C) => n.$emit("copy-click", C)),
+      onInfoIconMouseenter: z[1] || (z[1] = (C) => n.$emit("info-icon-mouseenter", C))
+    }, k({
       default: i(() => [
-        T(" " + f(p.value) + " ", 1)
+        $(" " + v(s.value) + " ", 1)
       ]),
       _: 2
     }, [
-      o(n)("dashed-underline") ? {
+      t(o)("dashed-underline") ? {
         name: "dashed-underline",
         fn: i(() => [
-          c(t.$slots, "dashed-underline")
+          p(n.$slots, "dashed-underline")
         ]),
         key: "0"
       } : void 0,
-      t.secondaryMetric ? {
+      n.secondaryMetric ? {
         name: "secondary",
         fn: i(() => [
-          T(f(g.value), 1)
+          $(v(w.value), 1)
         ]),
         key: "1"
       } : void 0
     ]), 1032, ["info-icon-tooltip-text", "title", "copy", "fit-content", "size", "trend", "trend-direction", "secondary-trend", "secondary-trend-direction", "underline-popover-size", "underline-tooltip-text"]));
   }
-}), ve = {}, Le = /* @__PURE__ */ b({
+}), ve = {}, Le = /* @__PURE__ */ g({
   ...ve,
   __name: "summary-grid-item-text",
   props: {
@@ -416,8 +409,8 @@ const ie = { class: "b-summary-grid" }, re = {}, le = /* @__PURE__ */ b({
   },
   emits: ["copy-click", "info-icon-mouseenter"],
   setup(l) {
-    const u = k(), a = z(u);
-    return (e, n) => (d(), m(o(M), {
+    const c = b(), u = I(c);
+    return (e, o) => (a(), f(t(S), {
       "item-type": "text",
       "info-icon-tooltip-text": e.infoIconTooltipText,
       title: e.title,
@@ -426,24 +419,24 @@ const ie = { class: "b-summary-grid" }, re = {}, le = /* @__PURE__ */ b({
       "underline-popover-size": e.underlinePopoverSize,
       "underline-tooltip-text": e.underlineTooltipText,
       class: "b-summary-grid-item-text",
-      onCopyClick: n[0] || (n[0] = (r) => e.$emit("copy-click", r)),
-      onInfoIconMouseenter: n[1] || (n[1] = (r) => e.$emit("info-icon-mouseenter", r))
-    }, I({
+      onCopyClick: o[0] || (o[0] = (r) => e.$emit("copy-click", r)),
+      onInfoIconMouseenter: o[1] || (o[1] = (r) => e.$emit("info-icon-mouseenter", r))
+    }, k({
       default: i(() => [
-        T(" " + f(e.label), 1)
+        $(" " + v(e.label), 1)
       ]),
       _: 2
     }, [
-      o(a)("dashed-underline") ? {
+      t(u)("dashed-underline") ? {
         name: "dashed-underline",
         fn: i(() => [
-          c(e.$slots, "dashed-underline")
+          p(e.$slots, "dashed-underline")
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["info-icon-tooltip-text", "title", "copy", "fit-content", "underline-popover-size", "underline-tooltip-text"]));
   }
-}), Te = {}, Re = /* @__PURE__ */ b({
+}), Te = {}, Re = /* @__PURE__ */ g({
   ...Te,
   __name: "summary-grid-item-custom",
   props: {
@@ -456,26 +449,26 @@ const ie = { class: "b-summary-grid" }, re = {}, le = /* @__PURE__ */ b({
   },
   emits: ["copy-click", "info-icon-mouseenter"],
   setup(l) {
-    const u = k(), a = z(u);
-    return (e, n) => (d(), m(o(M), {
+    const c = b(), u = I(c);
+    return (e, o) => (a(), f(t(S), {
       title: e.title,
       "info-icon-tooltip-text": e.infoIconTooltipText,
       copy: e.copy,
       "fit-content": e.fitContent,
       "underline-popover-size": e.underlinePopoverSize,
       "underline-tooltip-text": e.underlineTooltipText,
-      onCopyClick: n[0] || (n[0] = (r) => e.$emit("copy-click", r)),
-      onInfoIconMouseenter: n[1] || (n[1] = (r) => e.$emit("info-icon-mouseenter", r))
-    }, I({
+      onCopyClick: o[0] || (o[0] = (r) => e.$emit("copy-click", r)),
+      onInfoIconMouseenter: o[1] || (o[1] = (r) => e.$emit("info-icon-mouseenter", r))
+    }, k({
       default: i(() => [
-        c(e.$slots, "default")
+        p(e.$slots, "default")
       ]),
       _: 2
     }, [
-      o(a)("dashed-underline") ? {
+      t(u)("dashed-underline") ? {
         name: "dashed-underline",
         fn: i(() => [
-          c(e.$slots, "dashed-underline")
+          p(e.$slots, "dashed-underline")
         ]),
         key: "0"
       } : void 0
@@ -493,4 +486,4 @@ export {
   ge as e,
   we as s
 };
-//# sourceMappingURL=summary-grid.types.BZcZS_dW.js.map
+//# sourceMappingURL=summary-grid.types.CcvOC03H.js.map