@telefonica/mistica 16.16.0 → 16.18.0

package/dist-es/skins/telefonica.js

@@ -162,24 +162,28 @@ const e = {
             tagTextPromo: e.orchid70,
             tagTextActive: e.telefonicaBlue,
             tagTextInactive: e.grey5,
+            tagTextInfo: e.telefonicaBlue,
             tagTextSuccess: e.turquoise70,
             tagTextWarning: e.ambar70,
             tagTextError: e.coral70,
             tagBackgroundPromo: e.orchid10,
             tagBackgroundActive: e.telefonicaBlue10,
             tagBackgroundInactive: e.grey1,
+            tagBackgroundInfo: e.telefonicaBlue10,
             tagBackgroundSuccess: e.turquoise10,
             tagBackgroundWarning: e.ambar10,
             tagBackgroundError: e.coral10,
             tagTextPromoInverse: e.orchid70,
             tagTextActiveInverse: e.telefonicaBlue,
             tagTextInactiveInverse: e.grey5,
+            tagTextInfoInverse: e.telefonicaBlue,
             tagTextSuccessInverse: e.turquoise70,
             tagTextWarningInverse: e.ambar70,
             tagTextErrorInverse: e.coral70,
             tagBackgroundPromoInverse: e.orchid10,
             tagBackgroundActiveInverse: e.telefonicaBlue10,
             tagBackgroundInactiveInverse: e.grey1,
+            tagBackgroundInfoInverse: e.telefonicaBlue10,
             tagBackgroundSuccessInverse: e.turquoise10,
             tagBackgroundWarningInverse: e.ambar10,
             tagBackgroundErrorInverse: e.coral10,
@@ -308,24 +312,28 @@ const e = {
             tagTextPromo: e.orchid40,
             tagTextActive: e.telefonicaBlue,
             tagTextInactive: e.grey5,
+            tagTextInfo: e.telefonicaBlue,
             tagTextSuccess: e.turquoise40,
             tagTextWarning: e.ambar40,
             tagTextError: e.coral40,
             tagBackgroundPromo: e.darkModeGrey6,
             tagBackgroundActive: e.darkModeGrey6,
             tagBackgroundInactive: e.darkModeGrey6,
+            tagBackgroundInfo: e.darkModeGrey6,
             tagBackgroundSuccess: e.darkModeGrey6,
             tagBackgroundWarning: e.darkModeGrey6,
             tagBackgroundError: e.darkModeGrey6,
             tagTextPromoInverse: e.orchid40,
             tagTextActiveInverse: e.telefonicaBlue,
             tagTextInactiveInverse: e.grey5,
+            tagTextInfoInverse: e.telefonicaBlue,
             tagTextSuccessInverse: e.turquoise40,
             tagTextWarningInverse: e.ambar40,
             tagTextErrorInverse: e.coral40,
             tagBackgroundPromoInverse: e.darkModeGrey6,
             tagBackgroundActiveInverse: e.darkModeGrey6,
             tagBackgroundInactiveInverse: e.darkModeGrey6,
+            tagBackgroundInfoInverse: e.darkModeGrey6,
             tagBackgroundSuccessInverse: e.darkModeGrey6,
             tagBackgroundWarningInverse: e.darkModeGrey6,
             tagBackgroundErrorInverse: e.darkModeGrey6,

package/dist-es/skins/tu.js

@@ -166,24 +166,28 @@ const e = {
             tagTextPromo: e.blue,
             tagTextActive: e.blue,
             tagTextInactive: e.grey5,
+            tagTextInfo: e.blue,
             tagTextSuccess: e.green75,
             tagTextWarning: e.orange70,
             tagTextError: e.red70,
             tagBackgroundPromo: e.blue10,
             tagBackgroundActive: e.blue10,
             tagBackgroundInactive: e.grey1,
+            tagBackgroundInfo: e.blue10,
             tagBackgroundSuccess: e.green10,
             tagBackgroundWarning: e.orange20,
             tagBackgroundError: e.red10,
             tagTextPromoInverse: e.blue,
             tagTextActiveInverse: e.blue,
             tagTextInactiveInverse: e.grey5,
+            tagTextInfoInverse: e.blue,
             tagTextSuccessInverse: e.green75,
             tagTextWarningInverse: e.orange70,
             tagTextErrorInverse: e.red70,
             tagBackgroundPromoInverse: e.blue10,
             tagBackgroundActiveInverse: e.blue10,
             tagBackgroundInactiveInverse: e.grey1,
+            tagBackgroundInfoInverse: e.blue10,
             tagBackgroundSuccessInverse: e.green10,
             tagBackgroundWarningInverse: e.orange20,
             tagBackgroundErrorInverse: e.red10,
@@ -312,24 +316,28 @@ const e = {
             tagTextPromo: e.blue30,
             tagTextActive: e.blue30,
             tagTextInactive: e.grey5,
+            tagTextInfo: e.blue30,
             tagTextSuccess: e.green40,
             tagTextWarning: e.orange55,
             tagTextError: e.red40,
             tagBackgroundPromo: e.darkModeGrey6,
             tagBackgroundActive: e.darkModeGrey6,
             tagBackgroundInactive: e.darkModeGrey6,
+            tagBackgroundInfo: e.darkModeGrey6,
             tagBackgroundSuccess: e.darkModeGrey6,
             tagBackgroundWarning: e.darkModeGrey6,
             tagBackgroundError: e.darkModeGrey6,
             tagTextPromoInverse: e.blue30,
             tagTextActiveInverse: e.blue30,
             tagTextInactiveInverse: e.grey5,
+            tagTextInfoInverse: e.blue30,
             tagTextSuccessInverse: e.green40,
             tagTextWarningInverse: e.orange55,
             tagTextErrorInverse: e.red40,
             tagBackgroundPromoInverse: e.darkModeGrey6,
             tagBackgroundActiveInverse: e.darkModeGrey6,
             tagBackgroundInactiveInverse: e.darkModeGrey6,
+            tagBackgroundInfoInverse: e.darkModeGrey6,
             tagBackgroundSuccessInverse: e.darkModeGrey6,
             tagBackgroundWarningInverse: e.darkModeGrey6,
             tagBackgroundErrorInverse: e.darkModeGrey6,

package/dist-es/skins/utils.js

@@ -1,33 +1,36 @@
 import * as n from "react";
-import { TU_SKIN as i, MOVISTAR_SKIN as m, O2_NEW_SKIN as a, O2_SKIN as c, VIVO_NEW_SKIN as s, VIVO_SKIN as S, TELEFONICA_SKIN as u, BLAU_SKIN as p } from "./constants.js";
-import { getBlauSkin as N } from "./blau.js";
-import { getTelefonicaSkin as f } from "./telefonica.js";
-import { getVivoSkin as I } from "./vivo.js";
+import { ESIMFLAG_SKIN as i, TU_SKIN as m, MOVISTAR_SKIN as a, O2_NEW_SKIN as S, O2_SKIN as c, VIVO_NEW_SKIN as s, VIVO_SKIN as u, TELEFONICA_SKIN as p, BLAU_SKIN as N } from "./constants.js";
+import { getBlauSkin as f } from "./blau.js";
+import { getTelefonicaSkin as I } from "./telefonica.js";
+import { getVivoSkin as g } from "./vivo.js";
 import { getVivoNewSkin as k } from "./vivo-new.js";
-import { getO2Skin as g } from "./o2.js";
-import { getO2NewSkin as _ } from "./o2-new.js";
-import { getMovistarSkin as K } from "./movistar.js";
-import { getTuSkin as O } from "./tu.js";
-const B = (r, o)=>{
+import { getO2Skin as _ } from "./o2.js";
+import { getO2NewSkin as K } from "./o2-new.js";
+import { getMovistarSkin as O } from "./movistar.js";
+import { getTuSkin as A } from "./tu.js";
+import { getEsimflagSkin as E } from "./esimflag.js";
+const M = (r, o)=>{
     switch(r){
-        case p:
-            return N();
-        case u:
+        case N:
             return f();
-        case S:
+        case p:
             return I();
+        case u:
+            return g();
         case s:
             return k();
         case c:
-            return g();
-        case a:
             return _();
-        case m:
+        case S:
             return K();
-        case i:
+        case a:
             return O();
+        case m:
+            return A();
+        case i:
+            return E();
         default:
             throw Error("Unknown skin name: " + r);
     }
 }, V = (r)=>n.Children.toArray(r).reduce((t, e)=>e.type === n.Fragment ? t.concat(V(e.props.children)) : (t.push(e), t), []);
-export { V as flattenChildren, B as getSkinByName };
+export { V as flattenChildren, M as getSkinByName };

package/dist-es/skins/vivo-new.js

@@ -161,24 +161,28 @@ const e = {
             tagTextPromo: e.vivoPurple,
             tagTextActive: e.vivoPurple,
             tagTextInactive: e.grey5,
+            tagTextInfo: e.vivoPurple,
             tagTextSuccess: e.vivoGreenDark,
             tagTextWarning: e.orangeDark,
             tagTextError: e.pepperDark80,
             tagBackgroundPromo: e.vivoPurpleLight10,
             tagBackgroundActive: e.vivoPurpleLight10,
             tagBackgroundInactive: e.grey1,
+            tagBackgroundInfo: e.vivoPurpleLight10,
             tagBackgroundSuccess: e.vivoGreenLight10,
             tagBackgroundWarning: e.orangeLight10,
             tagBackgroundError: e.pepperLight10,
             tagTextPromoInverse: e.vivoPurple,
             tagTextActiveInverse: e.vivoPurple,
             tagTextInactiveInverse: e.grey5,
+            tagTextInfoInverse: e.vivoPurple,
             tagTextSuccessInverse: e.vivoGreenDark,
             tagTextWarningInverse: e.orangeDark,
             tagTextErrorInverse: e.pepperDark80,
             tagBackgroundPromoInverse: e.vivoPurpleLight10,
             tagBackgroundActiveInverse: e.vivoPurpleLight10,
             tagBackgroundInactiveInverse: e.grey1,
+            tagBackgroundInfoInverse: e.vivoPurpleLight10,
             tagBackgroundSuccessInverse: e.vivoGreenLight10,
             tagBackgroundWarningInverse: e.orangeLight10,
             tagBackgroundErrorInverse: e.pepperLight10,
@@ -307,24 +311,28 @@ const e = {
             tagTextPromo: e.vivoPurpleLight50,
             tagTextActive: e.vivoPurpleLight80,
             tagTextInactive: e.grey5,
+            tagTextInfo: e.vivoPurpleLight80,
             tagTextSuccess: e.vivoGreenLight30,
             tagTextWarning: e.orangeLight40,
             tagTextError: e.pepperLight40,
             tagBackgroundPromo: e.darkModeGrey6,
             tagBackgroundActive: e.darkModeGrey6,
             tagBackgroundInactive: e.darkModeGrey6,
+            tagBackgroundInfo: e.darkModeGrey6,
             tagBackgroundSuccess: e.darkModeGrey6,
             tagBackgroundWarning: e.darkModeGrey6,
             tagBackgroundError: e.darkModeGrey6,
             tagTextPromoInverse: e.vivoPurpleLight50,
             tagTextActiveInverse: e.vivoPurpleLight80,
             tagTextInactiveInverse: e.grey5,
+            tagTextInfoInverse: e.vivoPurpleLight80,
             tagTextSuccessInverse: e.vivoGreenLight30,
             tagTextWarningInverse: e.orangeLight40,
             tagTextErrorInverse: e.pepperLight40,
             tagBackgroundPromoInverse: e.darkModeGrey6,
             tagBackgroundActiveInverse: e.darkModeGrey6,
             tagBackgroundInactiveInverse: e.darkModeGrey6,
+            tagBackgroundInfoInverse: e.darkModeGrey6,
             tagBackgroundSuccessInverse: e.darkModeGrey6,
             tagBackgroundWarningInverse: e.darkModeGrey6,
             tagBackgroundErrorInverse: e.darkModeGrey6,

package/dist-es/skins/vivo.js

@@ -161,24 +161,28 @@ const e = {
             tagTextPromo: e.vivoPurple,
             tagTextActive: e.vivoPurple,
             tagTextInactive: e.grey5,
+            tagTextInfo: e.vivoPurple,
             tagTextSuccess: e.vivoGreenDark,
             tagTextWarning: e.orangeDark,
             tagTextError: e.pepperDark80,
             tagBackgroundPromo: e.vivoPurpleLight10,
             tagBackgroundActive: e.vivoPurpleLight10,
             tagBackgroundInactive: e.grey1,
+            tagBackgroundInfo: e.vivoPurpleLight10,
             tagBackgroundSuccess: e.vivoGreenLight10,
             tagBackgroundWarning: e.orangeLight10,
             tagBackgroundError: e.pepperLight10,
             tagTextPromoInverse: e.vivoPurple,
             tagTextActiveInverse: e.vivoPurple,
             tagTextInactiveInverse: e.grey5,
+            tagTextInfoInverse: e.vivoPurple,
             tagTextSuccessInverse: e.vivoGreenDark,
             tagTextWarningInverse: e.orangeDark,
             tagTextErrorInverse: e.pepperDark80,
             tagBackgroundPromoInverse: e.vivoPurpleLight10,
             tagBackgroundActiveInverse: e.vivoPurpleLight10,
             tagBackgroundInactiveInverse: e.grey1,
+            tagBackgroundInfoInverse: e.vivoPurpleLight10,
             tagBackgroundSuccessInverse: e.vivoGreenLight10,
             tagBackgroundWarningInverse: e.orangeLight10,
             tagBackgroundErrorInverse: e.pepperLight10,
@@ -307,24 +311,28 @@ const e = {
             tagTextPromo: e.vivoPurpleLight50,
             tagTextActive: e.vivoPurpleLight80,
             tagTextInactive: e.grey5,
+            tagTextInfo: e.vivoPurpleLight80,
             tagTextSuccess: e.vivoGreenLight30,
             tagTextWarning: e.orangeLight40,
             tagTextError: e.pepperLight40,
             tagBackgroundPromo: e.darkModeGrey6,
             tagBackgroundActive: e.darkModeGrey6,
             tagBackgroundInactive: e.darkModeGrey6,
+            tagBackgroundInfo: e.darkModeGrey6,
             tagBackgroundSuccess: e.darkModeGrey6,
             tagBackgroundWarning: e.darkModeGrey6,
             tagBackgroundError: e.darkModeGrey6,
             tagTextPromoInverse: e.vivoPurpleLight50,
             tagTextActiveInverse: e.vivoPurpleLight80,
             tagTextInactiveInverse: e.grey5,
+            tagTextInfoInverse: e.vivoPurpleLight80,
             tagTextSuccessInverse: e.vivoGreenLight30,
             tagTextWarningInverse: e.orangeLight40,
             tagTextErrorInverse: e.pepperLight40,
             tagBackgroundPromoInverse: e.darkModeGrey6,
             tagBackgroundActiveInverse: e.darkModeGrey6,
             tagBackgroundInactiveInverse: e.darkModeGrey6,
+            tagBackgroundInfoInverse: e.darkModeGrey6,
             tagBackgroundSuccessInverse: e.darkModeGrey6,
             tagBackgroundWarningInverse: e.darkModeGrey6,
             tagBackgroundErrorInverse: e.darkModeGrey6,

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

@@ -1,13 +1,13 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./slider.css.ts.vanilla.css-mistica.js";
-var n = "v16_16_1j1wlhk1 v16_16_1y2v1nfiz v16_16_1y2v1nfi6 v16_16_1y2v1nfic v16_16_1y2v1nfir v16_16_1y2v1nflc", f = {
-    default: "v16_16_1j1wlhk7 v16_16_1y2v1nfj7 v16_16_1y2v1nfjn v16_16_1y2v1nfkv v16_16_1y2v1nf5d",
-    inverse: "v16_16_1j1wlhk7 v16_16_1y2v1nfj7 v16_16_1y2v1nfjn v16_16_1y2v1nfkv v16_16_1y2v1nf5f"
-}, y = "v16_16_1j1wlhk2", i = "v16_16_1j1wlhkj v16_16_1y2v1nfi7 v16_16_1y2v1nflj", r = "v16_16_1j1wlhkd v16_16_1y2v1nf5p v16_16_1y2v1nfkv", l = {
-    default: "v16_16_1j1wlhkg",
-    inverse: "v16_16_1j1wlhkh"
-}, j = "v16_16_1j1wlhk5 v16_16_1y2v1nfi7 v16_16_1y2v1nfic v16_16_1y2v1nfir v16_16_1y2v1nfil", a = {
-    default: "v16_16_1j1wlhke",
-    inverse: "v16_16_1j1wlhkf"
-}, e = "v16_16_1y2v1nfiz v16_16_1y2v1nfjj v16_16_1y2v1nfl9";
-export { n as container, f as defaultThumb, y as disabled, i as input, r as iosThumb, l as thumbActive, j as thumbContainer, a as thumbHover, e as track };
+var f = "v16_18_1j1wlhk1 v16_18_1y2v1nfj7 v16_18_1y2v1nfie v16_18_1y2v1nfik v16_18_1y2v1nfiz v16_18_1y2v1nflk", n = {
+    default: "v16_18_1j1wlhk7 v16_18_1y2v1nfjf v16_18_1y2v1nfjv v16_18_1y2v1nfl3 v16_18_1y2v1nf5h",
+    inverse: "v16_18_1j1wlhk7 v16_18_1y2v1nfjf v16_18_1y2v1nfjv v16_18_1y2v1nfl3 v16_18_1y2v1nf5j"
+}, y = "v16_18_1j1wlhk2", l = "v16_18_1j1wlhkj v16_18_1y2v1nfif v16_18_1y2v1nflr", r = "v16_18_1j1wlhkd v16_18_1y2v1nf5t v16_18_1y2v1nfl3", j = {
+    default: "v16_18_1j1wlhkg",
+    inverse: "v16_18_1j1wlhkh"
+}, h = "v16_18_1j1wlhk5 v16_18_1y2v1nfif v16_18_1y2v1nfik v16_18_1y2v1nfiz v16_18_1y2v1nfit", i = {
+    default: "v16_18_1j1wlhke",
+    inverse: "v16_18_1j1wlhkf"
+}, e = "v16_18_1y2v1nfj7 v16_18_1y2v1nfjr v16_18_1y2v1nflh";
+export { f as container, n as defaultThumb, y as disabled, l as input, r as iosThumb, j as thumbActive, h as thumbContainer, i as thumbHover, e as track };

package/dist-es/snackbar-context.js

@@ -51,71 +51,80 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as m, jsx as f } from "react/jsx-runtime";
+import { jsxs as d, jsx as b } from "react/jsx-runtime";
 import * as e from "react";
 import { isWebViewBridgeAvailable as C } from "@tef-novum/webview-bridge";
-const k = /*#__PURE__*/ e.createContext({
+import { showNativeSnackbar as h } from "./snackbar-native.js";
+const f = /*#__PURE__*/ e.createContext({
     snackbars: [],
     setSnackbars: ()=>{}
-}), p = /*#__PURE__*/ e.lazy(()=>import(/* webpackChunkName: "snackbar" */ "./snackbar.js")), R = (param)=>{
-    let { children: l } = param;
-    const [t, n] = e.useState([]), o = e.useRef(null), a = e.useRef(!1), r = C();
+}), m = /*#__PURE__*/ e.lazy(()=>import(/* webpackChunkName: "snackbar" */ "./snackbar.js")), p = (param)=>{
+    let { children: c } = param;
+    const [t, i] = e.useState([]), s = e.useRef(null), o = e.useRef(!1);
     e.useEffect(()=>{
-        var c;
-        t.length > 1 && !a.current && (a.current = !0, r ? n((i)=>i.slice(1)) : (c = o.current) == null || c.close({
+        var a;
+        t.length > 1 && !o.current && (o.current = !0, (a = s.current) == null || a.close({
             action: "CONSECUTIVE"
         }));
     }, [
-        t,
-        r
+        t
     ]);
-    const d = (param)=>{
-        let { action: c } = param;
-        var i, b;
-        a.current = !1, n(r && c === "CONSECUTIVE" ? (u)=>u.slice(0) : (u)=>u.slice(1)), (b = (i = t[0]).onClose) == null || b.call(i, {
-            action: c
+    const r = (param)=>{
+        let { action: a } = param;
+        var u, l;
+        o.current = !1, i((S)=>S.slice(1)), (l = (u = t[0]).onClose) == null || l.call(u, {
+            action: a
         });
-    }, S = e.useMemo(()=>({
+    }, k = e.useMemo(()=>({
             snackbars: t,
-            setSnackbars: n
+            setSnackbars: i
         }), [
         t
-    ]), s = t[0];
-    return /* @__PURE__ */ m(k.Provider, {
-        value: S,
+    ]), n = t[0];
+    return /* @__PURE__ */ d(f.Provider, {
+        value: k,
         children: [
-            l,
-            !!s && /* @__PURE__ */ f(e.Suspense, {
+            c,
+            !!n && /* @__PURE__ */ b(e.Suspense, {
                 fallback: null,
-                children: /* @__PURE__ */ f(p, {
-                    ref: o,
-                    message: s.message,
-                    buttonText: s.buttonText,
-                    buttonAccessibilityLabel: s.buttonAccessibilityLabel,
-                    duration: s.duration,
-                    type: s.type,
-                    withDismiss: s.withDismiss,
-                    dataAttributes: s.dataAttributes,
-                    onClose: d
-                }, s.id)
+                children: /* @__PURE__ */ b(m, {
+                    ref: s,
+                    message: n.message,
+                    buttonText: n.buttonText,
+                    buttonAccessibilityLabel: n.buttonAccessibilityLabel,
+                    duration: n.duration,
+                    type: n.type,
+                    withDismiss: n.withDismiss,
+                    dataAttributes: n.dataAttributes,
+                    onClose: r
+                }, n.id)
             })
         ]
     });
-}, g = ()=>{
-    const { snackbars: l, setSnackbars: t } = e.useContext(k);
+}, w = ()=>{
+    const { snackbars: c, setSnackbars: t } = e.useContext(f);
     return {
-        openSnackbar: e.useCallback((o)=>{
-            const a = Date.now() + "-" + Math.random();
-            t((r)=>[
-                    ...r,
-                    _object_spread_props(_object_spread({}, o), {
-                        id: a
-                    })
-                ]);
+        openSnackbar: e.useCallback((s)=>{
+            if (C()) h(s).then((param)=>{
+                let { action: o } = param;
+                var r;
+                (r = s.onClose) == null || r.call(s, {
+                    action: o
+                });
+            });
+            else {
+                const o = Date.now() + "-" + Math.random();
+                t((r)=>[
+                        ...r,
+                        _object_spread_props(_object_spread({}, s), {
+                            id: o
+                        })
+                    ]);
+            }
         }, [
             t
         ]),
-        snackbars: l
+        snackbars: c
     };
 };
-export { R as SnackbarRoot, g as useSnackbar };
+export { p as SnackbarRoot, w as useSnackbar };

package/dist-es/snackbar-native.js

@@ -0,0 +1,25 @@
+import { nativeMessage as r } from "@tef-novum/webview-bridge";
+const I = [
+    "DISMISS",
+    "TIMEOUT",
+    "CONSECUTIVE",
+    "BUTTON"
+], T = (param)=>{
+    let { message: t, duration: o, buttonText: e, buttonAccessibilityLabel: a, type: c = "INFORMATIVE", withDismiss: i } = param;
+    return r({
+        message: t,
+        duration: o,
+        buttonText: e,
+        buttonAccessibilityLabel: a,
+        type: c,
+        withDismiss: i
+    }).then((S)=>{
+        const n = S;
+        return n != null && n.action && I.includes(n.action) ? {
+            action: n.action
+        } : {
+            action: "DISMISS"
+        };
+    });
+};
+export { T as showNativeSnackbar };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./snackbar.css.ts.vanilla.css-mistica.js";
-var n = 300, f = "v16_16_o7bjb0g", y = "v16_16_1y2v1nf8b v16_16_1y2v1nf9k v16_16_1y2v1nfaw v16_16_1y2v1nfc5 v16_16_1y2v1nfku v16_16_1y2v1nf84", i = "v16_16_1y2v1nfic v16_16_1y2v1nfio v16_16_1y2v1nfii", r = "v16_16_1y2v1nfic v16_16_1y2v1nfio v16_16_1y2v1nfih v16_16_1y2v1nfir", o = {
-    centered: "v16_16_o7bjb0l v16_16_1y2v1nfic v16_16_1y2v1nfi7 v16_16_1y2v1nfir v16_16_1y2v1nfil v16_16_1y2v1nfmg",
-    topRight: "v16_16_1y2v1nfic v16_16_1y2v1nfi7 v16_16_1y2v1nfir v16_16_1y2v1nfil v16_16_1y2v1nfmg v16_16_1y2v1nflm"
-}, a = "v16_16_o7bjb0o v16_16_1y2v1nfj9 v16_16_1y2v1nfjp v16_16_1y2v1nfic v16_16_1y2v1nfir v16_16_1y2v1nfil v16_16_1y2v1nfkv", t = "v16_16_o7bjb0h", b = "v16_16_o7bjb01 v16_16_1y2v1nfiz v16_16_1y2v1nfic v16_16_1y2v1nfil", c = "v16_16_o7bjb03 v16_16_1y2v1nfi6", p = "v16_16_o7bjb04", e = "v16_16_o7bjb06 v16_16_1y2v1nfi8 v16_16_1y2v1nfl5", j = "v16_16_1y2v1nf5u", l = "v16_16_1y2v1nf5v", u = "v16_16_o7bjb09";
-export { n as TRANSITION_TIME_IN_MS, f as button, y as buttonTouchable, i as contentWithLongButton, r as contentWithoutLongButton, o as dismissButton, a as dismissIcon, t as longButton, b as snackbar, c as snackbarContainer, p as snackbarOpen, e as wrapper, j as wrapperCritical, l as wrapperInfo, u as wrapperOpen };
+var n = 300, f = "v16_18_o7bjb0g", y = "v16_18_1y2v1nf8j v16_18_1y2v1nf9s v16_18_1y2v1nfb4 v16_18_1y2v1nfcd v16_18_1y2v1nfl2 v16_18_1y2v1nf8c", i = "v16_18_1y2v1nfik v16_18_1y2v1nfiw v16_18_1y2v1nfiq", o = "v16_18_1y2v1nfik v16_18_1y2v1nfiw v16_18_1y2v1nfip v16_18_1y2v1nfiz", r = {
+    centered: "v16_18_o7bjb0l v16_18_1y2v1nfik v16_18_1y2v1nfif v16_18_1y2v1nfiz v16_18_1y2v1nfit v16_18_1y2v1nfmo",
+    topRight: "v16_18_1y2v1nfik v16_18_1y2v1nfif v16_18_1y2v1nfiz v16_18_1y2v1nfit v16_18_1y2v1nfmo v16_18_1y2v1nflu"
+}, t = "v16_18_o7bjb0o v16_18_1y2v1nfjh v16_18_1y2v1nfjx v16_18_1y2v1nfik v16_18_1y2v1nfiz v16_18_1y2v1nfit v16_18_1y2v1nfl3", a = "v16_18_o7bjb0h", b = "v16_18_o7bjb01 v16_18_1y2v1nfj7 v16_18_1y2v1nfik v16_18_1y2v1nfit", e = "v16_18_o7bjb03 v16_18_1y2v1nfie", p = "v16_18_o7bjb04", j = "v16_18_o7bjb06 v16_18_1y2v1nfig v16_18_1y2v1nfld", c = "v16_18_1y2v1nf5y", s = "v16_18_1y2v1nf5z", k = "v16_18_o7bjb09";
+export { n as TRANSITION_TIME_IN_MS, f as button, y as buttonTouchable, i as contentWithLongButton, o as contentWithoutLongButton, r as dismissButton, t as dismissIcon, a as longButton, b as snackbar, e as snackbarContainer, p as snackbarOpen, j as wrapper, c as wrapperCritical, s as wrapperInfo, k as wrapperOpen };