@telefonica/mistica 12.11.1 → 12.12.0

package/dist-es/icons/icon-error.js

@@ -26,120 +26,109 @@ function _objectSpread(target) {
     }
     return target;
 }
-import { animateShakeStyles as l, getAnimateDrawLineProps as n, getAnimateFadeInProps as t } from "../utils/animation.js";
-import { createUseStyles as a } from "../jss.js";
-import { useTheme as s } from "../hooks.js";
-import { O2_SKIN as d, O2_CLASSIC_SKIN as m } from "../skins/constants.js";
-import { jsx as e, jsxs as i } from "../_virtual/jsx-runtime.js";
-var c = a(function(r) {
-    return _objectSpread({
-        iconContainerFill: {
-            stroke: r.colors.error,
-            fill: r.colors.error
-        },
-        iconContainer: {
-            stroke: r.colors.error,
-            fill: "none"
-        }
-    }, l(r.platformOverrides));
-}), h = function() {
-    var r = c({
-        delay: 0.8
-    }), ref = s(), o = ref.platformOverrides;
-    return /* @__PURE__ */ e("svg", {
+import { getAnimateDrawLineProps as i, getAnimateFadeInProps as s } from "../utils/animation.js";
+import { useTheme as n } from "../hooks.js";
+import { O2_SKIN as a, O2_CLASSIC_SKIN as m } from "../skins/constants.js";
+import { vars as e } from "../skins/skin-contract.css-mistica.js";
+import { outerAnimation as c, innerAnimation as l } from "./icon-error.css-mistica.js";
+import { jsx as r, jsxs as t } from "../_virtual/jsx-runtime.js";
+var d = function() {
+    var ref = n(), o = ref.platformOverrides;
+    return /* @__PURE__ */ r("svg", {
         width: "72",
         height: "64",
         viewBox: "0 0 72 64",
-        children: /* @__PURE__ */ i("g", {
-            className: r.iconContainerFill,
+        children: /* @__PURE__ */ t("g", {
+            stroke: e.colors.error,
+            fill: e.colors.error,
             strokeLinecap: "round",
             strokeLinejoin: "round",
             children: [
-                /* @__PURE__ */ i("g", {
-                    className: r.outerAnimation,
+                /* @__PURE__ */ t("g", {
+                    className: c,
                     children: [
-                        /* @__PURE__ */ e("path", _objectSpread({
+                        /* @__PURE__ */ r("path", _objectSpread({
                             strokeWidth: "2",
                             fill: "none",
                             d: "M48.24,57.99c-4.71,2.95-10.27,4.65-16.24,4.65C15.08,62.64,1.36,48.92,1.36,32S15.08,1.36,32,1.36 S62.64,15.08,62.64,32c0,6.11-1.79,11.8-4.87,16.58"
-                        }, n("202", "0.3s", o))),
-                        /* @__PURE__ */ e("circle", _objectSpread({
+                        }, i("202", "0.3s", o))),
+                        /* @__PURE__ */ r("circle", _objectSpread({
                             cx: "53.64",
                             cy: "53.54",
                             r: "1.06"
-                        }, t("0.2s", o)))
+                        }, s("0.2s", o)))
                     ]
                 }),
-                /* @__PURE__ */ i("g", {
-                    className: r.innerAnimation,
+                /* @__PURE__ */ t("g", {
+                    className: l,
                     children: [
-                        /* @__PURE__ */ e("line", _objectSpread({
+                        /* @__PURE__ */ r("line", _objectSpread({
                             strokeWidth: "2",
                             fill: "none",
                             x1: "32",
                             y1: "14.86",
                             x2: "32",
                             y2: "39.08"
-                        }, n("110", "0.6s", o))),
-                        /* @__PURE__ */ e("circle", _objectSpread({
+                        }, i("110", "0.6s", o))),
+                        /* @__PURE__ */ r("circle", _objectSpread({
                             strokeWidth: "0",
                             cx: "32",
                             cy: "46.25",
                             r: "1.72"
-                        }, t("0.8", o)))
+                        }, s("0.8s", o)))
                     ]
                 })
             ]
         })
     });
-}, f = function() {
-    var r = c({
-        delay: 0.8
-    }), ref = s(), o = ref.platformOverrides;
-    return /* @__PURE__ */ e("svg", {
+}, h = function() {
+    var ref = n(), o = ref.platformOverrides;
+    return /* @__PURE__ */ r("svg", {
         width: "72",
         height: "64",
         viewBox: "0 0 72 64",
-        children: /* @__PURE__ */ i("g", {
-            className: r.iconContainer,
+        children: /* @__PURE__ */ t("g", {
+            stroke: e.colors.error,
+            fill: "none",
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
             strokeMiterlimit: "10",
             children: [
-                /* @__PURE__ */ e("g", {
-                    className: r.outerAnimation,
-                    children: /* @__PURE__ */ e("path", _objectSpread({
+                /* @__PURE__ */ r("g", {
+                    className: c,
+                    children: /* @__PURE__ */ r("path", _objectSpread({
                         fill: "none",
                         strokeWidth: "2",
                         strokeMiterlimit: "10",
                         d: "M 31.9 0.9 C 52.5 0.9 62.9 11.4 62.9 31.9 C 62.9 52.5 52.5 62.9 31.9 62.9 C 11.3 62.9 0.9 52.5 0.9 31.9 C 0.9 11.3 11.3 0.9 31.9 0.9 Z",
                         transform: "rotate(90 32 32)"
-                    }, n("202", "0.3s", o)))
+                    }, i("202", "0.3s", o)))
                 }),
-                /* @__PURE__ */ i("g", {
-                    className: r.innerAnimation,
+                /* @__PURE__ */ t("g", {
+                    className: l,
                     children: [
-                        /* @__PURE__ */ e("line", _objectSpread({
+                        /* @__PURE__ */ r("line", _objectSpread({
                             x1: "31.9",
                             y1: "20.9",
                             x2: "31.9",
                             y2: "36.9"
-                        }, n("17", "0.7s", o))),
-                        /* @__PURE__ */ e("circle", _objectSpread({
-                            className: r.iconContainerFill,
+                        }, i("17", "0.7s", o))),
+                        /* @__PURE__ */ r("circle", _objectSpread({
+                            stroke: e.colors.error,
+                            fill: e.colors.error,
                             strokeWidth: "1",
                             cx: "31.9",
                             cy: "43.9",
                             r: "1.5"
-                        }, t("1", o)))
+                        }, s("1s", o)))
                     ]
                 })
             ]
         })
     });
-}, y = function() {
-    var ref = s(), r = ref.skinName;
-    return r === d || r === m ? /* @__PURE__ */ e(h, {}) : /* @__PURE__ */ e(f, {});
+}, v = function() {
+    var ref = n(), o = ref.skinName;
+    return o === a || o === m ? /* @__PURE__ */ r(d, {}) : /* @__PURE__ */ r(h, {});
 };
-export { y as default };
+export { v as default };

package/dist-es/icons/icon-info.js

@@ -1,52 +1,41 @@
-import { createUseStyles as t } from "../jss.js";
-import { useTheme as i } from "../hooks.js";
-import { O2_CLASSIC_SKIN as c, O2_SKIN as a } from "../skins/constants.js";
-import { jsx as n, jsxs as l } from "../_virtual/jsx-runtime.js";
-var s = t(function(o) {
-    return {
-        iconContainer: {
-            stroke: function(e) {
-                return e ? o.colors.inverse : o.colors.brand;
-            },
-            fill: function(e) {
-                return e ? o.colors.inverse : o.colors.brand;
-            }
-        }
-    };
-}), d = function(param) {
-    var tmp = param.size, o = tmp === void 0 ? 64 : tmp, e = param.color;
-    var r = s();
-    return /* @__PURE__ */ n("svg", {
-        width: o,
-        height: o,
+import { useTheme as n } from "../hooks.js";
+import { O2_CLASSIC_SKIN as i, O2_SKIN as s } from "../skins/constants.js";
+import { vars as t } from "../skins/skin-contract.css-mistica.js";
+import { jsx as r, jsxs as c } from "../_virtual/jsx-runtime.js";
+var d = function(param) {
+    var tmp = param.size, e = tmp === void 0 ? 64 : tmp, o = param.color;
+    return /* @__PURE__ */ r("svg", {
+        width: e,
+        height: e,
         viewBox: "0 0 64 64",
-        children: /* @__PURE__ */ l("g", {
-            className: r.iconContainer,
+        children: /* @__PURE__ */ c("g", {
+            stroke: t.colors.brand,
+            fill: t.colors.brand,
             strokeLinecap: "round",
             strokeLinejoin: "round",
             children: [
-                /* @__PURE__ */ n("path", {
+                /* @__PURE__ */ r("path", {
                     fill: "none",
                     strokeWidth: "2",
-                    stroke: e || void 0,
+                    stroke: o || void 0,
                     d: "M48.24,57.99c-4.71,2.95-10.27,4.65-16.24,4.65C15.08,62.64,1.36,48.92,1.36,32S15.08,1.36,32,1.36 S62.64,15.08,62.64,32c0,6.11-1.79,11.8-4.87,16.58"
                 }),
-                /* @__PURE__ */ n("line", {
+                /* @__PURE__ */ r("line", {
                     fill: "none",
                     strokeWidth: "2",
-                    stroke: e || void 0,
+                    stroke: o || void 0,
                     x1: "32",
                     y1: "47.96",
                     x2: "32",
                     y2: "23.74"
                 }),
-                /* @__PURE__ */ n("circle", {
-                    stroke: e || void 0,
+                /* @__PURE__ */ r("circle", {
+                    stroke: o || void 0,
                     cx: "53.64",
                     cy: "53.54",
                     r: "1.06"
                 }),
-                /* @__PURE__ */ n("circle", {
+                /* @__PURE__ */ r("circle", {
                     strokeWidth: "0",
                     cx: "32",
                     cy: "16.58",
@@ -55,23 +44,22 @@ var s = t(function(o) {
             ]
         })
     });
-}, h = function() {
-    var o = s();
-    return /* @__PURE__ */ n("svg", {
+}, l = function() {
+    return /* @__PURE__ */ r("svg", {
         width: "64",
         height: "64",
         viewBox: "0 0 64 64",
-        children: /* @__PURE__ */ n("g", {
-            className: o.iconContainer,
-            children: /* @__PURE__ */ n("path", {
+        children: /* @__PURE__ */ r("g", {
+            fill: t.colors.brand,
+            children: /* @__PURE__ */ r("path", {
                 fillRule: "nonzero",
                 strokeWidth: "0",
                 d: "M31.991 0c21.24 0 32.01 10.77 32.01 32.01C64 53.235 53.23 64 31.99 64 10.763 64 .001 53.236.001 32.01 0 10.77 10.762 0 31.99 0zm0 2c-20.18 0-29.99 9.816-29.99 30.01C2 52.19 11.81 62 31.99 62c20.192 0 30.01-9.81 30.01-29.99C62 11.815 52.182 2 31.99 2zM32 27a1 1 0 0 1 1 1v16a1 1 0 0 1-2 0V28a1 1 0 0 1 1-1zm0-7.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z"
             })
         })
     });
-}, v = function() {
-    var ref = i(), o = ref.skinName;
-    return o === c || o === a ? /* @__PURE__ */ n(d, {}) : /* @__PURE__ */ n(h, {});
+}, k = function() {
+    var ref = n(), e = ref.skinName;
+    return e === i || e === s ? /* @__PURE__ */ r(d, {}) : /* @__PURE__ */ r(l, {});
 };
-export { v as default };
+export { k as default };

package/dist-es/icons/icon-success-vivo.js

@@ -26,41 +26,31 @@ function _objectSpread(target) {
     }
     return target;
 }
-import { createUseStyles as n } from "../jss.js";
-import { useTheme as i } from "../hooks.js";
-import { getAnimateSweepInProps as l } from "../utils/animation.js";
-import { useIsInverseVariant as c } from "../theme-variant-context.js";
-import { jsx as s } from "../_virtual/jsx-runtime.js";
-var a = n(function(o) {
-    return {
-        iconColor: {
-            stroke: function(r) {
-                return r ? o.colors.inverse : o.colors.brand;
-            },
-            fill: function(r) {
-                return r ? o.colors.inverse : o.colors.brand;
-            }
-        }
-    };
-}), u = function(param) {
-    var tmp = param.role, o = tmp === void 0 ? "presentation" : tmp, tmp1 = param.size, r = tmp1 === void 0 ? 64 : tmp1;
-    var e = c(), C = a(e), ref = i(), t = ref.platformOverrides;
-    return /* @__PURE__ */ s("svg", {
-        role: o,
-        width: r,
-        height: r,
+import { useTheme as n } from "../hooks.js";
+import { getAnimateSweepInProps as i } from "../utils/animation.js";
+import { useIsInverseVariant as a } from "../theme-variant-context.js";
+import { vars as r } from "../skins/skin-contract.css-mistica.js";
+import { jsx as e } from "../_virtual/jsx-runtime.js";
+var v = function(param) {
+    var tmp = param.role, s = tmp === void 0 ? "presentation" : tmp, tmp1 = param.size, C = tmp1 === void 0 ? 64 : tmp1;
+    var o = a(), ref = n(), t = ref.platformOverrides;
+    return /* @__PURE__ */ e("svg", {
+        role: s,
+        width: C,
+        height: C,
         viewBox: "0 0 64 64",
         style: {
             marginLeft: -17
         },
-        children: /* @__PURE__ */ s("g", {
+        children: /* @__PURE__ */ e("g", {
             transform: "translate(17, 10)",
-            className: C.iconColor,
-            children: /* @__PURE__ */ s("path", _objectSpread({
+            fill: o ? r.colors.inverse : r.colors.brand,
+            stroke: o ? r.colors.inverse : r.colors.brand,
+            children: /* @__PURE__ */ e("path", _objectSpread({
                 fillRule: "nonzero",
                 d: "M14.8832276,0 C10.2293915,0.0191737965 6.86229932,3.79747692 6.87644677,7.70928648 C6.89025737,11.6228714 9.24614399,14.2258918 11.0573539,15.1980743 C12.084728,15.7491434 11.7559683,16.7408548 11.7559683,16.7408548 C11.7559683,16.7408548 11.5093985,17.7055808 10.4274557,17.44922 C9.3458498,17.1875332 4.10725261,15.8961425 4.10725261,15.8961425 C4.10725261,15.8961425 0.947319469,15.2651826 0.18436791,18.6252129 C-0.579931024,21.9873736 1.196584,23.2652716 2.5001701,23.5816393 C3.80375621,23.8972968 8.2116962,25.0470144 8.2116962,25.0470144 C8.2116962,25.0470144 9.52370341,25.7443725 9.57490369,27.1742406 C9.60656702,28.0203732 9.60825124,28.7209269 8.78163618,29.9800062 C7.95670533,31.2394406 2.82589821,37.6825463 2.82589821,37.6825463 C2.82589821,37.6825463 1.06218326,39.9379529 3.61781834,41.9710855 C6.17345343,44.0045731 7.61110343,43.5309094 9.12824861,41.6575584 C10.6440464,39.7845626 13.6392629,35.862456 13.6392629,35.862456 C13.6392629,35.862456 14.0525704,35.0099322 14.8956908,35.0610623 C15.7388112,35.1136127 15.985381,35.5961532 16.2710247,35.9650713 C16.5580157,36.3339893 20.7318492,41.7285725 21.0164823,42.0786718 C21.297747,42.4326769 22.0782145,43.0806802 22.9364929,43.2042447 C23.7937607,43.3263889 24.7338922,43.1396219 25.3358324,42.6712841 C25.9360883,42.2022363 26.698703,41.5641749 26.9664939,41.1388007 C27.2326007,40.7134265 27.6863295,40.1034157 27.6027922,39.0996319 C27.5182443,38.0986887 27.3144537,37.574605 26.5878813,36.7149798 C25.8613089,35.8564198 21.565538,30.4178079 20.7567756,29.3742563 C20.7567756,29.3742563 20.022119,28.4461025 20.1285616,27.1341177 C20.2353412,25.8192924 20.7874284,25.2334264 21.9495401,24.9067617 C23.1099675,24.5815173 27.6499503,23.3980679 27.6499503,23.3980679 C27.6499503,23.3980679 30.2487014,22.0733006 29.6595614,19.4472006 L29.3210332,18.1046798 C29.3210332,18.1046798 28.7551353,15.0407782 25.0208833,15.989526 C21.2835996,16.9411144 19.2079671,17.5014154 19.2079671,17.5014154 C19.2079671,17.5014154 18.0185711,17.6235596 17.8477912,16.777427 C17.6797061,15.9302293 17.9003389,15.4934928 18.4258155,15.257016 C18.9516289,15.0208942 22.2685313,13.3144263 22.6939652,8.70064277 C23.121757,4.09538091 19.5505374,0 14.9128698,0 L14.8832276,0"
-            }, l("0.2s", t)))
+            }, i("0.2s", t)))
         })
     });
 };
-export { u as default };
+export { v as default };

package/dist-es/icons/icon-success.js

@@ -26,70 +26,59 @@ function _objectSpread(target) {
     }
     return target;
 }
-import l from "classnames";
-import { O2_SKIN as u, O2_CLASSIC_SKIN as h } from "../skins/constants.js";
-import { getAnimateDrawLineProps as i, mergeProperties as d, getAnimateHopInProps as f, getAnimateFadeInProps as k } from "../utils/animation.js";
-import { createUseStyles as S } from "../jss.js";
-import { useTheme as a } from "../hooks.js";
-import { useIsInverseVariant as m } from "../theme-variant-context.js";
-import { jsx as r, jsxs as p } from "../_virtual/jsx-runtime.js";
-var v = S(function(s) {
-    return {
-        iconContainer: {
-            stroke: function(e) {
-                return e ? s.colors.inverse : s.colors.brand;
-            },
-            fill: function(e) {
-                return e ? s.colors.inverse : s.colors.brand;
-            }
-        }
-    };
-}), g = function(param) {
-    var tmp = param.size, s = tmp === void 0 ? 64 : tmp, e = param.color, tmp1 = param.skipAnimation, t = tmp1 === void 0 ? !1 : tmp1;
-    var n = m(), c = v(n), ref = a(), o = ref.platformOverrides;
-    return /* @__PURE__ */ r("svg", {
+import { O2_SKIN as p, O2_CLASSIC_SKIN as m } from "../skins/constants.js";
+import { getAnimateDrawLineProps as c, mergeProperties as a, getAnimateHopInProps as l, getAnimateFadeInProps as h } from "../utils/animation.js";
+import { useTheme as d } from "../hooks.js";
+import { useIsInverseVariant as f } from "../theme-variant-context.js";
+import { vars as i } from "../skins/skin-contract.css-mistica.js";
+import { jsx as s, jsxs as v } from "../_virtual/jsx-runtime.js";
+var k = function(param) {
+    var tmp = param.size, t = tmp === void 0 ? 64 : tmp, e = param.color, tmp1 = param.skipAnimation, r = tmp1 === void 0 ? !1 : tmp1;
+    var n = f(), ref = d(), o = ref.platformOverrides;
+    return /* @__PURE__ */ s("svg", {
         role: "presentation",
-        width: s,
-        height: s,
+        width: t,
+        height: t,
         viewBox: "0 0 64 64",
-        children: /* @__PURE__ */ p("g", {
-            className: l(_defineProperty({}, c.iconContainer, !e)),
+        children: /* @__PURE__ */ v("g", {
+            stroke: e ? void 0 : n ? i.colors.inverse : i.colors.brand,
+            fill: e ? void 0 : n ? i.colors.inverse : i.colors.brand,
             strokeLinecap: "round",
             strokeLinejoin: "round",
             children: [
-                /* @__PURE__ */ r("path", _objectSpread({
+                /* @__PURE__ */ s("path", _objectSpread({
                     fill: "none",
                     strokeWidth: "2",
                     stroke: e || void 0,
                     d: "M48.24,57.99c-4.71,2.95-10.27,4.65-16.24,4.65C15.08,62.64,1.36,48.92,1.36,32S15.08,1.36,32,1.36 S62.64,15.08,62.64,32c0,6.11-1.79,11.8-4.87,16.58"
-                }, !t && i("202", "0.3s", o))),
-                /* @__PURE__ */ r("polyline", _objectSpread({
+                }, !r && c("202", "0.3s", o))),
+                /* @__PURE__ */ s("polyline", _objectSpread({
                     fill: "none",
                     strokeWidth: "2",
                     stroke: e || void 0,
                     points: "16.92,30.08 28.68,43.12 50.26,20.22"
-                }, !t && d(i("50", "0.6s", o), f("0.6", o)))),
-                /* @__PURE__ */ r("circle", _objectSpread({
+                }, !r && a(c("50", "0.6s", o), l("0.6", o)))),
+                /* @__PURE__ */ s("circle", _objectSpread({
                     stroke: e || void 0,
                     cx: "53.64",
                     cy: "53.54",
                     r: "1.06"
-                }, !t && k("0.2s", o)))
+                }, !r && h("0.2s", o)))
             ]
         })
     });
-}, I = function(param) {
-    var tmp = param.size, s = tmp === void 0 ? 64 : tmp, e = param.color, tmp1 = param.skipAnimation, t = tmp1 === void 0 ? !1 : tmp1;
-    var n = m(), c = v(n), ref = a(), o = ref.platformOverrides;
-    return /* @__PURE__ */ r("svg", {
+}, u = function(param) {
+    var tmp = param.size, t = tmp === void 0 ? 64 : tmp, e = param.color, tmp1 = param.skipAnimation, r = tmp1 === void 0 ? !1 : tmp1;
+    var n = f(), ref = d(), o = ref.platformOverrides;
+    return /* @__PURE__ */ s("svg", {
         role: "presentation",
-        width: s,
-        height: s,
+        width: t,
+        height: t,
         viewBox: "0 0 64 64",
-        children: /* @__PURE__ */ p("g", {
-            className: l(_defineProperty({}, c.iconContainer, !e)),
+        children: /* @__PURE__ */ v("g", {
+            stroke: e ? void 0 : n ? i.colors.inverse : i.colors.brand,
             children: [
-                /* @__PURE__ */ r("path", _objectSpread({
+                /* @__PURE__ */ s("path", _objectSpread({
                     vectorEffect: "non-scaling-stroke",
                     fill: "none",
                     stroke: e || void 0,
@@ -97,8 +86,8 @@ var v = S(function(s) {
                     strokeMiterlimit: "10",
                     d: "M61.4,32c0,19.5-10,29.4-29.4,29.4C12.5,61.4,2.6,51.5,2.6,32S12.5,2.6,32,2.6S61.4,12.5,61.4,32z",
                     transform: "rotate(90 32 32)"
-                }, !t && i("202", "0.2s", o))),
-                /* @__PURE__ */ r("polyline", _objectSpread({
+                }, !r && c("202", "0.2s", o))),
+                /* @__PURE__ */ s("polyline", _objectSpread({
                     vectorEffect: "non-scaling-stroke",
                     fill: "none",
                     stroke: e || void 0,
@@ -107,27 +96,27 @@ var v = S(function(s) {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     points: "20,34.9 27.4,44.3 45.6,21"
-                }, !t && d(i("44", "0.6s", o), f("0.6s", o))))
+                }, !r && a(c("44", "0.6s", o), l("0.6s", o))))
             ]
         })
     });
-}, j = function(param) {
-    var s = param.size, e = param.color, t = param.skipAnimation;
-    var ref = a(), n = ref.skinName;
+}, O = function(param) {
+    var t = param.size, e = param.color, r = param.skipAnimation;
+    var ref = d(), n = ref.skinName;
     switch(n){
-        case h:
-        case u:
-            return /* @__PURE__ */ r(g, {
-                size: s,
+        case m:
+        case p:
+            return /* @__PURE__ */ s(k, {
+                size: t,
                 color: e,
-                skipAnimation: t
+                skipAnimation: r
             });
         default:
-            return /* @__PURE__ */ r(I, {
-                size: s,
+            return /* @__PURE__ */ s(u, {
+                size: t,
                 color: e,
-                skipAnimation: t
+                skipAnimation: r
             });
     }
 };
-export { j as default };
+export { O as default };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./image.css.ts.vanilla.js";
-var y = 300, f = "_17tt25r1 _1y2v1nfbj _1y2v1nfbx _1y2v1nf7d _1y2v1nf9i _1y2v1nf9y _1y2v1nfd3 _1y2v1nfb6 _1y2v1nfb7";
-export { y as FADE_IN_DURATION_MS, f as image };
+var f = 300, n = "_17tt25r1 _1y2v1nf96 _1y2v1nf9k _1y2v1nf50 _1y2v1nf75 _1y2v1nf7l _1y2v1nfaq _1y2v1nf8t _1y2v1nf8u";
+export { f as FADE_IN_DURATION_MS, n as image };