@telefonica/mistica 14.37.0 → 14.39.0

package/dist-es/carousel.js

@@ -75,19 +75,22 @@ const ie = (e, r)=>{
     return we(r, !1) && t && !!e;
 }, ae = (param)=>{
     let { currentIndex: e, numPages: r, onPress: t } = param;
-    const o = Ne(), { isDesktopOrBigger: f } = oe(), m = (v)=>{
-        const d = v === e;
-        return o ? d ? Oe : De : d ? Ve : ze;
+    const o = Ne(), { isDesktopOrBigger: h } = oe(), m = (b)=>{
+        const f = b === e;
+        return o ? f ? Oe : De : f ? Ve : ze;
     };
     return /* @__PURE__ */ s(Se, {
-        space: f ? 16 : 8,
+        space: {
+            mobile: 8,
+            desktop: 16
+        },
         alignItems: "center",
         dataAttributes: {
             "component-name": "PageBullets"
         },
         children: Array.from({
             length: r
-        }, (v, d)=>/* @__PURE__ */ s(M, {
+        }, (b, f)=>/* @__PURE__ */ s(M, {
                 className: He({
                     display: "block",
                     padding: 0,
@@ -95,11 +98,11 @@ const ie = (e, r)=>{
                     background: "transparent"
                 }),
                 maybe: !0,
-                onPress: f && t ? ()=>t(d) : void 0,
+                onPress: h && t ? ()=>t(f) : void 0,
                 children: /* @__PURE__ */ s("div", {
-                    className: m(d)
+                    className: m(f)
                 })
-            }, d))
+            }, f))
     });
 }, Z = (e, r, t)=>t ? typeof t == "number" ? t : t[e] || r[e] : r[e], Xe = (e, r)=>{
     const t = {
@@ -126,7 +129,7 @@ const ie = (e, r)=>{
 }, ee = (e, r)=>{
     if (e.length === 0) return [];
     const t = Math.ceil(e.length / r), o = [];
-    for(let f = 0; f < e.length; f += t)o.push(e[f]);
+    for(let h = 0; h < e.length; h += t)o.push(e[h]);
     return o[o.length - 1] = e[e.length - t], o;
 }, Ze = (e, r)=>{
     const t = [];
@@ -134,14 +137,14 @@ const ie = (e, r)=>{
     for(let o = t.length - 1; o >= 0; o--)if (e - t[o] >= -1) return o;
     return 0;
 }, ue = 5e3, fe = (param)=>{
-    let { items: e, itemStyle: r, itemClassName: t, withBullets: o, renderBullets: f, initialActiveItem: m, itemsPerPage: v, itemsToScroll: d, mobilePageOffset: p, gap: N, free: R, centered: A, autoplay: b, onPageChange: P, dataAttributes: F } = param;
-    const { texts: T, platformOverrides: x, skinName: y } = re(), c = Je(), i = Xe(c || "large", v), { isDesktopOrBigger: w, isTablet: C } = oe(), U = C ? i.tablet : i.mobile, I = Math.max(Math.floor(w ? i.desktop : U), 1), g = n.useRef(null), S = Math.ceil(e.length / I), [{ scrollLeft: G, scrollRight: q }, he] = n.useState({
+    let { items: e, itemStyle: r, itemClassName: t, withBullets: o, renderBullets: h, initialActiveItem: m, itemsPerPage: b, itemsToScroll: f, mobilePageOffset: p, gap: N, free: R, centered: A, autoplay: v, onPageChange: P, dataAttributes: F } = param;
+    const { texts: T, platformOverrides: x, skinName: y } = re(), c = Je(), i = Xe(c || "large", b), { isDesktopOrBigger: w, isTablet: C } = oe(), U = C ? i.tablet : i.mobile, I = Math.max(Math.floor(w ? i.desktop : U), 1), g = n.useRef(null), S = Math.ceil(e.length / I), [{ scrollLeft: G, scrollRight: q }, he] = n.useState({
         scrollLeft: 0,
         scrollRight: 0
     }), [K, me] = n.useState([]), W = n.useMemo(()=>ee(K, S), [
         K,
         S
-    ]), O = d ? ee(K, Math.ceil(e.length / d)) : W, pe = q !== 0, ge = G !== 0;
+    ]), O = f ? ee(K, Math.ceil(e.length / f)) : W, pe = q !== 0, ge = G !== 0;
     n.useEffect(()=>{
         if (g.current) {
             const l = g.current, a = ()=>{
@@ -159,11 +162,11 @@ const ie = (e, r)=>{
                 }));
             };
             a(), u(), l.addEventListener("scroll", a);
-            const h = le(l, ()=>{
+            const d = le(l, ()=>{
                 a(), u();
             });
             return ()=>{
-                l.removeEventListener("scroll", a), h();
+                l.removeEventListener("scroll", a), d();
             };
         }
         return ()=>{};
@@ -181,20 +184,20 @@ const ie = (e, r)=>{
         let a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
         const u = g.current;
         if (u) {
-            const h = W[l];
+            const d = W[l];
             u.scrollTo({
-                left: h,
+                left: d,
                 behavior: a ? "smooth" : "auto"
             });
         }
     }, [
         W
-    ]), ve = n.useCallback(()=>{
+    ]), be = n.useCallback(()=>{
         const l = g.current;
         if (l) {
             const { scrollLeft: a } = l, u = [
                 ...O
-            ].reverse().find((h)=>h - a < -1);
+            ].reverse().find((d)=>d - a < -1);
             l.scrollTo({
                 left: u,
                 behavior: "smooth"
@@ -205,7 +208,7 @@ const ie = (e, r)=>{
     ]), Y = n.useCallback(()=>{
         const l = g.current;
         if (l) {
-            const { scrollLeft: a } = l, u = O.find((h)=>h - a > 1);
+            const { scrollLeft: a } = l, u = O.find((d)=>d - a > 1);
             l.scrollTo({
                 left: u,
                 behavior: "smooth"
@@ -213,7 +216,7 @@ const ie = (e, r)=>{
         }
     }, [
         O
-    ]), H = ie(!!b, g);
+    ]), H = ie(!!v, g);
     n.useEffect(()=>{
         m !== void 0 && D(Math.floor(m / I), !1);
     }, [
@@ -221,10 +224,10 @@ const ie = (e, r)=>{
         D,
         I
     ]), n.useEffect(()=>{
-        if (H && b) {
-            const l = typeof b == "boolean" ? ue : b.time, a = typeof b == "object" && b.loop, u = setInterval(()=>{
-                var h;
-                q !== 0 ? Y() : a && ((h = g.current) == null || h.scrollTo({
+        if (H && v) {
+            const l = typeof v == "boolean" ? ue : v.time, a = typeof v == "object" && v.loop, u = setInterval(()=>{
+                var d;
+                q !== 0 ? Y() : a && ((d = g.current) == null || d.scrollTo({
                     left: 0,
                     behavior: "smooth"
                 }));
@@ -232,7 +235,7 @@ const ie = (e, r)=>{
             return ()=>clearInterval(u);
         }
     }, [
-        b,
+        v,
         Y,
         q,
         H
@@ -242,8 +245,8 @@ const ie = (e, r)=>{
         if (P) {
             const l = Math.min((k + 1) * I - 1, e.length - 1), a = [];
             for(let u = 0; u < I; u++){
-                const h = l - u;
-                h >= 0 && a.unshift(h);
+                const d = l - u;
+                d >= 0 && a.unshift(d);
             }
             J.current ? Q.current !== k && P({
                 pageIndex: k,
@@ -258,7 +261,7 @@ const ie = (e, r)=>{
         P
     ]);
     let V = null;
-    f ? V = f({
+    h ? V = h({
         numPages: S,
         currentIndex: k,
         onPress: D
@@ -267,7 +270,7 @@ const ie = (e, r)=>{
         currentIndex: k,
         onPress: D
     }));
-    const be = "64px", Ie = "36px";
+    const ve = "64px", Ie = "36px";
     return /* @__PURE__ */ $(ke, {
         space: 24,
         dataAttributes: _object_spread({
@@ -282,7 +285,7 @@ const ie = (e, r)=>{
                         children: /* @__PURE__ */ s(M, {
                             className: je,
                             "aria-label": T.carouselPrevButton,
-                            onPress: ve,
+                            onPress: be,
                             disabled: !ge,
                             children: /* @__PURE__ */ s(te, {})
                         })
@@ -297,7 +300,7 @@ const ie = (e, r)=>{
                             [L.itemsPerPageTablet]: String(i.tablet),
                             [L.itemsPerPageMobile]: String(i.mobile)
                         }, p === "large" ? {
-                            [L.mobilePageOffset]: be
+                            [L.mobilePageOffset]: ve
                         } : y === Qe ? {
                             [L.mobilePageOffset]: Ie
                         } : {}, N !== void 0 ? {
@@ -340,7 +343,7 @@ const ie = (e, r)=>{
         ]
     });
 }, It = (e)=>/* @__PURE__ */ s(fe, _object_spread({}, e)), Pt = (param)=>/* @__PURE__ */ {
-    let { items: e, itemStyle: r, itemClassName: t, withBullets: o, renderBullets: f, initialActiveItem: m, onPageChange: v, dataAttributes: d } = param;
+    let { items: e, itemStyle: r, itemClassName: t, withBullets: o, renderBullets: h, initialActiveItem: m, onPageChange: b, dataAttributes: f } = param;
     return s(fe, {
         items: e,
         itemStyle: r,
@@ -354,10 +357,10 @@ const ie = (e, r)=>{
         itemsToScroll: 1,
         gap: 0,
         withBullets: o,
-        renderBullets: f,
+        renderBullets: h,
         initialActiveItem: m,
-        onPageChange: v,
-        dataAttributes: d
+        onPageChange: b,
+        dataAttributes: f
     });
 }, de = /*#__PURE__*/ n.createContext(!1), xt = ()=>n.useContext(de), et = (param)=>/* @__PURE__ */ {
     let { children: e } = param;
@@ -366,11 +369,11 @@ const ie = (e, r)=>{
         children: e
     });
 }, wt = (param)=>{
-    let { items: e, withBullets: r, autoplay: t, onPageChange: o, dataAttributes: f, inverseBullets: m = !0 } = param;
-    const { texts: v, platformOverrides: d } = re(), p = n.useRef(null), [{ scrollLeft: N, scrollRight: R }, A] = n.useState({
+    let { items: e, withBullets: r, autoplay: t, onPageChange: o, dataAttributes: h, inverseBullets: m = !0 } = param;
+    const { texts: b, platformOverrides: f } = re(), p = n.useRef(null), [{ scrollLeft: N, scrollRight: R }, A] = n.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), b = n.useCallback(()=>{
+    }), v = n.useCallback(()=>{
         const c = p.current;
         c && c.scrollBy({
             left: -c.clientWidth,
@@ -427,14 +430,14 @@ const ie = (e, r)=>{
     ]), /* @__PURE__ */ s(et, {
         children: /* @__PURE__ */ $("div", _object_spread_props(_object_spread({
             className: Be
-        }, Ce(f, "SlideShow")), {
+        }, Ce(h, "SlideShow")), {
             children: [
                 /* @__PURE__ */ s(E, {
                     isInverse: !1,
                     children: /* @__PURE__ */ s(M, {
                         className: Ee,
-                        "aria-label": v.carouselPrevButton,
-                        onPress: b,
+                        "aria-label": b.carouselPrevButton,
+                        onPress: v,
                         disabled: !T,
                         children: /* @__PURE__ */ s(te, {})
                     })
@@ -449,7 +452,7 @@ const ie = (e, r)=>{
                         children: e.map((c, i)=>/* @__PURE__ */ s("div", {
                                 className: Te,
                                 style: {
-                                    scrollSnapStop: ne(d) ? "always" : "normal"
+                                    scrollSnapStop: ne(f) ? "always" : "normal"
                                 },
                                 children: c
                             }, i))
@@ -459,7 +462,7 @@ const ie = (e, r)=>{
                     isInverse: !1,
                     children: /* @__PURE__ */ s(M, {
                         className: ye,
-                        "aria-label": v.carouselNextButton,
+                        "aria-label": b.carouselNextButton,
                         onPress: P,
                         disabled: !F,
                         children: /* @__PURE__ */ s(se, {})

package/dist-es/chip.js

@@ -51,104 +51,121 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as u, Fragment as C, jsx as t } from "react/jsx-runtime";
+import { jsxs as f, Fragment as b, jsx as e } from "react/jsx-runtime";
 import E from "classnames";
-import { useTheme as N, useScreenSize as V } from "./hooks.js";
-import x from "./badge.js";
-import n from "./box.js";
-import { Text2 as y } from "./text.js";
-import z from "./icon-button.js";
+import { useTheme as N } from "./hooks.js";
+import k from "./badge.js";
+import i from "./box.js";
+import { Text2 as V } from "./text.js";
+import y from "./icon-button.js";
 import j from "./generated/mistica-icons/icon-close-regular.js";
-import { pxToRem as p } from "./utils/css.js";
-import { iconActive as O, icon as S, chipVariants as i, button as D, chipInteractiveVariants as L } from "./chip.css-mistica.js";
-import { vars as M } from "./skins/skin-contract.css-mistica.js";
-import { getPrefixedDataAttributes as g } from "./utils/dom.js";
-import { useThemeVariant as W } from "./theme-variant-context.js";
-import { BaseTouchable as v } from "./touchable.js";
-const F = (e)=>{
-    const { Icon: c, children: P, id: k, dataAttributes: l, active: s, badge: r, onClose: d } = e, { texts: T, isDarkMode: A, textPresets: I } = N(), m = W() === "alternative", { isTabletOrSmaller: a } = V(), f = c ? a ? 16 : 8 : a ? 20 : 12, R = a ? 20 : 12, b = a ? 16 : 8, w = ()=>r ? /* @__PURE__ */ t(C, {
-            children: r === !0 ? /* @__PURE__ */ t(x, {}) : /* @__PURE__ */ t(x, {
+import { pxToRem as z } from "./utils/css.js";
+import { iconActive as D, icon as L, chipVariants as n, button as M, chipInteractiveVariants as O } from "./chip.css-mistica.js";
+import { vars as W } from "./skins/skin-contract.css-mistica.js";
+import { getPrefixedDataAttributes as A } from "./utils/dom.js";
+import { useThemeVariant as F } from "./theme-variant-context.js";
+import { BaseTouchable as g } from "./touchable.js";
+const $ = (t)=>{
+    const { Icon: c, children: C, id: x, dataAttributes: s, active: l, badge: r, onClose: d } = t, { texts: p, isDarkMode: P, textPresets: I } = N(), m = F() === "alternative", u = c ? {
+        mobile: 16,
+        desktop: 8
+    } : {
+        mobile: 20,
+        desktop: 12
+    }, R = {
+        mobile: 20,
+        desktop: 12
+    }, v = {
+        mobile: 16,
+        desktop: 8
+    }, T = ()=>r ? /* @__PURE__ */ e(b, {
+            children: r === !0 ? /* @__PURE__ */ e(k, {}) : /* @__PURE__ */ e(k, {
                 value: r
             })
-        }) : null, h = /* @__PURE__ */ u(C, {
+        }) : null, h = /* @__PURE__ */ f(b, {
         children: [
-            c && /* @__PURE__ */ t(n, {
+            c && /* @__PURE__ */ e(i, {
                 paddingRight: 4,
-                className: s ? O : S,
-                children: /* @__PURE__ */ t(c, {
+                className: l ? D : L,
+                children: /* @__PURE__ */ e(c, {
                     color: "currentColor",
-                    size: p(16)
+                    size: z(16)
                 })
             }),
-            /* @__PURE__ */ t(n, {
+            /* @__PURE__ */ e(i, {
                 paddingRight: r ? 8 : d ? 4 : 0,
-                children: /* @__PURE__ */ t(y, {
-                    id: k,
+                children: /* @__PURE__ */ e(V, {
+                    id: x,
                     weight: I.indicator.weight,
                     truncate: 1,
                     color: "currentColor",
-                    children: P
+                    children: C
                 })
             })
         ]
     });
-    if (r) return /* @__PURE__ */ u(n, _object_spread_props(_object_spread({
-        className: m ? i.overAlternative : i.default,
-        paddingLeft: f,
-        paddingRight: b
-    }, g(l, "Chip")), {
+    if (r) return /* @__PURE__ */ f(i, _object_spread_props(_object_spread({
+        className: m ? n.overAlternative : n.default,
+        paddingLeft: u,
+        paddingRight: v
+    }, A(s, "Chip")), {
         children: [
             h,
-            w()
+            T()
         ]
     }));
-    if (d) return /* @__PURE__ */ u(n, _object_spread_props(_object_spread({
-        className: m ? i.overAlternative : i.default,
-        paddingLeft: f,
-        paddingRight: b
-    }, g(l, "Chip")), {
+    if (d) return /* @__PURE__ */ f(i, _object_spread_props(_object_spread({
+        className: m ? n.overAlternative : n.default,
+        paddingLeft: u,
+        paddingRight: v
+    }, A(s, "Chip")), {
         children: [
             h,
-            /* @__PURE__ */ t(z, {
+            /* @__PURE__ */ e(y, {
                 size: 24,
                 style: {
                     display: "flex",
                     justifyContent: "center",
                     alignItems: "center"
                 },
-                "aria-label": T.closeButtonLabel,
+                "aria-label": p.closeButtonLabel,
                 onPress: ()=>d(),
-                children: /* @__PURE__ */ t(j, {
+                children: /* @__PURE__ */ e(j, {
                     size: 16,
-                    color: M.colors.neutralMedium
+                    color: W.colors.neutralMedium
                 })
             })
         ]
     }));
-    const B = s !== void 0 || e.href || e.onPress || e.to, o = ()=>/* @__PURE__ */ t(n, _object_spread_props(_object_spread({
-            className: E(i[s ? "active" : m ? "overAlternative" : "default"], {
-                [L[A ? "dark" : "light"]]: B
+    const w = l !== void 0 || t.href || t.onPress || t.to, a = _object_spread({
+        "component-name": "Chip"
+    }, s), o = (B)=>/* @__PURE__ */ e(i, {
+            className: E(n[l ? "active" : m ? "overAlternative" : "default"], {
+                [O[P ? "dark" : "light"]]: w
             }),
-            paddingLeft: f,
-            paddingRight: R
-        }, g(l, "Chip")), {
+            paddingLeft: u,
+            paddingRight: R,
+            dataAttributes: B,
             children: h
-        }));
-    return e.onPress ? /* @__PURE__ */ t(v, {
-        className: D,
-        trackingEvent: e.trackingEvent,
-        onPress: e.onPress,
+        });
+    return t.onPress ? /* @__PURE__ */ e(g, {
+        className: M,
+        trackingEvent: t.trackingEvent,
+        onPress: t.onPress,
+        dataAttributes: a,
         children: o()
-    }) : e.to ? /* @__PURE__ */ t(v, {
-        trackingEvent: e.trackingEvent,
-        to: e.to,
-        fullPageOnWebView: e.fullPageOnWebView,
+    }) : t.to ? /* @__PURE__ */ e(g, {
+        trackingEvent: t.trackingEvent,
+        to: t.to,
+        fullPageOnWebView: t.fullPageOnWebView,
+        dataAttributes: a,
         children: o()
-    }) : e.href ? /* @__PURE__ */ t(v, {
-        trackingEvent: e.trackingEvent,
-        href: e.href,
-        newTab: e.newTab,
+    }) : t.href ? /* @__PURE__ */ e(g, {
+        trackingEvent: t.trackingEvent,
+        href: t.href,
+        newTab: t.newTab,
+        dataAttributes: a,
         children: o()
-    }) : o();
-}, re = F;
-export { re as default };
+    }) : o(a);
+}, rt = $;
+export { rt as default };

package/dist-es/empty-state-card.js

@@ -1,66 +1,72 @@
 "use client";
 import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import c from "./box.js";
+import s from "./box.js";
 import { Boxed as g } from "./boxed.js";
-import { useScreenSize as u, useTheme as y } from "./hooks.js";
-import d from "./stack.js";
-import { Text as E, Text2 as N } from "./text.js";
-import T from "./button-group.js";
-import { container as B, iconContainer as C, image as k } from "./empty-state-card.css-mistica.js";
-import { vars as v } from "./skins/skin-contract.css-mistica.js";
-const z = (param)=>{
-    let { title: n, description: h, button: r, secondaryButton: i, buttonLink: t, icon: o, imageUrl: a, "aria-label": f, dataAttributes: x } = param;
-    var s;
-    const { isTabletOrSmaller: l } = u(), { textPresets: S } = y();
+import { useTheme as S } from "./hooks.js";
+import c from "./stack.js";
+import { Text as k, Text2 as y } from "./text.js";
+import E from "./button-group.js";
+import { container as N, iconContainer as u, image as B } from "./empty-state-card.css-mistica.js";
+import { vars as C } from "./skins/skin-contract.css-mistica.js";
+const T = (param)=>{
+    let { title: d, description: n, button: r, secondaryButton: i, buttonLink: o, icon: t, imageUrl: a, "aria-label": h, dataAttributes: f } = param;
+    var l;
+    const { textPresets: x } = S();
     let m;
     return a && (m = /* @__PURE__ */ e("img", {
-        className: k,
+        className: B,
         alt: "",
         src: a
-    })), process.env.NODE_ENV !== "production" && r && !((s = r == null ? void 0 : r.props) != null && s.small) && console.error("button property in EmptyStateCard must be a a small Button. Set small prop to true"), /* @__PURE__ */ e(g, {
-        dataAttributes: x,
-        children: /* @__PURE__ */ e(c, {
-            paddingY: l ? 24 : 40,
-            paddingX: l ? 16 : 40,
+    })), process.env.NODE_ENV !== "production" && r && !((l = r == null ? void 0 : r.props) != null && l.small) && console.error("button property in EmptyStateCard must be a a small Button. Set small prop to true"), /* @__PURE__ */ e(g, {
+        dataAttributes: f,
+        children: /* @__PURE__ */ e(s, {
+            paddingY: {
+                mobile: 24,
+                desktop: 40
+            },
+            paddingX: {
+                mobile: 16,
+                desktop: 40
+            },
             children: /* @__PURE__ */ e("section", {
-                className: B,
-                "aria-label": f,
-                children: /* @__PURE__ */ p(d, {
+                className: N,
+                "aria-label": h,
+                children: /* @__PURE__ */ p(c, {
                     space: 16,
                     children: [
-                        m !== null && m !== void 0 ? m : o && /* @__PURE__ */ e("div", {
-                            className: C,
-                            children: o
+                        m !== null && m !== void 0 ? m : t && /* @__PURE__ */ e("div", {
+                            className: u,
+                            children: t
                         }),
-                        /* @__PURE__ */ e(c, {
-                            children: /* @__PURE__ */ p(d, {
+                        /* @__PURE__ */ e(s, {
+                            children: /* @__PURE__ */ p(c, {
                                 space: 8,
                                 children: [
-                                    /* @__PURE__ */ e(E, {
+                                    /* @__PURE__ */ e(k, {
                                         mobileSize: 18,
                                         mobileLineHeight: "24px",
                                         desktopSize: 20,
                                         desktopLineHeight: "28px",
-                                        weight: S.cardTitle.weight,
-                                        children: n
+                                        weight: x.cardTitle.weight,
+                                        children: d
                                     }),
-                                    /* @__PURE__ */ e(N, {
+                                    /* @__PURE__ */ e(y, {
                                         regular: !0,
-                                        color: v.colors.textSecondary,
-                                        children: h
+                                        color: C.colors.textSecondary,
+                                        children: n
                                     })
                                 ]
                             })
                         }),
-                        (r || i || t) && /* @__PURE__ */ e(T, {
+                        (r || i || o) && /* @__PURE__ */ e(E, {
                             primaryButton: r,
                             secondaryButton: i,
-                            link: t
+                            link: o
                         })
                     ]
                 })
             })
         })
     });
-}, V = z;
-export { V as default };
+}, O = T;
+export { O as default };

package/dist-es/image.css-mistica.js

@@ -1,6 +1,6 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./image.css.ts.vanilla.css-mistica.js";
-var r = 300, n = "_17tt25r2 _1y2v1nfjn _1y2v1nfk2 _1y2v1nfgi _1y2v1nfh3 _1y2v1nfhk _1y2v1nflb _1y2v1nfiv _1y2v1nfiw _1y2v1nfj7", f = {
+var _ = 300, a = "_17tt25r3 _1y2v1nfjn _1y2v1nfk2 _1y2v1nfgi _1y2v1nfh3 _1y2v1nfhk _1y2v1nflb _1y2v1nfiv _1y2v1nfiw _1y2v1nfj7", i = "_17tt25r1", n = {
     mediaBorderRadius: "var(--_17tt25r0)"
 };
-export { r as FADE_IN_DURATION_MS, n as image, f as vars };
+export { _ as FADE_IN_DURATION_MS, a as image, i as imageWithBorder, n as vars };