@telefonica/mistica 14.1.0 → 14.3.0

package/dist/utils/animation.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     getAnimateDrawLineProps: ()=>p,
-    getAnimateFadeInProps: ()=>f,
-    getAnimateHopInProps: ()=>u,
-    getAnimateSweepInProps: ()=>y,
-    mergeProperties: ()=>k
+    getAnimateFadeInProps: ()=>d,
+    getAnimateHopInProps: ()=>f,
+    getAnimateSweepInProps: ()=>u,
+    mergeProperties: ()=>y
 });
 const _platformJs = require("./platform.js");
 const _jsxRuntimeJs = require("../_virtual/jsx-runtime.js");
@@ -69,7 +69,7 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-const a = (e)=>!(0, _platformJs.isOldChrome)(e) && !(0, _platformJs.isRunningAcceptanceTest)(e) && typeof window < "u", p = (e, t, i)=>a(i) ? {
+const i = (e)=>!(0, _platformJs.isRunningAcceptanceTest)(e), p = (e, t, a)=>i(a) ? {
         strokeDasharray: e.replace("-", ""),
         strokeDashoffset: e,
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("animate", {
@@ -84,7 +84,7 @@ const a = (e)=>!(0, _platformJs.isOldChrome)(e) && !(0, _platformJs.isRunningAcc
             calcMode: "spline",
             keySplines: "0.75 0 0.25 1"
         })
-    } : null, f = (e, t)=>a(t) ? {
+    } : null, d = (e, t)=>i(t) ? {
         opacity: 0,
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("animate", {
             attributeName: "opacity",
@@ -98,7 +98,7 @@ const a = (e)=>!(0, _platformJs.isOldChrome)(e) && !(0, _platformJs.isRunningAcc
             calcMode: "spline",
             keySplines: "0.75 0 0.25 1"
         })
-    } : null, u = (e, t)=>a(t) ? {
+    } : null, f = (e, t)=>i(t) ? {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
             children: [
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("animate", {
@@ -125,7 +125,7 @@ const a = (e)=>!(0, _platformJs.isOldChrome)(e) && !(0, _platformJs.isRunningAcc
                 })
             ]
         })
-    } : null, y = (e, t)=>a(t) ? {
+    } : null, u = (e, t)=>i(t) ? {
         opacity: 0,
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
             children: [
@@ -180,7 +180,7 @@ const a = (e)=>!(0, _platformJs.isOldChrome)(e) && !(0, _platformJs.isRunningAcc
                 })
             ]
         })
-    } : null, m = (param, t)=>/* @__PURE__ */ {
+    } : null, o = (param, t)=>/* @__PURE__ */ {
     let { children: e  } = param;
     return (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
         children: [
@@ -188,12 +188,12 @@ const a = (e)=>!(0, _platformJs.isOldChrome)(e) && !(0, _platformJs.isRunningAcc
             t
         ]
     });
-}, k = function() {
+}, y = function() {
     for(var _len = arguments.length, e = new Array(_len), _key = 0; _key < _len; _key++){
         e[_key] = arguments[_key];
     }
-    return e.reduce((t, i)=>_objectSpreadProps(_objectSpread({}, t, i || {}), {
-            children: m(t, i ? i.children : null)
+    return e.reduce((t, a)=>_objectSpreadProps(_objectSpread({}, t, a || {}), {
+            children: o(t, a ? a.children : null)
         }), {
         children: null
     });

package/dist/utils/platform.d.ts

@@ -12,6 +12,5 @@ export declare const isIos: (platformOverrides: Theme['platformOverrides']) => b
 export declare const isSafari: () => boolean;
 export declare const isFirefox: (platformOverrides?: Theme['platformOverrides']) => boolean;
 export declare const isChrome: (platformOverrides: Theme['platformOverrides']) => boolean;
-export declare const isOldChrome: (platformOverrides: Theme['platformOverrides']) => boolean;
 export declare const getIosVersion: (platformOverrides: Theme['platformOverrides']) => string;
 export declare const getPlatform: (platformOverrides?: Theme['platformOverrides']) => 'ios' | 'android' | 'desktop';

package/dist/utils/platform.js

@@ -9,15 +9,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    getPlatform: ()=>h,
+    getPlatform: ()=>A,
     isAndroid: ()=>s,
-    isChrome: ()=>g,
-    isFirefox: ()=>p,
+    isChrome: ()=>l,
+    isFirefox: ()=>g,
     isInsideNovumNativeApp: ()=>c,
     isIos: ()=>a,
-    isOldChrome: ()=>A,
-    isRunningAcceptanceTest: ()=>m,
-    isSafari: ()=>l
+    isRunningAcceptanceTest: ()=>f,
+    isSafari: ()=>p
 });
 const _webviewBridge = require("@tef-novum/webview-bridge");
 const t = function() {
@@ -27,13 +26,10 @@ const t = function() {
 }, c = function() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     return typeof e.insideNovumNativeApp < "u" ? e.insideNovumNativeApp : (0, _webviewBridge.isWebViewBridgeAvailable)();
-}, m = function() {
+}, f = function() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    return t(e).includes("acceptance-test");
-}, r = Boolean(typeof self < "u" && self.MSStream), s = (e)=>t(e).toLowerCase().includes("android") && !r, a = (e)=>!!(/iPad|iPhone|iPod/.test(t(e)) && !r || c(e) && !s(e)), l = ()=>navigator.vendor.includes("Apple"), p = (e)=>!!t(e).match(/Firefox\/([0-9]+)\./), g = (e)=>!!t(e).match(/Chrom(e|ium)\/([0-9]+)\./), d = 44, A = (e)=>{
-    const n = t(e).match(/Chrome\/(\d+)/);
-    return !n || !n[1] ? !1 : Number(n[1]) < d;
-}, h = function() {
+    return t(e).includes("acceptance-test") && !process.env.SSR_TEST;
+}, r = Boolean(typeof self < "u" && self.MSStream), s = (e)=>t(e).toLowerCase().includes("android") && !r, a = (e)=>!!(/iPad|iPhone|iPod/.test(t(e)) && !r || c(e) && !s(e)), p = ()=>navigator.vendor.includes("Apple"), g = (e)=>!!t(e).match(/Firefox\/([0-9]+)\./), l = (e)=>!!t(e).match(/Chrom(e|ium)\/([0-9]+)\./), A = function() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     const n = e.platform;
     return n || (a(e) ? "ios" : s(e) ? "android" : "desktop");

package/dist-es/dialog.js

@@ -99,13 +99,13 @@ import U from "./button-layout.js";
 import { Text5 as q, Text4 as P, Text3 as G } from "./text.js";
 import { ESC as J } from "./utils/key-codes.js";
 import E from "./box.js";
-import { isOldChrome as Q, isRunningAcceptanceTest as X } from "./utils/platform.js";
-import { useSetModalState as Y } from "./modal-context-provider.js";
-import Z from "./stack.js";
-import { wrapper as $, modalOpacityLayer as ee, closedOpactityLayer as te, modalContent as oe, closedModalContent as ne, modalCloseButtonContainer as ae, variants as ie, iconContainer as le, dialogContent as se, dialogActions as ce } from "./dialog.css-mistica.js";
+import { isRunningAcceptanceTest as Q } from "./utils/platform.js";
+import { useSetModalState as X } from "./modal-context-provider.js";
+import Y from "./stack.js";
+import { wrapper as Z, modalOpacityLayer as $, closedOpactityLayer as ee, modalContent as te, closedModalContent as oe, modalCloseButtonContainer as ne, variants as ae, iconContainer as ie, dialogContent as le, dialogActions as se } from "./dialog.css-mistica.js";
 import { vars as R } from "./skins/skin-contract.css-mistica.js";
-import { jsx as o, jsxs as b, Fragment as re } from "./_virtual/jsx-runtime.js";
-const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
+import { jsx as o, jsxs as b, Fragment as ce } from "./_virtual/jsx-runtime.js";
+const A = (e)=>process.env.NODE_ENV !== "test" && !Q(e), re = (e)=>{
     const { texts: n  } = D(), { className: t , title: a , message: c , icon: l , extra: i , cancelText: r = n.dialogCancelButton , acceptText: d = n.dialogAcceptButton , onCancel: u , onAccept: C , showCancel: p = !1 , destructive: h = !1  } = e, x = !!e.forceWeb, m = {
         onPress: C || (()=>{}),
         dataAttributes: {
@@ -114,12 +114,12 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
         children: d
     };
     return /* @__PURE__ */ b("div", {
-        className: T(ie[x ? "dialog" : "default"], t),
+        className: T(ae[x ? "dialog" : "default"], t),
         children: [
             l && /* @__PURE__ */ o(E, {
                 paddingBottom: 24,
                 children: /* @__PURE__ */ o("div", {
-                    className: le,
+                    className: ie,
                     children: /*#__PURE__*/ s.cloneElement(l, {
                         size: "100%"
                     })
@@ -145,8 +145,8 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
                 })
             }),
             /* @__PURE__ */ o("div", {
-                className: se,
-                children: /* @__PURE__ */ b(Z, {
+                className: le,
+                children: /* @__PURE__ */ b(Y, {
                     space: 16,
                     children: [
                         /* @__PURE__ */ o(G, {
@@ -159,7 +159,7 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
                 })
             }),
             /* @__PURE__ */ o("div", {
-                className: ce,
+                className: se,
                 children: /* @__PURE__ */ b(U, {
                     link: e.forceWeb ? e.link : void 0,
                     children: [
@@ -181,7 +181,7 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
             })
         ]
     });
-}, ue = (param)=>{
+}, de = (param)=>{
     let { showCancel: e , message: n , title: t , acceptText: a , cancelText: c , onAccept: l , onCancel: i  } = param;
     return e ? K({
         message: n,
@@ -193,11 +193,11 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
         title: t,
         buttonText: a
     }).then(l);
-}, he = (param)=>{
+}, ue = (param)=>{
     let { renderNative: e , onAccept: n , onCancel: t , acceptText: a , cancelText: c , showCancel: l , message: i , title: r  } = param;
     const d = s.useRef(n).current, u = s.useRef(t).current;
     s.useEffect(()=>{
-        e && ue({
+        e && de({
             acceptText: a,
             cancelText: c,
             showCancel: l,
@@ -216,7 +216,7 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
         r,
         e
     ]);
-}, me = (e)=>(he({
+}, he = (e)=>(ue({
         renderNative: !0,
         acceptText: e.acceptText || e.dialogAcceptButton,
         cancelText: e.cancelText || e.dialogCancelButton,
@@ -225,7 +225,7 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
         title: e.title,
         onAccept: e.onAccept,
         onCancel: e.onCancel
-    }), null), fe = (e)=>{
+    }), null), me = (e)=>{
     var N;
     const { platformOverrides: n  } = D(), t = s.useContext(z), a = s.useRef(process.env.NODE_ENV === "test");
     if (!t) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
@@ -267,7 +267,7 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
         c,
         n
     ]);
-    const k = Y();
+    const k = X();
     return s.useEffect(()=>(k({
             isModalOpen: !0
         }), ()=>{
@@ -276,17 +276,17 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
             });
         }), [
         k
-    ]), c ? /* @__PURE__ */ o(me, _objectSpreadProps(_objectSpread({}, e), {
+    ]), c ? /* @__PURE__ */ o(he, _objectSpreadProps(_objectSpread({}, e), {
         dialogAcceptButton: t.texts.dialogAcceptButton,
         dialogCancelButton: t.texts.dialogCancelButton
     })) : /* @__PURE__ */ o(I, {
         children: /* @__PURE__ */ o("div", {
-            className: $,
+            className: Z,
             children: /* @__PURE__ */ o(H, {
                 children: /* @__PURE__ */ o("div", {
                     onClick: x,
-                    className: T(ee, {
-                        [te]: i
+                    className: T($, {
+                        [ee]: i
                     }),
                     role: "dialog",
                     "data-component-name": "Dialog",
@@ -297,12 +297,12 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
                             onAnimationEnd: ()=>{
                                 a.current = !0, B();
                             },
-                            className: T(oe, {
-                                [ne]: i
+                            className: T(te, {
+                                [oe]: i
                             }),
                             children: [
                                 e.showClose && /* @__PURE__ */ o("div", {
-                                    className: ae,
+                                    className: ne,
                                     children: /* @__PURE__ */ o(V, {
                                         onPress: h,
                                         "aria-label": (N = t.texts.modalClose) != null ? N : t.texts.closeButtonLabel,
@@ -311,7 +311,7 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
                                         })
                                     })
                                 }),
-                                /* @__PURE__ */ o(de, _objectSpreadProps(_objectSpread({}, u), {
+                                /* @__PURE__ */ o(re, _objectSpreadProps(_objectSpread({}, u), {
                                     onCancel: p,
                                     onAccept: C
                                 }))
@@ -324,7 +324,7 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
     });
 };
 let v = null, w = 0;
-class Me extends s.Component {
+class We extends s.Component {
     componentDidMount() {
         w++, w === 1 && (v = this, window.addEventListener("popstate", this.handleBack));
     }
@@ -359,14 +359,14 @@ class Me extends s.Component {
                 "onCancel",
                 "onAccept"
             ]);
-            c = /* @__PURE__ */ o(fe, _objectSpread({
+            c = /* @__PURE__ */ o(me, _objectSpread({
                 onCancel: this.createCancelHandler(l),
                 onAccept: this.createAcceptHandler(i),
                 isClosing: t,
                 onCloseTransitionEnd: t ? this.handleCloseFinished : void 0
             }, r));
         }
-        return /* @__PURE__ */ b(re, {
+        return /* @__PURE__ */ b(ce, {
             children: [
                 this.props.children,
                 c
@@ -405,17 +405,17 @@ const y = (param)=>{
             forceWeb: t
         }, a));
     };
-}, Oe = y({
+}, Me = y({
     showCancel: !1,
     forceWeb: !1,
     showClose: !1
-}), Ie = y({
+}), Oe = y({
     showCancel: !0,
     forceWeb: !1,
     showClose: !1
-}), He = y({
+}), Ie = y({
     showCancel: !1,
     forceWeb: !0,
     showClose: !0
 });
-export { Oe as alert, Ie as confirm, Me as default, He as dialog };
+export { Me as alert, Oe as confirm, We as default, Ie as dialog };

package/dist-es/feedback.js

@@ -88,21 +88,21 @@ import z from "./icons/icon-success-vivo.js";
 import ne from "./icons/icon-error.js";
 import ce from "./icons/icon-info.js";
 import { isWebViewBridgeAvailable as se, requestVibration as ae } from "@tef-novum/webview-bridge";
-import { isOldChrome as ie, isRunningAcceptanceTest as de } from "./utils/platform.js";
-import { Text2 as me, Text6 as le, Text3 as ue } from "./text.js";
+import { isRunningAcceptanceTest as ie } from "./utils/platform.js";
+import { Text2 as de, Text6 as me, Text3 as le } from "./text.js";
 import A from "./box.js";
-import { Boxed as pe } from "./boxed.js";
-import v from "./responsive-layout.js";
+import { Boxed as ue } from "./boxed.js";
+import F from "./responsive-layout.js";
 import b from "./stack.js";
-import be from "classnames";
-import fe from "./button-group.js";
+import pe from "classnames";
+import be from "./button-group.js";
 import { vars as s } from "./skins/skin-contract.css-mistica.js";
-import { innerContainer as R, feedbackData as he, feedbackDataAppear as ke, feedbackDataAppearActive as ge, desktopContainer as Se, desktopContent as Fe, container as ve } from "./feedback.css-mistica.js";
-import { jsxs as i, Fragment as Ie, jsx as e } from "./_virtual/jsx-runtime.js";
-const W = (r)=>!ie(r) && !de(r), j = (param)=>{
+import { innerContainer as R, feedbackData as fe, feedbackDataAppear as he, feedbackDataAppearActive as ke, desktopContainer as ge, desktopContent as Se, container as ve } from "./feedback.css-mistica.js";
+import { jsxs as i, Fragment as Fe, jsx as e } from "./_virtual/jsx-runtime.js";
+const W = (r)=>!ie(r), j = (param)=>{
     let { primaryButton: r , secondaryButton: o  } = param;
     return !!r || !!o;
-}, Be = ()=>{
+}, Ie = ()=>{
     const o = `body {background:${q() ? s.colors.backgroundBrand : s.colors.background}}`;
     return /* @__PURE__ */ e("style", {
         children: o
@@ -140,13 +140,13 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
             r,
             /* @__PURE__ */ i(b, {
                 space: 16,
-                className: be(he, c && ke, c && a && ge),
+                className: pe(fe, c && he, c && a && ke),
                 children: [
-                    /* @__PURE__ */ e(le, {
+                    /* @__PURE__ */ e(me, {
                         as: "h1",
                         children: o
                     }),
-                    d && /* @__PURE__ */ e(ue, {
+                    d && /* @__PURE__ */ e(le, {
                         regular: !0,
                         color: s.colors.textSecondary,
                         children: d
@@ -162,18 +162,18 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
         space: 24,
         children: [
             r,
-            t && /* @__PURE__ */ e(fe, _objectSpread({}, o))
+            t && /* @__PURE__ */ e(be, _objectSpread({}, o))
         ]
     });
 }, U = (param)=>/* @__PURE__ */ {
     let { isInverse: r , inlineFeedbackBody: o , imageFit: t , imageUrl: n , dataAttributes: c  } = param;
-    return i(pe, {
-        className: Se,
+    return i(ue, {
+        className: ge,
         isInverse: r,
         dataAttributes: c,
         children: [
             /* @__PURE__ */ e("div", {
-                className: Fe,
+                className: Se,
                 children: /* @__PURE__ */ e(A, {
                     padding: 64,
                     children: o
@@ -194,7 +194,7 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
 }, x = (param)=>{
     let { title: r , description: o , children: t , primaryButton: n , secondaryButton: c , link: a , hapticFeedback: d , icon: u , animateText: m = !1 , unstable_inlineInDesktop: h , imageUrl: k , imageFit: g , dataAttributes: S  } = param;
     K(d);
-    const l = q(), { platformOverrides: F , isDarkMode: p , skinName: T  } = I(), J = oe(), { isTabletOrSmaller: y  } = B(), [Q, X] = f.useState(typeof self < "u"), [C, Y] = f.useState(0), N = Q ? "100vh" : `${J - C}px`, V = j({
+    const l = q(), { platformOverrides: v , isDarkMode: p , skinName: T  } = I(), J = oe(), { isTabletOrSmaller: y  } = B(), [Q, X] = f.useState(typeof self < "u"), [C, Y] = f.useState(0), N = Q ? "100vh" : `${J - C}px`, V = j({
         primaryButton: n,
         secondaryButton: c,
         link: a
@@ -207,7 +207,7 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
         title: r,
         description: o,
         children: t
-    }, m && W(F), Z), H = P(w, {
+    }, m && W(v), Z), H = P(w, {
         primaryButton: n,
         secondaryButton: c,
         link: a
@@ -215,14 +215,14 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
     if (!y && h) return H;
     const ee = /* @__PURE__ */ e("div", {
         className: ve,
-        children: /* @__PURE__ */ e(v, {
+        children: /* @__PURE__ */ e(F, {
             children: /* @__PURE__ */ e("div", {
                 className: R,
                 children: w
             })
         })
     });
-    return y ? /* @__PURE__ */ i(Ie, {
+    return y ? /* @__PURE__ */ i(Fe, {
         children: [
             l && /* @__PURE__ */ e(E, {}),
             /* @__PURE__ */ e("div", {
@@ -251,9 +251,9 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
                     background: l ? s.colors.backgroundBrand : s.colors.background
                 }
             }),
-            T !== O && /* @__PURE__ */ e(Be, {})
+            T !== O && /* @__PURE__ */ e(Ie, {})
         ]
-    }) : /* @__PURE__ */ e(v, {
+    }) : /* @__PURE__ */ e(F, {
         children: /* @__PURE__ */ e(A, {
             paddingTop: 64,
             children: U({
@@ -265,7 +265,7 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
             })
         })
     });
-}, Ge = (_param)=>{
+}, Ke = (_param)=>{
     var { dataAttributes: r  } = _param, o = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
@@ -283,7 +283,7 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
             }, r)
         }))
     });
-}, Me = (_param)=>/* @__PURE__ */ {
+}, Ge = (_param)=>/* @__PURE__ */ {
     var { children: r , errorReference: o , dataAttributes: t  } = _param, n = _objectWithoutProperties(_param, [
         "children",
         "errorReference",
@@ -298,14 +298,14 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
         }, t),
         children: [
             r,
-            o && /* @__PURE__ */ e(me, {
+            o && /* @__PURE__ */ e(de, {
                 color: s.colors.textSecondary,
                 regular: !0,
                 children: o
             })
         ]
     }));
-}, Pe = (_param)=>/* @__PURE__ */ {
+}, Me = (_param)=>/* @__PURE__ */ {
     var { dataAttributes: r  } = _param, o = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
@@ -315,20 +315,20 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
         }, r),
         icon: /* @__PURE__ */ e(ce, {})
     }, o));
-}, Ue = (param)=>{
+}, Pe = (param)=>{
     let { title: r , description: o , children: t , primaryButton: n , secondaryButton: c , link: a , imageUrl: d , imageFit: u , dataAttributes: m  } = param;
     K("success");
-    const { isTabletOrSmaller: h  } = B(), { skinName: k , platformOverrides: g  } = I(), S = G(), F = M({
+    const { isTabletOrSmaller: h  } = B(), { skinName: k , platformOverrides: g  } = I(), S = G(), v = M({
         icon: k === L ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ e(_, {}),
         title: r,
         description: o,
         children: t
-    }, W(g), S), p = P(F, {
+    }, W(g), S), p = P(v, {
         primaryButton: n,
         secondaryButton: c,
         link: a
     });
-    return h ? /* @__PURE__ */ i(v, {
+    return h ? /* @__PURE__ */ i(F, {
         isInverse: !0,
         children: [
             /* @__PURE__ */ e(E, {}),
@@ -353,4 +353,4 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
         }, m)
     });
 };
-export { Me as ErrorFeedbackScreen, x as FeedbackScreen, Pe as InfoFeedbackScreen, Ue as SuccessFeedback, Ge as SuccessFeedbackScreen };
+export { Ge as ErrorFeedbackScreen, x as FeedbackScreen, Me as InfoFeedbackScreen, Pe as SuccessFeedback, Ke as SuccessFeedbackScreen };

package/dist-es/generated/mistica-icons/icon-meatball-filled.js

@@ -0,0 +1,101 @@
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _objectSpreadProps(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { useIsInverseVariant as l } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as s } from "../../_virtual/jsx-runtime.js";
+const f = (_param)=>{
+    var { color: e , size: r = 24  } = _param, i = _objectWithoutProperties(_param, [
+        "color",
+        "size"
+    ]);
+    const n = l(), o = e != null ? e : n ? t.colors.inverse : t.colors.neutralHigh;
+    return /* @__PURE__ */ s("svg", _objectSpreadProps(_objectSpread({
+        width: r,
+        height: r,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: /* @__PURE__ */ s("path", {
+            fill: o,
+            d: "M16.745 12.314c0-1.277 1.1-2.314 2.459-2.314 1.36 0 2.456 1.037 2.456 2.314 0 1.277-1.1 2.312-2.459 2.312-1.36 0-2.456-1.035-2.456-2.312zm-7.374 0c0-1.277 1.1-2.314 2.459-2.314 1.36 0 2.459 1.035 2.459 2.314 0 1.277-1.1 2.312-2.459 2.312-1.36 0-2.459-1.035-2.459-2.312zM4.456 10C3.1 10 2 11.037 2 12.314c0 1.277 1.097 2.312 2.456 2.312 1.36 0 2.459-1.035 2.459-2.312 0-1.28-1.102-2.314-2.459-2.314z"
+        })
+    }));
+};
+export { f as default };