@telefonica/mistica 16.16.0 → 16.18.0

package/dist/snackbar-context.js

@@ -11,15 +11,16 @@ function _export(target, all) {
 }
 _export(exports, {
     SnackbarRoot: function() {
-        return R;
+        return p;
     },
     useSnackbar: function() {
-        return g;
+        return w;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _webviewbridge = require("@tef-novum/webview-bridge");
+const _snackbarnative = require("./snackbar-native.js");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -113,67 +114,75 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const k = /*#__PURE__*/ _react.createContext({
+const f = /*#__PURE__*/ _react.createContext({
     snackbars: [],
     setSnackbars: ()=>{}
-}), p = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "snackbar" */ "./snackbar.js")))), R = (param)=>{
-    let { children: l } = param;
-    const [t, n] = _react.useState([]), o = _react.useRef(null), a = _react.useRef(!1), r = (0, _webviewbridge.isWebViewBridgeAvailable)();
+}), m = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "snackbar" */ "./snackbar.js")))), p = (param)=>{
+    let { children: c } = param;
+    const [t, i] = _react.useState([]), s = _react.useRef(null), o = _react.useRef(!1);
     _react.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 = _react.useMemo(()=>({
+    }, k = _react.useMemo(()=>({
             snackbars: t,
-            setSnackbars: n
+            setSnackbars: i
         }), [
         t
-    ]), s = t[0];
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)(k.Provider, {
-        value: S,
+    ]), n = t[0];
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)(f.Provider, {
+        value: k,
         children: [
-            l,
-            !!s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+            c,
+            !!n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
                 fallback: null,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(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__ */ (0, _jsxruntime.jsx)(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 } = _react.useContext(k);
+}, w = ()=>{
+    const { snackbars: c, setSnackbars: t } = _react.useContext(f);
     return {
-        openSnackbar: _react.useCallback((o)=>{
-            const a = Date.now() + "-" + Math.random();
-            t((r)=>[
-                    ...r,
-                    _object_spread_props(_object_spread({}, o), {
-                        id: a
-                    })
-                ]);
+        openSnackbar: _react.useCallback((s)=>{
+            if ((0, _webviewbridge.isWebViewBridgeAvailable)()) (0, _snackbarnative.showNativeSnackbar)(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
     };
 };

package/dist/snackbar-native.d.ts

@@ -0,0 +1,14 @@
+declare const CLOSE_ACTIONS: readonly ["DISMISS", "TIMEOUT", "CONSECUTIVE", "BUTTON"];
+export type CloseAction = (typeof CLOSE_ACTIONS)[number];
+export type SnackbarType = 'INFORMATIVE' | 'CRITICAL';
+export declare const showNativeSnackbar: ({ message, duration, buttonText, buttonAccessibilityLabel, type, withDismiss, }: {
+    message: string;
+    duration?: 'PERSISTENT';
+    buttonText?: string;
+    buttonAccessibilityLabel?: string;
+    type?: SnackbarType;
+    withDismiss?: boolean;
+}) => Promise<{
+    action: CloseAction;
+}>;
+export {};

package/dist/snackbar-native.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "showNativeSnackbar", {
+    enumerable: true,
+    get: function() {
+        return T;
+    }
+});
+const _webviewbridge = require("@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 (0, _webviewbridge.nativeMessage)({
+        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"
+        };
+    });
+};

package/dist/snackbar.css-mistica.js

@@ -22,42 +22,42 @@ _export(exports, {
         return i;
     },
     contentWithoutLongButton: function() {
-        return r;
+        return o;
     },
     dismissButton: function() {
-        return o;
+        return r;
     },
     dismissIcon: function() {
-        return a;
+        return t;
     },
     longButton: function() {
-        return t;
+        return a;
     },
     snackbar: function() {
         return b;
     },
     snackbarContainer: function() {
-        return c;
+        return e;
     },
     snackbarOpen: function() {
         return p;
     },
     wrapper: function() {
-        return e;
+        return j;
     },
     wrapperCritical: function() {
-        return j;
+        return c;
     },
     wrapperInfo: function() {
-        return l;
+        return s;
     },
     wrapperOpen: function() {
-        return u;
+        return k;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./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";
+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";

package/dist/snackbar.d.ts

@@ -1,8 +1,6 @@
 import * as React from 'react';
+import type { SnackbarType, CloseAction } from './snackbar-native';
 import type { DataAttributes } from './utils/types';
-declare const CLOSE_ACTIONS: readonly ["DISMISS", "TIMEOUT", "CONSECUTIVE", "BUTTON"];
-type SnackbarType = 'INFORMATIVE' | 'CRITICAL';
-type CloseAction = (typeof CLOSE_ACTIONS)[number];
 export type SnackbarCloseHandler = (result: {
     action: CloseAction;
 }) => unknown;

package/dist/snackbar.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return Ee;
+        return Be;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -22,6 +22,7 @@ const _dom = require("./utils/dom.js");
 const _portal = require("./portal.js");
 const _iconcloseregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-close-regular.js"));
 const _texttokens = require("./text-tokens.js");
+const _snackbarnative = require("./snackbar-native.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -120,104 +121,99 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const ne = [
-    "DISMISS",
-    "TIMEOUT",
-    "CONSECUTIVE",
-    "BUTTON"
-], se = 5e3, ce = 1e4, ae = /*#__PURE__*/ _react.forwardRef((param, E)=>{
-    let { message: u, buttonText: r, buttonAccessibilityLabel: m, closeButtonLabel: I, duration: o, onClose: n, type: c, withDismiss: f = !1, dataAttributes: O } = param;
-    const { texts: d, t: a } = (0, _hooks.useTheme)(), [i, p] = _react.useState(!1), { width: s, ref: k } = (0, _hooks.useElementDimensions)(), { isDesktopOrBigger: C } = (0, _hooks.useScreenSize)(), T = s > (C ? 160 : 128), g = _react.useRef(null), v = o === "PERSISTENT" && !r || f, b = r ? ce : se, h = _react.useRef(n);
+const ne = 5e3, se = 1e4, ce = /*#__PURE__*/ _react.forwardRef((param, v)=>{
+    let { message: i, buttonText: t, buttonAccessibilityLabel: l, closeButtonLabel: T, duration: o, onClose: n, type: s, withDismiss: u = !1, dataAttributes: S } = param;
+    const { texts: m, t: f } = (0, _hooks.useTheme)(), [c, p] = _react.useState(!1), { width: k, ref: _ } = (0, _hooks.useElementDimensions)(), { isDesktopOrBigger: w } = (0, _hooks.useScreenSize)(), d = k > (w ? 160 : 128), E = _react.useRef(null), B = o === "PERSISTENT" && !t || u, O = t ? se : ne, h = _react.useRef(n);
     _react.useEffect(()=>{
         h.current = n;
     }, [
         n
     ]);
-    const l = _react.useCallback((B)=>{
+    const a = _react.useCallback((g)=>{
         p(!1), setTimeout(()=>{
-            var S;
-            (S = h.current) == null || S.call(h, B);
+            var I;
+            (I = h.current) == null || I.call(h, g);
         }, process.env.NODE_ENV === "test" ? 0 : _snackbarcssmistica.TRANSITION_TIME_IN_MS);
     }, []);
-    return _react.useImperativeHandle(E, ()=>_object_spread_props(_object_spread({}, g), {
-            close: l
+    return _react.useImperativeHandle(v, ()=>_object_spread_props(_object_spread({}, E), {
+            close: a
         }), [
-        l
+        a
     ]), _react.useEffect(()=>{
-        const B = setTimeout(()=>{
+        const g = setTimeout(()=>{
             p(!0);
-        }, 50), S = o !== "PERSISTENT" ? setTimeout(()=>l({
+        }, 50), I = o !== "PERSISTENT" ? setTimeout(()=>a({
                 action: "TIMEOUT"
-            }), b) : void 0;
+            }), O) : void 0;
         return ()=>{
-            clearTimeout(B), clearTimeout(S);
+            clearTimeout(g), clearTimeout(I);
         };
     }, [
-        l,
+        a,
         o,
-        b
+        O
     ]), /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
         className: _snackbarcssmistica.snackbarContainer,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-            ref: g,
+            ref: E,
             className: (0, _classnames.default)(_snackbarcssmistica.snackbar, {
-                [_snackbarcssmistica.snackbarOpen]: i
+                [_snackbarcssmistica.snackbarOpen]: c
             }),
             children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
                 role: "alert",
-                className: (0, _classnames.default)(_snackbarcssmistica.wrapper, c === "CRITICAL" ? _snackbarcssmistica.wrapperCritical : _snackbarcssmistica.wrapperInfo, {
-                    [_snackbarcssmistica.wrapperOpen]: i
+                className: (0, _classnames.default)(_snackbarcssmistica.wrapper, s === "CRITICAL" ? _snackbarcssmistica.wrapperCritical : _snackbarcssmistica.wrapperInfo, {
+                    [_snackbarcssmistica.wrapperOpen]: c
                 })
-            }, (0, _dom.getPrefixedDataAttributes)(O, "SnackBar")), {
+            }, (0, _dom.getPrefixedDataAttributes)(S, "SnackBar")), {
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                        className: (0, _classnames.default)(T ? _snackbarcssmistica.contentWithLongButton : _snackbarcssmistica.contentWithoutLongButton),
-                        style: v && !T ? {
+                        className: (0, _classnames.default)(d ? _snackbarcssmistica.contentWithLongButton : _snackbarcssmistica.contentWithoutLongButton),
+                        style: B && !d ? {
                             paddingRight: 32
                         } : void 0,
                         children: [
                             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                style: v && T ? {
+                                style: B && d ? {
                                     paddingRight: 32
                                 } : void 0,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                     regular: !0,
                                     color: _skincontractcssmistica.vars.colors.textPrimaryInverse,
-                                    children: u
+                                    children: i
                                 })
                             }),
-                            r && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            t && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: (0, _classnames.default)(_snackbarcssmistica.button, {
-                                    [_snackbarcssmistica.longButton]: T
+                                    [_snackbarcssmistica.longButton]: d
                                 }),
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
                                     className: _snackbarcssmistica.buttonTouchable,
-                                    ref: k,
+                                    ref: _,
                                     onPress: ()=>{
-                                        l({
+                                        a({
                                             action: "BUTTON"
                                         });
                                     },
-                                    "aria-label": m,
+                                    "aria-label": l,
                                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                                         medium: !0,
                                         forceMobileSizes: !0,
                                         truncate: !0,
-                                        color: c === "CRITICAL" ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textLinkSnackbar,
-                                        children: r
+                                        color: s === "CRITICAL" ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textLinkSnackbar,
+                                        children: t
                                     })
                                 })
                             })
                         ]
                     }),
-                    v ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
+                    B ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
                         onPress: ()=>{
-                            l({
+                            a({
                                 action: "DISMISS"
                             });
                         },
-                        "aria-label": I || d.closeButtonLabel || a(_texttokens.closeButtonLabel),
-                        className: _snackbarcssmistica.dismissButton[T ? "topRight" : "centered"],
+                        "aria-label": T || m.closeButtonLabel || f(_texttokens.closeButtonLabel),
+                        className: _snackbarcssmistica.dismissButton[d ? "topRight" : "centered"],
                         style: {
                             display: "flex",
                             width: 32,
@@ -235,50 +231,48 @@ const ne = [
             }))
         })
     });
-}), ie = /*#__PURE__*/ _react.forwardRef((param, E)=>{
-    let { message: u, buttonText: r, buttonAccessibilityLabel: m, closeButtonLabel: I, duration: o, onClose: n = ()=>{}, type: c = "INFORMATIVE", withDismiss: f, dataAttributes: O } = param;
-    const d = (0, _webviewbridge.isWebViewBridgeAvailable)(), a = _react.useRef(n), i = _react.useRef(!1);
+}), ae = /*#__PURE__*/ _react.forwardRef((param, v)=>{
+    let { message: i, buttonText: t, buttonAccessibilityLabel: l, closeButtonLabel: T, duration: o, onClose: n = ()=>{}, type: s = "INFORMATIVE", withDismiss: u, dataAttributes: S } = param;
+    const m = (0, _webviewbridge.isWebViewBridgeAvailable)(), f = _react.useRef(n), c = _react.useRef(!1);
     return _react.useEffect(()=>{
-        a.current = n;
+        f.current = n;
     }, [
         n
     ]), _react.useEffect(()=>{
-        d && !i.current && (i.current = !0, (0, _webviewbridge.nativeMessage)({
-            message: u,
+        m && !c.current && (c.current = !0, (0, _snackbarnative.showNativeSnackbar)({
+            message: i,
             duration: o,
-            buttonText: r,
-            buttonAccessibilityLabel: m,
-            type: c,
-            withDismiss: f
-        }).then((p)=>{
-            const s = p;
-            s != null && s.action && ne.includes(s.action) ? a.current({
-                action: s.action
-            }) : a.current({
-                action: "DISMISS"
+            buttonText: t,
+            buttonAccessibilityLabel: l,
+            type: s,
+            withDismiss: u
+        }).then((param)=>{
+            let { action: p } = param;
+            f.current({
+                action: p
             });
         }).finally(()=>{
-            i.current = !1;
+            c.current = !1;
         }));
     }, [
-        m,
-        I,
-        r,
+        l,
+        T,
+        t,
         o,
-        u,
-        d,
-        c,
-        f
-    ]), d ? null : /* @__PURE__ */ (0, _jsxruntime.jsx)(ae, {
-        ref: E,
-        message: u,
+        i,
+        m,
+        s,
+        u
+    ]), m ? null : /* @__PURE__ */ (0, _jsxruntime.jsx)(ce, {
+        ref: v,
+        message: i,
         duration: o,
-        buttonText: r,
-        buttonAccessibilityLabel: m,
-        closeButtonLabel: I,
-        type: c,
-        onClose: a.current,
-        withDismiss: f,
-        dataAttributes: O
+        buttonText: t,
+        buttonAccessibilityLabel: l,
+        closeButtonLabel: T,
+        type: s,
+        onClose: f.current,
+        withDismiss: u,
+        dataAttributes: S
     });
-}), Ee = ie;
+}), Be = ae;

package/dist/spinner.css-mistica.js

@@ -16,12 +16,12 @@ _export(exports, {
         return r;
     },
     spinnerIos: function() {
-        return i;
+        return t;
     },
     spinnerIosSvgPath: function() {
-        return t;
+        return f;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./spinner.css.ts.vanilla.css-mistica.js");
-var n = "v16_16_1fthc594 v16_16_1y2v1nfiu v16_16_1y2v1nfie", r = "v16_16_1fthc595", i = "v16_16_1y2v1nfiu v16_16_1y2v1nfie", t = "v16_16_1fthc597";
+var n = "v16_18_1fthc594 v16_18_1y2v1nfj2 v16_18_1y2v1nfim", r = "v16_18_1fthc595", t = "v16_18_1y2v1nfj2 v16_18_1y2v1nfim", f = "v16_18_1fthc597";

package/dist/stack.css-mistica.js

@@ -20,9 +20,9 @@ _export(exports, {
     }
 });
 require("./stack.css.ts.vanilla.css-mistica.js");
-var v = "v16_16_xjgm6d5", _ = "v16_16_xjgm6d4", r = {
-    space: "var(--v16_16_xjgm6d0)",
-    spaceMobile: "var(--v16_16_xjgm6d1)",
-    spaceTablet: "var(--v16_16_xjgm6d2)",
-    spaceDesktop: "var(--v16_16_xjgm6d3)"
+var v = "v16_18_xjgm6d5", _ = "v16_18_xjgm6d4", r = {
+    space: "var(--v16_18_xjgm6d0)",
+    spaceMobile: "var(--v16_18_xjgm6d1)",
+    spaceTablet: "var(--v16_18_xjgm6d2)",
+    spaceDesktop: "var(--v16_18_xjgm6d3)"
 };

package/dist/stacking-group.css-mistica.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "moreItems", {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./stacking-group.css.ts.vanilla.css-mistica.js");
-var i = "v16_16_1y38nye1 v16_16_1y2v1nfic v16_16_1y2v1nfi6 v16_16_1y2v1nfil v16_16_1y2v1nfir";
+var i = "v16_18_1y38nye1 v16_18_1y2v1nfik v16_18_1y2v1nfie v16_18_1y2v1nfit v16_18_1y2v1nfiz";

package/dist/stepper.css-mistica.js

@@ -22,32 +22,32 @@ _export(exports, {
         return f;
     },
     currentNumber: function() {
-        return a;
+        return e;
     },
     iconAnimation: function() {
-        return y;
+        return a;
     },
     number: function() {
-        return e;
+        return y;
     },
     step: function() {
         return m;
     },
     stepIconNumber: function() {
-        return t;
+        return h;
     },
     stepper: function() {
-        return h;
+        return t;
     },
     textContainer: function() {
-        return q;
+        return l;
     },
     vars: function() {
-        return l;
+        return q;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./stepper.css.ts.vanilla.css-mistica.js");
-var n = "v16_16_14h93mqk v16_16_1y2v1nfjj v16_16_1y2v1nfiz v16_16_1y2v1nfl9 v16_16_1y2v1nfld", r = "v16_16_14h93mqm v16_16_1y2v1nfjj v16_16_1y2v1nfiz v16_16_1y2v1nfl9 v16_16_1y2v1nfld", i = "v16_16_14h93mqn", f = "v16_16_14h93mqp v16_16_1y2v1nfj1", a = "v16_16_14h93mqf", y = "v16_16_14h93mqc", e = "v16_16_14h93mqe v16_16_1y2v1nfic v16_16_1y2v1nfir v16_16_1y2v1nfil v16_16_1y2v1nfkv", m = "v16_16_14h93mq9 v16_16_1y2v1nfi6 v16_16_1y2v1nfid v16_16_1y2v1nfii v16_16_1y2v1nfir", t = "v16_16_14h93mqb v16_16_1y2v1nfi6 v16_16_1y2v1nfic", h = "v16_16_14h93mq7 v16_16_1y2v1nfic v16_16_1y2v1nfkj", q = "v16_16_14h93mqh v16_16_1y2v1nfi7", l = {
-    stepperMinHeight: "var(--v16_16_14h93mq0)"
+var n = "v16_18_14h93mqk v16_18_1y2v1nfjr v16_18_1y2v1nfj7 v16_18_1y2v1nflh v16_18_1y2v1nfll", r = "v16_18_14h93mqm v16_18_1y2v1nfjr v16_18_1y2v1nfj7 v16_18_1y2v1nflh v16_18_1y2v1nfll", i = "v16_18_14h93mqn", f = "v16_18_14h93mqp v16_18_1y2v1nfj9", e = "v16_18_14h93mqf", a = "v16_18_14h93mqc", y = "v16_18_14h93mqe v16_18_1y2v1nfik v16_18_1y2v1nfiz v16_18_1y2v1nfit v16_18_1y2v1nfl3", m = "v16_18_14h93mq9 v16_18_1y2v1nfie v16_18_1y2v1nfil v16_18_1y2v1nfiq v16_18_1y2v1nfiz", h = "v16_18_14h93mqb v16_18_1y2v1nfie v16_18_1y2v1nfik", t = "v16_18_14h93mq7 v16_18_1y2v1nfik v16_18_1y2v1nfkr", l = "v16_18_14h93mqh v16_18_1y2v1nfif", q = {
+    stepperMinHeight: "var(--v16_18_14h93mq0)"
 };