@adyen/bento-vue2 1.1.0 → 1.2.0

package/dist/summary-grid.js

@@ -1,14 +1,14 @@
 import { defineComponent as c, toRefs as h, computed as l } from "vue";
-import { u as T } from "./chunks/use-has-slot.068222e6.js";
+import { u as v } from "./chunks/use-has-slot.068222e6.js";
 import { G as $ } from "./chunks/grid-layout.73f23b1b.js";
 import { n as u } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
 import { BentoInfoIcon as x } from "./info-icon.js";
-import { B as P, b as _, a as A } from "./chunks/index.e1fcc9e0.js";
-import { BentoTag as M, BentoTagVariant as f } from "./tag.js";
-import { PopperContainerPosition as B } from "./popper-container.js";
-import { C as L } from "./chunks/copy.888486ff.js";
-import "./assets/index22.css";
-const G = c({
+import { B as O, b as _, a as P } from "./chunks/index.175f9e2d.js";
+import { BentoTag as A, BentoTagVariant as f } from "./tag.js";
+import { PopperContainerPosition as M } from "./popper-container.js";
+import { C as B } from "./chunks/copy.b62beae5.js";
+import "./assets/index12.css";
+const L = c({
   name: "bento-summary-grid",
   components: { GridLayout: $ },
   props: {
@@ -20,30 +20,30 @@ const G = c({
       default: null
     }
   },
-  setup(r, { slots: t }) {
-    var n, i;
-    let e = 1;
+  setup(e, { slots: t }) {
+    var n, s;
+    let r = 1;
     if (t) {
-      const d = (i = (n = Object.keys(t)) == null ? void 0 : n.filter((y) => y.includes("cell-"))) == null ? void 0 : i.map((y) => {
+      const d = (s = (n = Object.keys(t)) == null ? void 0 : n.filter((y) => y.includes("cell-"))) == null ? void 0 : s.map((y) => {
         var p;
         return parseInt((p = y.split("-")) == null ? void 0 : p[1], 10);
       });
-      if (e = Math.max(...d), e > 3)
+      if (r = Math.max(...d), r > 3)
         throw new Error(
           "BentoSummaryGrid must only have a maximum of 3 rows. Read the documentation for more information."
         );
     }
     return {
-      hasSlot: T(t),
-      numberOfRows: e
+      hasSlot: v(t),
+      numberOfRows: r
     };
   }
 });
-var O = function() {
-  var t = this, e = t._self._c;
-  return t._self._setupProxy, e("div", { staticClass: "b-summary-grid" }, t._l(t.numberOfRows, function(n) {
-    var i;
-    return e("grid-layout", { key: `summary-grid-row-${n}`, attrs: { "data-testid": `summary-grid-row-${n}`, "column-width": (i = t.columnWidth) == null ? void 0 : i[`row${n}`] }, scopedSlots: t._u([t.hasSlot(`cell-${n}-1`) ? { key: "col-1", fn: function() {
+var G = function() {
+  var t = this, r = t._self._c;
+  return t._self._setupProxy, r("div", { staticClass: "b-summary-grid" }, t._l(t.numberOfRows, function(n) {
+    var s;
+    return r("grid-layout", { key: `summary-grid-row-${n}`, attrs: { "data-testid": `summary-grid-row-${n}`, "column-width": (s = t.columnWidth) == null ? void 0 : s[`row${n}`] }, scopedSlots: t._u([t.hasSlot(`cell-${n}-1`) ? { key: "col-1", fn: function() {
       return [t._t(`cell-${n}-1`)];
     }, proxy: !0 } : null, t.hasSlot(`cell-${n}-2`) ? { key: "col-2", fn: function() {
       return [t._t(`cell-${n}-2`)];
@@ -58,8 +58,8 @@ var O = function() {
     }, proxy: !0 } : null], null, !0) });
   }), 1);
 }, R = [], V = /* @__PURE__ */ u(
+  L,
   G,
-  O,
   R,
   !1,
   null,
@@ -68,10 +68,10 @@ var O = function() {
   null
 );
 const ft = V.exports;
-var s = /* @__PURE__ */ ((r) => (r.SMALL = "small", r.MEDIUM = "medium", r.LARGE = "large", r))(s || {}), a = /* @__PURE__ */ ((r) => (r.POSITIVE = "positive", r.NEGATIVE = "negative", r.NEUTRAL = "neutral", r))(a || {}), o = /* @__PURE__ */ ((r) => (r.AMOUNT = "amount", r.PERCENTAGE = "percentage", r.NUMERIC = "numeric", r.TEXT = "text", r.CUSTOM = "custom", r))(o || {});
+var i = /* @__PURE__ */ ((e) => (e.SMALL = "small", e.MEDIUM = "medium", e.LARGE = "large", e))(i || {}), o = /* @__PURE__ */ ((e) => (e.POSITIVE = "positive", e.NEGATIVE = "negative", e.NEUTRAL = "neutral", e))(o || {}), a = /* @__PURE__ */ ((e) => (e.AMOUNT = "amount", e.PERCENTAGE = "percentage", e.NUMERIC = "numeric", e.TEXT = "text", e.CUSTOM = "custom", e))(a || {});
 const N = c({
   name: "summary-grid-item",
-  components: { BentoInfoIcon: x, BentoTypography: P, BentoTag: M, Copy: L },
+  components: { BentoInfoIcon: x, BentoTypography: O, BentoTag: A, Copy: B },
   props: {
     /**
      * Text to copy to the clipboard
@@ -83,7 +83,8 @@ const N = c({
     // TODO add text truncation for SummaryGridItemType.TEXT
     itemType: {
       type: String,
-      default: o.CUSTOM
+      default: a.CUSTOM,
+      validator: (e) => Object.values(a).includes(e)
     },
     /**
      * Text showed in the info-icon tooltip on hover
@@ -104,7 +105,8 @@ const N = c({
     // TODO implement logic for Large size
     size: {
       type: String,
-      default: s.SMALL
+      default: i.SMALL,
+      validator: (e) => Object.values(i).includes(e)
     },
     /**
      * Shows colored trend label next to text content
@@ -118,7 +120,8 @@ const N = c({
      */
     trendDirection: {
       type: String,
-      default: a.POSITIVE
+      default: o.POSITIVE,
+      validator: (e) => Object.values(o).includes(e)
     },
     /**
      * Shows colored trend tag next to secondary metric value
@@ -132,71 +135,72 @@ const N = c({
      */
     secondaryTrendDirection: {
       type: String,
-      default: a.POSITIVE
+      default: o.POSITIVE,
+      validator: (e) => Object.values(o).includes(e)
     }
   },
-  setup(r, { slots: t }) {
-    const { trendDirection: e, secondaryTrendDirection: n, itemType: i, size: d } = h(r), y = (E) => {
+  setup(e, { slots: t }) {
+    const { trendDirection: r, secondaryTrendDirection: n, itemType: s, size: d } = h(e), y = (E) => {
       switch (E) {
-        case a.POSITIVE:
+        case o.POSITIVE:
           return f.GREEN;
-        case a.NEGATIVE:
+        case o.NEGATIVE:
           return f.RED;
         default:
           return f.BLUE;
       }
-    }, p = l(() => y(e.value)), v = l(() => y(n.value)), g = l(
-      () => i.value === o.TEXT || i.value === o.PERCENTAGE || i.value === o.AMOUNT || i.value === o.NUMERIC
+    }, p = l(() => y(r.value)), T = l(() => y(n.value)), g = l(
+      () => s.value === a.TEXT || s.value === a.PERCENTAGE || s.value === a.AMOUNT || s.value === a.NUMERIC
     ), S = l(() => {
       if (g.value) {
-        if (d.value === s.SMALL)
+        if (d.value === i.SMALL)
           return _.BODY;
-        if (i.value !== o.TEXT)
+        if (s.value !== a.TEXT)
           return _.TITLE;
       }
       return null;
     }), b = l(() => ({
-      medium: d.value === s.LARGE,
-      strongest: d.value === s.SMALL,
-      wide: d.value === s.SMALL,
+      medium: d.value === i.LARGE,
+      strongest: d.value === i.SMALL,
+      wide: d.value === i.SMALL,
       variant: S.value
-    })), I = l(() => r.fitContent ? { width: "fit-content" } : {}), C = l(() => ({
-      [`b-summary-grid-item__content-trend--${r.trend}`]: r.trend
+    })), I = l(() => e.fitContent ? { width: "fit-content" } : {}), C = l(() => ({
+      [`b-summary-grid-item__content-trend--${e.trend}`]: e.trend
     }));
     return {
       // Values
       trendVariant: p,
-      secondaryTrendVariant: v,
+      secondaryTrendVariant: T,
       isContentTypographyApplied: g,
       typographyProps: b,
       // Styles
       computedStyles: I,
       summaryBarItemTrendConditionalClasses: C,
       // Enums
-      BentoTypographyElement: A,
+      BentoTypographyElement: P,
       BentoTypographyVariant: _,
-      SummaryGridItemType: o,
-      BentoSummaryGridItemSize: s,
-      PopperContainerPosition: B,
+      SummaryGridItemType: a,
+      BentoSummaryGridItemSize: i,
+      PopperContainerPosition: M,
       // Utils
-      hasSlot: T(t)
+      hasSlot: v(t)
     };
   }
 });
 var D = function() {
-  var t = this, e = t._self._c;
-  return t._self._setupProxy, e("div", { staticClass: "b-summary-grid-item", style: t.computedStyles }, [e("div", { staticClass: "b-summary-grid-item__header" }, [e("bento-typography", { staticClass: "b-summary-grid-item__title", attrs: { el: t.BentoTypographyElement.SPAN, variant: t.BentoTypographyVariant.BODY } }, [t._v(" " + t._s(t.title) + " ")]), e("div", { staticClass: "b-summary-grid-item__title-icons" }, [t.copy ? e("copy", { staticClass: "b-structured-list__icon", attrs: { text: t.copy } }) : t._e(), t.infoIconTooltipText ? e("bento-info-icon", { staticClass: "b-summary-grid-item__title-tooltip", attrs: { "tooltip-text": t.infoIconTooltipText, "tooltip-position": t.PopperContainerPosition.TOP } }) : t._e()], 1)], 1), e("div", { staticClass: "b-summary-grid-item__content--primary" }, [t.isContentTypographyApplied ? e("bento-typography", t._b({ staticClass: "b-summary-grid-item__title", attrs: { "data-testid": "summary-grid-item-content-typography", el: t.BentoTypographyElement.SPAN } }, "bento-typography", t.typographyProps, !1), [t._t("default"), t.trend && t.itemType !== t.SummaryGridItemType.TEXT ? e("bento-tag", { staticClass: "b-summary-grid-item__content-trend", attrs: { variant: t.trendVariant, label: t.trend } }) : t._e()], 2) : t._t("default")], 2), t.hasSlot("secondary") ? e("div", { staticClass: "b-summary-grid-item__content--secondary" }, [e("bento-typography", { staticClass: "b-summary-grid-item__title", attrs: { "data-testid": "summary-grid-item-secondary-metric-typography", el: t.BentoTypographyElement.SPAN, variant: t.BentoTypographyVariant.CAPTION, stronger: "" } }, [t._t("secondary"), t.secondaryTrend ? e("bento-tag", { staticClass: "b-summary-grid-item__content-trend", attrs: { variant: t.secondaryTrendVariant, label: t.secondaryTrend } }) : t._e()], 2)], 1) : t._e()]);
-}, w = [], k = /* @__PURE__ */ u(
+  var t = this, r = t._self._c;
+  return t._self._setupProxy, r("div", { staticClass: "b-summary-grid-item", style: t.computedStyles }, [r("div", { staticClass: "b-summary-grid-item__header" }, [r("bento-typography", { staticClass: "b-summary-grid-item__title", attrs: { el: t.BentoTypographyElement.SPAN, variant: t.BentoTypographyVariant.BODY } }, [t._v(" " + t._s(t.title) + " ")]), r("div", { staticClass: "b-summary-grid-item__title-icons" }, [t.copy ? r("copy", { staticClass: "b-structured-list__icon", attrs: { text: t.copy } }) : t._e(), t.infoIconTooltipText ? r("bento-info-icon", { staticClass: "b-summary-grid-item__title-tooltip", attrs: { "tooltip-text": t.infoIconTooltipText, "tooltip-position": t.PopperContainerPosition.TOP } }) : t._e()], 1)], 1), r("div", { staticClass: "b-summary-grid-item__content--primary" }, [t.isContentTypographyApplied ? r("bento-typography", t._b({ staticClass: "b-summary-grid-item__title", attrs: { "data-testid": "summary-grid-item-content-typography", el: t.BentoTypographyElement.SPAN } }, "bento-typography", t.typographyProps, !1), [t._t("default"), t.trend && t.itemType !== t.SummaryGridItemType.TEXT ? r("bento-tag", { staticClass: "b-summary-grid-item__content-trend", attrs: { variant: t.trendVariant, label: t.trend } }) : t._e()], 2) : t._t("default")], 2), t.hasSlot("secondary") ? r("div", { staticClass: "b-summary-grid-item__content--secondary" }, [r("bento-typography", { staticClass: "b-summary-grid-item__title", attrs: { "data-testid": "summary-grid-item-secondary-metric-typography", el: t.BentoTypographyElement.SPAN, variant: t.BentoTypographyVariant.CAPTION, stronger: "" } }, [t._t("secondary"), t.secondaryTrend ? r("bento-tag", { staticClass: "b-summary-grid-item__content-trend", attrs: { variant: t.secondaryTrendVariant, label: t.secondaryTrend } }) : t._e()], 2)], 1) : t._e()]);
+}, j = [], w = /* @__PURE__ */ u(
   N,
   D,
-  w,
+  j,
   !1,
   null,
-  "f84a2c30",
+  "bc53e804",
   null,
   null
 );
-const m = k.exports, U = c({
+const m = w.exports, k = c({
   name: "bento-summary-grid-item-amount",
   components: { SummaryGridItem: m },
   props: {
@@ -258,7 +262,8 @@ const m = k.exports, U = c({
      */
     trendDirection: {
       type: String,
-      default: a.POSITIVE
+      default: o.POSITIVE,
+      validator: (e) => Object.values(o).includes(e)
     },
     /**
      * Shows colored secondary trend tag next to the secondary metric value
@@ -272,39 +277,41 @@ const m = k.exports, U = c({
      */
     secondaryTrendDirection: {
       type: String,
-      default: a.POSITIVE
+      default: o.POSITIVE,
+      validator: (e) => Object.values(o).includes(e)
     },
     /**
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
       type: String,
-      default: s.SMALL
+      default: i.SMALL,
+      validator: (e) => Object.values(i).includes(e)
     }
   },
   setup() {
     return {
       // Enums
-      SummaryGridItemType: o
+      SummaryGridItemType: a
     };
   }
 });
-var q = function() {
-  var t = this, e = t._self._c;
-  return t._self._setupProxy, e("summary-grid-item", { staticClass: "b-summary-grid-item-amount", attrs: { "item-type": t.SummaryGridItemType.AMOUNT, "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 }, scopedSlots: t._u([t.secondaryMetric ? { key: "secondary", fn: function() {
+var U = function() {
+  var t = this, r = t._self._c;
+  return t._self._setupProxy, r("summary-grid-item", { staticClass: "b-summary-grid-item-amount", attrs: { "item-type": t.SummaryGridItemType.AMOUNT, "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 }, scopedSlots: t._u([t.secondaryMetric ? { key: "secondary", fn: function() {
     return [t._v(" " + t._s(t.secondaryMetric) + " ")];
-  }, proxy: !0 } : null], null, !0) }, [e("div", { staticClass: "b-summary-grid-item-amount__content" }, [e("div", [t._v(t._s(t.label))]), t.secondaryLabel ? e("div", { staticClass: "b-summary-grid-item-amount__secondary-label" }, [t._v(t._s(t.secondaryLabel))]) : t._e()])]);
-}, z = [], F = /* @__PURE__ */ u(
+  }, proxy: !0 } : null], null, !0) }, [r("div", { staticClass: "b-summary-grid-item-amount__content" }, [r("div", [t._v(t._s(t.label))]), t.secondaryLabel ? r("div", { staticClass: "b-summary-grid-item-amount__secondary-label" }, [t._v(t._s(t.secondaryLabel))]) : t._e()])]);
+}, q = [], z = /* @__PURE__ */ u(
+  k,
   U,
   q,
-  z,
   !1,
   null,
-  "804599f0",
+  "7f05c60d",
   null,
   null
 );
-const gt = F.exports, X = c({
+const gt = z.exports, F = c({
   name: "bento-summary-grid-item-numeric",
   components: { SummaryGridItem: m },
   props: {
@@ -359,7 +366,8 @@ const gt = F.exports, X = c({
      */
     trendDirection: {
       type: String,
-      default: a.POSITIVE
+      default: o.POSITIVE,
+      validator: (e) => Object.values(o).includes(e)
     },
     /**
      * Shows colored secondary trend tag next to the secondary metric value
@@ -373,31 +381,33 @@ const gt = F.exports, X = c({
      */
     secondaryTrendDirection: {
       type: String,
-      default: a.POSITIVE
+      default: o.POSITIVE,
+      validator: (e) => Object.values(o).includes(e)
     },
     /**
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
       type: String,
-      default: s.SMALL
+      default: i.SMALL,
+      validator: (e) => Object.values(i).includes(e)
     }
   },
   setup() {
     return {
       // Enums
-      SummaryGridItemType: o
+      SummaryGridItemType: a
     };
   }
 });
-var j = function() {
-  var t = this, e = t._self._c;
-  return t._self._setupProxy, e("summary-grid-item", { staticClass: "b-summary-grid-item-numeric", attrs: { "item-type": t.SummaryGridItemType.NUMERIC, "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 }, scopedSlots: t._u([t.secondaryMetric ? { key: "secondary", fn: function() {
+var X = function() {
+  var t = this, r = t._self._c;
+  return t._self._setupProxy, r("summary-grid-item", { staticClass: "b-summary-grid-item-numeric", attrs: { "item-type": t.SummaryGridItemType.NUMERIC, "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 }, scopedSlots: t._u([t.secondaryMetric ? { key: "secondary", fn: function() {
     return [t._v(" " + t._s(t.secondaryMetric) + " ")];
   }, proxy: !0 } : null], null, !0) }, [t._v(" " + t._s(t.label) + " ")]);
 }, W = [], Y = /* @__PURE__ */ u(
+  F,
   X,
-  j,
   W,
   !1,
   null,
@@ -405,7 +415,7 @@ var j = function() {
   null,
   null
 );
-const Tt = Y.exports, H = c({
+const vt = Y.exports, H = c({
   name: "bento-summary-grid-item-percentage",
   components: { SummaryGridItem: m },
   props: {
@@ -460,7 +470,8 @@ const Tt = Y.exports, H = c({
      */
     trendDirection: {
       type: String,
-      default: a.POSITIVE
+      default: o.POSITIVE,
+      validator: (e) => Object.values(o).includes(e)
     },
     /**
      * Shows colored secondary trend tag next to the secondary metric value
@@ -474,26 +485,28 @@ const Tt = Y.exports, H = c({
      */
     secondaryTrendDirection: {
       type: String,
-      default: a.POSITIVE
+      default: o.POSITIVE,
+      validator: (e) => Object.values(o).includes(e)
     },
     /**
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
       type: String,
-      default: s.SMALL
+      default: i.SMALL,
+      validator: (e) => Object.values(i).includes(e)
     }
   },
   setup() {
     return {
       // Enums
-      SummaryGridItemType: o
+      SummaryGridItemType: a
     };
   }
 });
 var J = function() {
-  var t = this, e = t._self._c;
-  return t._self._setupProxy, e("summary-grid-item", { staticClass: "b-summary-grid-item-percentage", attrs: { "item-type": t.SummaryGridItemType.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 }, scopedSlots: t._u([t.secondaryMetric ? { key: "secondary", fn: function() {
+  var t = this, r = t._self._c;
+  return t._self._setupProxy, r("summary-grid-item", { staticClass: "b-summary-grid-item-percentage", attrs: { "item-type": t.SummaryGridItemType.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 }, scopedSlots: t._u([t.secondaryMetric ? { key: "secondary", fn: function() {
     return [t._v(" " + t._s(t.secondaryMetric) + "% ")];
   }, proxy: !0 } : null], null, !0) }, [t._v(" " + t._s(t.label) + "% ")]);
 }, K = [], Q = /* @__PURE__ */ u(
@@ -506,7 +519,7 @@ var J = function() {
   null,
   null
 );
-const vt = Q.exports, Z = c({
+const Tt = Q.exports, Z = c({
   name: "bento-summary-grid-item-text",
   components: { SummaryGridItem: m },
   props: {
@@ -546,13 +559,13 @@ const vt = Q.exports, Z = c({
   setup() {
     return {
       // Enums
-      SummaryGridItemType: o
+      SummaryGridItemType: a
     };
   }
 });
 var tt = function() {
-  var t = this, e = t._self._c;
-  return t._self._setupProxy, e("summary-grid-item", { staticClass: "b-summary-grid-item-text", attrs: { "item-type": t.SummaryGridItemType.TEXT, "info-icon-tooltip-text": t.infoIconTooltipText, title: t.title, copy: t.copy, "fit-content": t.fitContent } }, [t._v(" " + t._s(t.label) + " ")]);
+  var t = this, r = t._self._c;
+  return t._self._setupProxy, r("summary-grid-item", { staticClass: "b-summary-grid-item-text", attrs: { "item-type": t.SummaryGridItemType.TEXT, "info-icon-tooltip-text": t.infoIconTooltipText, title: t.title, copy: t.copy, "fit-content": t.fitContent } }, [t._v(" " + t._s(t.label) + " ")]);
 }, et = [], rt = /* @__PURE__ */ u(
   Z,
   tt,
@@ -587,8 +600,8 @@ const St = rt.exports, nt = c({
   emits: ["copy-to-clipboard"]
 });
 var ot = function() {
-  var t = this, e = t._self._c;
-  return t._self._setupProxy, e("summary-grid-item", { attrs: { title: t.title, "info-icon-tooltip-text": t.infoIconTooltipText, copy: t.copy, "fit-content": t.fitContent }, on: { "copy-to-clipoard": function(n) {
+  var t = this, r = t._self._c;
+  return t._self._setupProxy, r("summary-grid-item", { attrs: { title: t.title, "info-icon-tooltip-text": t.infoIconTooltipText, copy: t.copy, "fit-content": t.fitContent }, on: { "copy-to-clipoard": function(n) {
     return t.$emit("copy-to-clipboard");
   } } }, [t._t("default")], 2);
 }, it = [], at = /* @__PURE__ */ u(
@@ -606,10 +619,10 @@ export {
   ft as BentoSummaryGrid,
   gt as BentoSummaryGridItemAmount,
   bt as BentoSummaryGridItemCustom,
-  Tt as BentoSummaryGridItemNumeric,
-  vt as BentoSummaryGridItemPercentage,
-  s as BentoSummaryGridItemSize,
+  vt as BentoSummaryGridItemNumeric,
+  Tt as BentoSummaryGridItemPercentage,
+  i as BentoSummaryGridItemSize,
   St as BentoSummaryGridItemText,
-  a as BentoSummaryGridItemTrendDirection
+  o as BentoSummaryGridItemTrendDirection
 };
 //# sourceMappingURL=summary-grid.js.map