@telefonica/mistica 16.30.1 → 16.32.0

package/dist/timeline.css-mistica.js

@@ -36,14 +36,14 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./timeline.css.ts.vanilla.css-mistica.js");
-var t = "v16_30_1_w6pat2b", a = "v16_30_1_w6pat2d v16_30_1_1y2v1nfjp v16_30_1_1y2v1nfk5 v16_30_1_1y2v1nflc v16_30_1_1y2v1nfis v16_30_1_1y2v1nfj7 v16_30_1_1y2v1nfj1 v16_30_1_1y2v1nf4c", e = "v16_30_1_w6pat25 v16_30_1_1y2v1nfje v16_30_1_1y2v1nfl5 v16_30_1_1y2v1nfa3", n = {
-    default: "v16_30_1_w6pat2g v16_30_1_w6pat2f v16_30_1_1y2v1nfje",
-    inverse: "v16_30_1_w6pat2h v16_30_1_w6pat2f v16_30_1_1y2v1nfje"
-}, i = "v16_30_1_w6pat2a v16_30_1_1y2v1nfis v16_30_1_1y2v1nfj7", f = {
-    vertical: "v16_30_1_w6pat20",
-    horizontal: "v16_30_1_w6pat21"
-}, p = "v16_30_1_w6pat23 v16_30_1_1y2v1nfis v16_30_1_1y2v1nfj5", r = {
-    active: "v16_30_1_w6pat26",
-    inactive: "v16_30_1_w6pat27",
-    completed: "v16_30_1_w6pat28"
+var t = "v16_32_w6pat2b", a = "v16_32_w6pat2d v16_32_1y2v1nfjp v16_32_1y2v1nfk5 v16_32_1y2v1nflc v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nf4c", e = "v16_32_w6pat25 v16_32_1y2v1nfje v16_32_1y2v1nfl5 v16_32_1y2v1nfa3", n = {
+    default: "v16_32_w6pat2g v16_32_w6pat2f v16_32_1y2v1nfje",
+    inverse: "v16_32_w6pat2h v16_32_w6pat2f v16_32_1y2v1nfje"
+}, i = "v16_32_w6pat2a v16_32_1y2v1nfis v16_32_1y2v1nfj7", f = {
+    vertical: "v16_32_w6pat20",
+    horizontal: "v16_32_w6pat21"
+}, p = "v16_32_w6pat23 v16_32_1y2v1nfis v16_32_1y2v1nfj5", r = {
+    active: "v16_32_w6pat26",
+    inactive: "v16_32_w6pat27",
+    completed: "v16_32_w6pat28"
 };

package/dist/timer.css-mistica.js

@@ -33,9 +33,9 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./timer.css.ts.vanilla.css-mistica.js");
-var y = "v16_30_1_18fye848", f = {
-    default: "v16_30_1_18fye84a v16_30_1_1y2v1nfb9 v16_30_1_1y2v1nfci v16_30_1_1y2v1nf8u v16_30_1_1y2v1nfa3 v16_30_1_1y2v1nflk v16_30_1_1y2v1nf7d",
-    inverse: "v16_30_1_18fye84a v16_30_1_1y2v1nfb9 v16_30_1_1y2v1nfci v16_30_1_1y2v1nf8u v16_30_1_1y2v1nfa3 v16_30_1_1y2v1nflk v16_30_1_1y2v1nf4c",
-    alternative: "v16_30_1_18fye84a v16_30_1_1y2v1nfb9 v16_30_1_1y2v1nfci v16_30_1_1y2v1nf8u v16_30_1_1y2v1nfa3 v16_30_1_1y2v1nflk v16_30_1_1y2v1nf4c",
-    media: "v16_30_1_18fye84a v16_30_1_1y2v1nfb9 v16_30_1_1y2v1nfci v16_30_1_1y2v1nf8u v16_30_1_1y2v1nfa3 v16_30_1_1y2v1nflk v16_30_1_18fye84e"
-}, n = "v16_30_1_18fye841", e = "v16_30_1_18fye841 v16_30_1_1y2v1nfiw", a = "v16_30_1_1y2v1nfis v16_30_1_1y2v1nfiy v16_30_1_1y2v1nfj7", i = "v16_30_1_1y2v1nfiw", r = "v16_30_1_18fye841 v16_30_1_1y2v1nfit v16_30_1_1y2v1nfj1";
+var y = "v16_32_18fye848", f = {
+    default: "v16_32_18fye84a v16_32_1y2v1nfb9 v16_32_1y2v1nfci v16_32_1y2v1nf8u v16_32_1y2v1nfa3 v16_32_1y2v1nflk v16_32_1y2v1nf7d",
+    inverse: "v16_32_18fye84a v16_32_1y2v1nfb9 v16_32_1y2v1nfci v16_32_1y2v1nf8u v16_32_1y2v1nfa3 v16_32_1y2v1nflk v16_32_1y2v1nf4c",
+    alternative: "v16_32_18fye84a v16_32_1y2v1nfb9 v16_32_1y2v1nfci v16_32_1y2v1nf8u v16_32_1y2v1nfa3 v16_32_1y2v1nflk v16_32_1y2v1nf4c",
+    media: "v16_32_18fye84a v16_32_1y2v1nfb9 v16_32_1y2v1nfci v16_32_1y2v1nf8u v16_32_1y2v1nfa3 v16_32_1y2v1nflk v16_32_18fye84e"
+}, n = "v16_32_18fye841", e = "v16_32_18fye841 v16_32_1y2v1nfiw", a = "v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfj7", i = "v16_32_1y2v1nfiw", r = "v16_32_18fye841 v16_32_1y2v1nfit v16_32_1y2v1nfj1";

package/dist/tooltip.css-mistica.js

@@ -42,7 +42,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tooltip.css.ts.vanilla.css-mistica.js");
-var n = 40, t = "v16_30_1_1xhatbpb v16_30_1_1y2v1nfjl v16_30_1_1y2v1nfk1 v16_30_1_1y2v1nfin v16_30_1_1y2v1nfm0 v16_30_1_1y2v1nf4c", a = "v16_30_1_1xhatbp9 v16_30_1_1y2v1nfin v16_30_1_1y2v1nfjn v16_30_1_1y2v1nflu", i = "v16_30_1_1xhatbpd v16_30_1_1y2v1nfin", o = "v16_30_1_1xhatbp1 v16_30_1_1y2v1nfin", r = "v16_30_1_1xhatbp6", y = "v16_30_1_1xhatbp5 v16_30_1_1y2v1nfim v16_30_1_1y2v1nflu", e = "v16_30_1_1xhatbp3 v16_30_1_1y2v1nfim v16_30_1_1y2v1nflm v16_30_1_1y2v1nf4c", f = "v16_30_1_1y2v1nfis v16_30_1_1y2v1nfiy v16_30_1_1y2v1nfj7", p = {
+var n = 40, t = "v16_32_1xhatbpb v16_32_1y2v1nfjl v16_32_1y2v1nfk1 v16_32_1y2v1nfin v16_32_1y2v1nfm0 v16_32_1y2v1nf4c", a = "v16_32_1xhatbp9 v16_32_1y2v1nfin v16_32_1y2v1nfjn v16_32_1y2v1nflu", i = "v16_32_1xhatbpd v16_32_1y2v1nfin", o = "v16_32_1xhatbp1 v16_32_1y2v1nfin", r = "v16_32_1xhatbp6", y = "v16_32_1xhatbp5 v16_32_1y2v1nfim v16_32_1y2v1nflu", e = "v16_32_1xhatbp3 v16_32_1y2v1nfim v16_32_1y2v1nflm v16_32_1y2v1nf4c", f = "v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfj7", p = {
     entering: {
         opacity: 1
     },

package/dist/touchable.css-mistica.js

@@ -24,4 +24,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./touchable.css.ts.vanilla.css-mistica.js");
-var n = "v16_30_1_mhti6u2 v16_30_1_1y2v1nflt", f = "v16_30_1_mhti6u0", t = "v16_30_1_mhti6u5", y = "v16_30_1_mhti6u2 v16_30_1_1y2v1nflt v16_30_1_1y2v1nf8l v16_30_1_1y2v1nf9u v16_30_1_1y2v1nfb3 v16_30_1_1y2v1nfcc v16_30_1_1y2v1nfiu v16_30_1_1y2v1nfla v16_30_1_1y2v1nfjf v16_30_1_1y2v1nf49 v16_30_1_1y2v1nf8k v16_30_1_1y2v1nflv";
+var n = "v16_32_mhti6u2 v16_32_1y2v1nflt", f = "v16_32_mhti6u0", t = "v16_32_mhti6u5", y = "v16_32_mhti6u2 v16_32_1y2v1nflt v16_32_1y2v1nf8l v16_32_1y2v1nf9u v16_32_1y2v1nfb3 v16_32_1y2v1nfcc v16_32_1y2v1nfiu v16_32_1y2v1nfla v16_32_1y2v1nfjf v16_32_1y2v1nf49 v16_32_1y2v1nf8k v16_32_1y2v1nflv";

package/dist/touchable.d.ts

@@ -6,6 +6,7 @@ export type PressHandler = (event: React.MouseEvent<HTMLElement>) => void | unde
 interface CommonProps {
     children: React.ReactNode;
     className?: string;
+    id?: string;
     disabled?: boolean;
     style?: React.CSSProperties;
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
@@ -21,6 +22,8 @@ interface CommonProps {
     'aria-labelledby'?: string;
     'aria-live'?: 'polite' | 'off' | 'assertive';
     'aria-current'?: React.AriaAttributes['aria-current'];
+    'aria-description'?: string;
+    'aria-describedby'?: string;
     /** IMPORTANT: try to avoid using role="link" with onPress and first consider other alternatives like to/href + onNavigate */
     role?: string;
     type?: 'button' | 'submit';
@@ -49,8 +52,8 @@ type SubmitProps = {
     formId?: string;
     onPress?: PressHandler;
 };
-export type AlwaysTouchableComponentProps = ExclusifyUnion<OnPressProps | HrefProps | ToProps> & Pick<CommonProps, 'trackingEvent' | 'dataAttributes' | 'role' | 'aria-label'>;
-export type TouchableComponentProps<Props> = ExclusifyUnion<Props | (OnPressProps & Props) | (HrefProps & Props) | (ToProps & Props)> & Pick<CommonProps, 'trackingEvent' | 'dataAttributes' | 'role' | 'aria-label'>;
+export type AlwaysTouchableComponentProps = ExclusifyUnion<OnPressProps | HrefProps | ToProps> & Pick<CommonProps, 'trackingEvent' | 'dataAttributes' | 'role' | 'aria-label' | 'aria-labelledby' | 'aria-description' | 'aria-describedby' | 'aria-current'>;
+export type TouchableComponentProps<Props> = ExclusifyUnion<Props | (OnPressProps & Props) | (HrefProps & Props) | (ToProps & Props)> & Pick<CommonProps, 'trackingEvent' | 'dataAttributes' | 'role' | 'aria-label' | 'aria-labelledby' | 'aria-description' | 'aria-describedby' | 'aria-current'>;
 type Maybe<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K> & {
     maybe: true;
 };

package/dist/touchable.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     BaseTouchable: function() {
-        return le;
+        return ce;
     },
     default: function() {
-        return ce;
+        return oe;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -153,100 +153,102 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const I = /*#__PURE__*/ _react.forwardRef((e, t)=>{
-    var O;
-    const { texts: d, analytics: R, platformOverrides: x, Link: D, useHrefDecorator: A, t: h } = (0, _hooks.useTheme)(), H = A(), b = _react.useRef(!1);
+const R = /*#__PURE__*/ _react.forwardRef((e, t)=>{
+    var C;
+    const { texts: d, analytics: x, platformOverrides: D, Link: A, useHrefDecorator: H, t: g } = (0, _hooks.useTheme)(), K = H(), s = _react.useRef(!1);
     let r = [];
     e.trackingEvent && (Array.isArray(e.trackingEvent) ? r = e.trackingEvent : r = [
         e.trackingEvent
     ]);
     const f = e.children, i = _object_spread({
         className: e.className,
+        id: e.id,
         disabled: e.disabled,
         style: e.style,
         role: e.role,
+        tabIndex: e.tabIndex,
+        "aria-hidden": e["aria-hidden"],
+        "aria-live": e["aria-live"]
+    }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Touchable")), m = {
         "aria-checked": e["aria-checked"],
         "aria-disabled": e.disabled ? !0 : void 0,
         "aria-controls": e["aria-controls"],
         "aria-expanded": e["aria-expanded"],
         "aria-haspopup": e["aria-haspopup"],
-        "aria-hidden": e["aria-hidden"],
         "aria-selected": e["aria-selected"],
-        "aria-live": e["aria-live"],
         "aria-current": e["aria-current"],
-        tabIndex: e.tabIndex
-    }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Touchable")), g = e.type ? e.type : "button", l = !!e.newTab, K = (O = e.href) == null ? void 0 : O.startsWith("#"), k = !l && !!e.href && !!e.loadOnTop, m = (a)=>{
+        "aria-label": e["aria-label"],
+        "aria-labelledby": e["aria-labelledby"],
+        "aria-description": e["aria-description"],
+        "aria-describedby": e["aria-describedby"]
+    }, k = e.type ? e.type : "button", l = !!e.newTab, S = (C = e.href) == null ? void 0 : C.startsWith("#"), v = !l && !!e.href && !!e.loadOnTop, b = (a)=>{
         e.stopPropagation && a.stopPropagation();
-    }, v = (a)=>{
+    }, y = (a)=>{
         e.onPress && e.onPress(a);
-    }, y = ()=>{
+    }, N = ()=>{
         var _e_to_pathname;
-        return e.href ? H(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (_e_to_pathname = e.to.pathname) !== null && _e_to_pathname !== void 0 ? _e_to_pathname : "" : "";
-    }, N = ()=>Promise.all(r.map((a)=>R.logEvent(a))), T = (a)=>{
-        b.current || (b.current = !0, N().finally(()=>{
-            b.current = !1, a();
+        return e.href ? K(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (_e_to_pathname = e.to.pathname) !== null && _e_to_pathname !== void 0 ? _e_to_pathname : "" : "";
+    }, P = ()=>Promise.all(r.map((a)=>x.logEvent(a))), T = (a)=>{
+        s.current || (s.current = !0, P().finally(()=>{
+            s.current = !1, a();
         }));
-    }, S = (a)=>{
-        if (m(a), !r.length) {
-            v(a);
+    }, W = (a)=>{
+        if (b(a), !r.length) {
+            y(a);
             return;
         }
-        T(()=>v(a));
-    }, W = (a)=>{
+        T(()=>y(a));
+    }, _ = (a)=>{
         var c;
-        m(a);
+        b(a);
         const u = !!(e.href && e.onNavigate);
         !r.length && !u || (a.preventDefault(), Promise.resolve(u ? (c = e.onNavigate) == null ? void 0 : c.call(e) : void 0).finally(()=>{
-            T(()=>(0, _browser.redirect)(y(), l, k));
+            T(()=>(0, _browser.redirect)(N(), l, v));
         }));
-    }, _ = (a)=>{
-        m(a), e.to && e.onNavigate && e.onNavigate(), N();
-    }, P = (a)=>{
+    }, j = (a)=>{
+        b(a), e.to && e.onNavigate && e.onNavigate(), P();
+    }, w = (a)=>{
         (a.key === _keys.ENTER || a.key === _keys.SPACE) && (a.preventDefault(), a.currentTarget.click());
-    }, w = ()=>l ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
+    }, O = ()=>l ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
-                children: d.linkOpensInNewTab || h(_texttokens.linkOpensInNewTab)
+                children: d.linkOpensInNewTab || g(_texttokens.linkOpensInNewTab)
             })
-        }) : K ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
+        }) : S ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
-                children: d.linkOpensInCurrentPage || h(_texttokens.linkOpensInCurrentPage)
+                children: d.linkOpensInCurrentPage || g(_texttokens.linkOpensInCurrentPage)
             })
         }) : null;
-    if (e.href || e.to && e.fullPageOnWebView && (0, _platform.isInsideNovumNativeApp)(x)) return /* @__PURE__ */ (0, _jsxruntime.jsxs)("a", _object_spread_props(_object_spread({}, i), {
-        "aria-label": e["aria-label"],
-        "aria-labelledby": e["aria-labelledby"],
-        onClick: W,
-        onKeyDown: P,
-        href: e.disabled ? void 0 : y(),
+    if (e.href || e.to && e.fullPageOnWebView && (0, _platform.isInsideNovumNativeApp)(D)) return /* @__PURE__ */ (0, _jsxruntime.jsxs)("a", _object_spread_props(_object_spread({}, i, m), {
+        onClick: _,
+        onKeyDown: w,
+        href: e.disabled ? void 0 : N(),
         target: (()=>{
             if (l) return "_blank";
-            if (k) return "_top";
+            if (v) return "_top";
         })(),
         rel: l ? "noopener noreferrer" : void 0,
         ref: t,
         children: [
             f,
-            w()
+            O()
         ]
     }));
-    if (e.to) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(D, _object_spread_props(_object_spread({}, i), {
+    if (e.to) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(A, _object_spread_props(_object_spread({}, i, m), {
         target: e.newTab ? "_blank" : void 0,
-        "aria-label": e["aria-label"],
-        "aria-labelledby": e["aria-labelledby"],
         innerRef: t,
         to: e.disabled ? "" : e.to,
         replace: e.replace,
-        onClick: _,
-        onKeyDown: P,
+        onClick: j,
+        onKeyDown: w,
         children: [
             f,
-            w()
+            O()
         ]
     }));
     if (e.onPress) {
         var _e_as, _i_role;
         const a = (_e_as = e.as) !== null && _e_as !== void 0 ? _e_as : "button", u = (_i_role = i.role) !== null && _i_role !== void 0 ? _i_role : e.as === "a" ? "button" : void 0;
-        return /*#__PURE__*/ _react.createElement(a, _object_spread_props(_object_spread({}, i), {
+        return /*#__PURE__*/ _react.createElement(a, _object_spread_props(_object_spread({}, i, m), {
             role: u,
             // When an <a/> is rendered without an href value, the element is not accesible
             // by keyboard (using tab key). We add a fictional href to "#" to avoid this.
@@ -255,13 +257,11 @@ const I = /*#__PURE__*/ _react.forwardRef((e, t)=>{
             // is located outside the <form> element, for example if you use
             // a ButtonFixedFooter layout inside a form with the submit
             // button located at the footer, which is redered using a Portal
-            form: g === "submit" && e.formId ? e.formId : void 0,
-            "aria-label": e["aria-label"],
-            "aria-labelledby": e["aria-labelledby"],
-            type: g,
+            form: k === "submit" && e.formId ? e.formId : void 0,
+            type: k,
             ref: t,
             onClick: (c)=>{
-                a === "a" && c.preventDefault(), S(c);
+                a === "a" && c.preventDefault(), W(c);
             },
             children: f
         }));
@@ -271,17 +271,17 @@ const I = /*#__PURE__*/ _react.forwardRef((e, t)=>{
         className: (0, _classnames.default)(i.className, _touchablecssmistica.notTouchable),
         children: f
     }));
-}), U = /*#__PURE__*/ _react.forwardRef((e, t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(I, _object_spread_props(_object_spread({}, e), {
+}), X = /*#__PURE__*/ _react.forwardRef((e, t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, e), {
         className: (0, _classnames.default)(_touchablecssmistica.touchable, e.className),
         ref: t
-    }))), le = /*#__PURE__*/ _react.forwardRef((_param, d)=>{
+    }))), ce = /*#__PURE__*/ _react.forwardRef((_param, d)=>{
     var { resetMargin: e = !0 } = _param, t = _object_without_properties(_param, [
         "resetMargin"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, _object_spread_props(_object_spread({}, t), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, t), {
         className: (0, _classnames.default)(_touchablecssmistica.base, t.className, {
             [_touchablecssmistica.marginReset]: e
         }),
         ref: d
     }));
-}), ce = U;
+}), oe = X;

package/dist/utils/aspect-ratio-support.css-mistica.js

@@ -24,6 +24,6 @@ _export(exports, {
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("./aspect-ratio-support.css.ts.vanilla.css-mistica.js");
-var r = "v16_30_1_yqswj62", a = "v16_30_1_1y2v1nfjf v16_30_1_1y2v1nfjw v16_30_1_1y2v1nfm0 v16_30_1_1y2v1nfmf", n = {
-    aspectRatio: "var(--v16_30_1_yqswj60)"
-}, f = "v16_30_1_1y2v1nflu v16_30_1_1y2v1nfl7 v16_30_1_1y2v1nfl8 v16_30_1_1y2v1nfim";
+var r = "v16_32_yqswj62", a = "v16_32_1y2v1nfjf v16_32_1y2v1nfjw v16_32_1y2v1nfm0 v16_32_1y2v1nfmf", n = {
+    aspectRatio: "var(--v16_32_yqswj60)"
+}, f = "v16_32_1y2v1nflu v16_32_1y2v1nfl7 v16_32_1y2v1nfl8 v16_32_1y2v1nfim";

package/dist/utils/aspect-ratio-support.js

@@ -126,7 +126,7 @@ function _object_spread_props(target, source) {
 }
 const u = /*#__PURE__*/ _react.createContext(!0), W = (param)=>{
     let { children: t } = param;
-    const [o, s] = _react.useState(!0);
+    const [n, s] = _react.useState(!0);
     return (0, _hooks.useIsomorphicLayoutEffect)(()=>{
         try {
             CSS.supports("aspect-ratio", "1 / 1") || s(!1);
@@ -134,11 +134,11 @@ const u = /*#__PURE__*/ _react.createContext(!0), W = (param)=>{
             s(!1);
         }
     }, []), /* @__PURE__ */ (0, _jsxruntime.jsx)(u.Provider, {
-        value: o,
+        value: n,
         children: t
     });
 }, b = ()=>_react.useContext(u), $ = (t)=>{
-    const o = !!t.forceNonCssAspectRatio, s = b() && !o, h = typeof t.width != "number" && typeof t.height != "number" && t.aspectRatio !== 0, a = h ? t.aspectRatio : void 0;
+    const n = !!t.forceNonCssAspectRatio, s = b() && !n, h = typeof t.width != "number" && typeof t.height != "number" && t.aspectRatio !== 0, a = h ? t.aspectRatio : void 0;
     let e = t.width, i = t.height;
     var _t_aspectRatio, _t_aspectRatio1;
     t.width !== void 0 && t.height !== void 0 ? (e = t.width, i = t.height) : typeof t.width == "number" ? i = t.aspectRatio !== 0 ? t.width / ((_t_aspectRatio = t.aspectRatio) !== null && _t_aspectRatio !== void 0 ? _t_aspectRatio : 1) : void 0 : typeof t.height == "number" ? e = t.aspectRatio !== 0 ? t.height * ((_t_aspectRatio1 = t.aspectRatio) !== null && _t_aspectRatio1 !== void 0 ? _t_aspectRatio1 : 1) : void 0 : t.height ? i = t.height : e = t.width || "100%";

package/dist/video.css-mistica.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "video", {
     enumerable: true,
     get: function() {
-        return v;
+        return _;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var v = "v16_30_1_1y2v1nfm0 v16_30_1_1y2v1nfmf v16_30_1_1y2v1nfiu v16_30_1_1y2v1nf8k v16_30_1_1y2v1nfl7 v16_30_1_1y2v1nfl8 v16_30_1_1y2v1nfno";
+var _ = "v16_32_1y2v1nfm0 v16_32_1y2v1nfmf v16_32_1y2v1nfiu v16_32_1y2v1nf8k v16_32_1y2v1nfl7 v16_32_1y2v1nfl8 v16_32_1y2v1nfno";

package/dist/video.js

@@ -137,7 +137,7 @@ const q = {
     "16:9": 16 / 9,
     "4:3": 4 / 3
 }, M = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", _ = /*#__PURE__*/ _react.forwardRef((_param, A)=>{
-    var { src: s, poster: u, autoPlay: g = "when-loaded", muted: N = !0, loop: k = !0, preload: x = "none", loadingTimeout: b = 1e4, onLoad: y, onError: h, onPause: w, onPlay: v, aspectRatio: c = 0, dataAttributes: U } = _param, n = _object_without_properties(_param, [
+    var { src: s, poster: u, autoPlay: g = "when-loaded", muted: S = !0, loop: k = !0, preload: x = "none", loadingTimeout: b = 1e4, onLoad: y, onError: h, onPause: w, onPlay: v, aspectRatio: c = 0, dataAttributes: U } = _param, n = _object_without_properties(_param, [
         "src",
         "poster",
         "autoPlay",
@@ -189,7 +189,7 @@ const q = {
         playsInline: !0,
         disablePictureInPicture: !0,
         disableRemotePlayback: !0,
-        muted: N,
+        muted: S,
         loop: k,
         className: (0, _classnames.default)(_videocssmistica.video, _imagecssmistica.defaultBorderRadius),
         preload: x,

package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js

@@ -10,11 +10,11 @@ function _export(target, all) {
 }
 _export(exports, {
     container: function() {
-        return _;
+        return a;
     },
     waveFadeOut: function() {
-        return a;
+        return r;
     }
 });
 require("./vivinho-loading-animation.css.ts.vanilla.css-mistica.js");
-var _ = "v16_30_1_1ezqdj90", a = "v16_30_1_1ezqdj91";
+var a = "v16_32_1ezqdj90", r = "v16_32_1ezqdj91";

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

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./accordion.css.ts.vanilla.css-mistica.js";
-var n = "v16_30_1_1y2v1nfjf", s = "v16_30_1_8s3szx1", e = "v16_30_1_8s3szx5", a = "v16_30_1_1y2v1nf8l v16_30_1_1y2v1nf9u v16_30_1_1y2v1nfb3 v16_30_1_1y2v1nfcc v16_30_1_1y2v1nfjf v16_30_1_1y2v1nfla v16_30_1_1y2v1nf8k v16_30_1_1y2v1nfiu v16_30_1_1y2v1nfjw", r = "v16_30_1_8s3szxb", t = "v16_30_1_8s3szx6", o = {
-    enter: "v16_30_1_8s3szx7",
-    enterActive: "v16_30_1_8s3szx8",
-    exit: "v16_30_1_8s3szx9",
-    exitActive: "v16_30_1_8s3szxa"
-}, i = "v16_30_1_8s3szx4", x = "v16_30_1_8s3szx2", f = "v16_30_1_8s3szx3";
+var n = "v16_32_1y2v1nfjf", s = "v16_32_8s3szx1", e = "v16_32_8s3szx5", a = "v16_32_1y2v1nf8l v16_32_1y2v1nf9u v16_32_1y2v1nfb3 v16_32_1y2v1nfcc v16_32_1y2v1nfjf v16_32_1y2v1nfla v16_32_1y2v1nf8k v16_32_1y2v1nfiu v16_32_1y2v1nfjw", r = "v16_32_8s3szxb", t = "v16_32_8s3szx6", o = {
+    enter: "v16_32_8s3szx7",
+    enterActive: "v16_32_8s3szx8",
+    exit: "v16_32_8s3szx9",
+    exitActive: "v16_32_8s3szxa"
+}, i = "v16_32_8s3szx4", x = "v16_32_8s3szx2", f = "v16_32_8s3szx3";
 export { n as accordionItem, s as boxed, e as chevronContainer, a as itemContent, r as panel, t as panelContainer, o as panelTransitionClasses, i as rightContentContainer, x as touchableBackground, f as touchableBackgroundInverse };

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

@@ -1,3 +1,3 @@
 import "./align.css.ts.vanilla.css-mistica.js";
-var o = "v16_30_1_1mfs0fk0";
+var o = "v16_32_1mfs0fk0";
 export { o as container };

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var v = "v16_30_1_1y2v1nflr v16_30_1_1y2v1nfis v16_30_1_1y2v1nfj7 v16_30_1_1y2v1nfj1 v16_30_1_1y2v1nflu", n = "v16_30_1_1y2v1nfno";
-export { v as avatar, n as image };
+var _ = "v16_32_1y2v1nflr v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nflu", n = "v16_32_1y2v1nfno";
+export { _ as avatar, n as image };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./badge.css.ts.vanilla.css-mistica.js";
-var r = "v16_30_1_17szrmd2 v16_30_1_1y2v1nf65", a = "v16_30_1_17szrmd7", d = "v16_30_1_17szrmd3", n = "v16_30_1_17szrmd5 v16_30_1_17szrmd2 v16_30_1_1y2v1nf65 v16_30_1_1y2v1nfis v16_30_1_1y2v1nfj7 v16_30_1_1y2v1nfj1", e = "v16_30_1_1y2v1nfin", i = "v16_30_1_1y2v1nfim v16_30_1_1y2v1nfiw";
+var r = "v16_32_17szrmd2 v16_32_1y2v1nf65", a = "v16_32_17szrmd7", d = "v16_32_17szrmd3", n = "v16_32_17szrmd5 v16_32_17szrmd2 v16_32_1y2v1nf65 v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfj1", e = "v16_32_1y2v1nfin", i = "v16_32_1y2v1nfim v16_32_1y2v1nfiw";
 export { r as badge, a as badgeBigNumber, d as badgeBorder, n as badgeNumber, e as badgeWithChildren, i as container };

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

@@ -1,24 +1,24 @@
 import "./box.css.ts.vanilla.css-mistica.js";
-var _ = "v16_30_1_1xgjmkvc", a = {
+var _ = "v16_32_1xgjmkvc", a = {
     paddingTop: {
-        desktop: "var(--v16_30_1_1xgjmkv0)",
-        tablet: "var(--v16_30_1_1xgjmkv1)",
-        mobile: "var(--v16_30_1_1xgjmkv2)"
+        desktop: "var(--v16_32_1xgjmkv0)",
+        tablet: "var(--v16_32_1xgjmkv1)",
+        mobile: "var(--v16_32_1xgjmkv2)"
     },
     paddingBottom: {
-        desktop: "var(--v16_30_1_1xgjmkv3)",
-        tablet: "var(--v16_30_1_1xgjmkv4)",
-        mobile: "var(--v16_30_1_1xgjmkv5)"
+        desktop: "var(--v16_32_1xgjmkv3)",
+        tablet: "var(--v16_32_1xgjmkv4)",
+        mobile: "var(--v16_32_1xgjmkv5)"
     },
     paddingLeft: {
-        desktop: "var(--v16_30_1_1xgjmkv6)",
-        tablet: "var(--v16_30_1_1xgjmkv7)",
-        mobile: "var(--v16_30_1_1xgjmkv8)"
+        desktop: "var(--v16_32_1xgjmkv6)",
+        tablet: "var(--v16_32_1xgjmkv7)",
+        mobile: "var(--v16_32_1xgjmkv8)"
     },
     paddingRight: {
-        desktop: "var(--v16_30_1_1xgjmkv9)",
-        tablet: "var(--v16_30_1_1xgjmkva)",
-        mobile: "var(--v16_30_1_1xgjmkvb)"
+        desktop: "var(--v16_32_1xgjmkv9)",
+        tablet: "var(--v16_32_1xgjmkva)",
+        mobile: "var(--v16_32_1xgjmkvb)"
     }
 };
 export { _ as box, a as vars };

package/dist-es/box.js

@@ -50,27 +50,27 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as D } from "react/jsx-runtime";
-import * as N from "react";
+import { jsx as C } from "react/jsx-runtime";
+import * as D from "react";
 import S from "classnames";
 import { box as q, vars as l } from "./box.css-mistica.js";
 import { applyCssVars as w } from "./utils/css.js";
 import { getPrefixedDataAttributes as B } from "./utils/dom.js";
-const E = /*#__PURE__*/ N.forwardRef((param, n)=>{
+const E = /*#__PURE__*/ D.forwardRef((param, n)=>{
     let { className: p, children: x, as: y = "div", width: m, padding: c = 0, paddingX: f = c, paddingY: i = c, paddingTop: e = i, paddingBottom: o = i, paddingLeft: t = f, paddingRight: r = f, role: k, id: V, dataAttributes: j, "aria-label": u, "aria-hidden": $ } = param;
-    const P = typeof e == "object" ? e : {
+    const N = typeof e == "object" ? e : {
         mobile: e,
         tablet: e,
         desktop: e
-    }, z = typeof o == "object" ? o : {
+    }, P = typeof o == "object" ? o : {
         mobile: o,
         tablet: o,
         desktop: o
-    }, A = typeof t == "object" ? t : {
+    }, z = typeof t == "object" ? t : {
         mobile: t,
         tablet: t,
         desktop: t
-    }, C = typeof r == "object" ? r : {
+    }, A = typeof r == "object" ? r : {
         mobile: r,
         tablet: r,
         desktop: r
@@ -82,13 +82,13 @@ const E = /*#__PURE__*/ N.forwardRef((param, n)=>{
             [a.desktop]: `${b.desktop}px`
         });
     };
-    return /* @__PURE__ */ D(y, _object_spread_props(_object_spread({}, B(j)), {
+    return /* @__PURE__ */ C(y, _object_spread_props(_object_spread({}, B(j)), {
         role: k,
         "aria-label": u,
         "aria-hidden": $,
         ref: n,
         className: S(p, q),
-        style: _object_spread({}, s(l.paddingTop, P), s(l.paddingBottom, z), s(l.paddingLeft, A), s(l.paddingRight, C), m !== void 0 ? {
+        style: _object_spread({}, s(l.paddingTop, N), s(l.paddingBottom, P), s(l.paddingLeft, z), s(l.paddingRight, A), m !== void 0 ? {
             width: m,
             boxSizing: "border-box"
         } : {}),

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

@@ -1,33 +1,33 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./boxed.css.ts.vanilla.css-mistica.js";
-var i = "v16_30_1_1y2v1nfl9", h = "v16_30_1_ihbkeqm", e = "v16_30_1_ihbkeqp", r = "v16_30_1_1y2v1nfla", a = "v16_30_1_1y2v1nflu", b = {
-    width: "var(--v16_30_1_ihbkeq0)",
-    height: "var(--v16_30_1_ihbkeq1)",
-    minHeight: "var(--v16_30_1_ihbkeq2)",
-    maxWidth: "var(--v16_30_1_ihbkeq3)",
-    minWidth: "var(--v16_30_1_ihbkeq4)",
+var _ = "v16_32_1y2v1nfl9", h = "v16_32_ihbkeqm", e = "v16_32_ihbkeqp", r = "v16_32_1y2v1nfla", a = "v16_32_1y2v1nflu", b = {
+    width: "var(--v16_32_ihbkeq0)",
+    height: "var(--v16_32_ihbkeq1)",
+    minHeight: "var(--v16_32_ihbkeq2)",
+    maxWidth: "var(--v16_32_ihbkeq3)",
+    minWidth: "var(--v16_32_ihbkeq4)",
     mobile: {
-        width: "var(--v16_30_1_ihbkeq5)",
-        height: "var(--v16_30_1_ihbkeq6)",
-        minHeight: "var(--v16_30_1_ihbkeq7)",
-        maxWidth: "var(--v16_30_1_ihbkeq8)",
-        minWidth: "var(--v16_30_1_ihbkeq9)"
+        width: "var(--v16_32_ihbkeq5)",
+        height: "var(--v16_32_ihbkeq6)",
+        minHeight: "var(--v16_32_ihbkeq7)",
+        maxWidth: "var(--v16_32_ihbkeq8)",
+        minWidth: "var(--v16_32_ihbkeq9)"
     },
     tablet: {
-        width: "var(--v16_30_1_ihbkeqa)",
-        height: "var(--v16_30_1_ihbkeqb)",
-        minHeight: "var(--v16_30_1_ihbkeqc)",
-        maxWidth: "var(--v16_30_1_ihbkeqd)",
-        minWidth: "var(--v16_30_1_ihbkeqe)"
+        width: "var(--v16_32_ihbkeqa)",
+        height: "var(--v16_32_ihbkeqb)",
+        minHeight: "var(--v16_32_ihbkeqc)",
+        maxWidth: "var(--v16_32_ihbkeqd)",
+        minWidth: "var(--v16_32_ihbkeqe)"
     },
     desktop: {
-        width: "var(--v16_30_1_ihbkeqf)",
-        height: "var(--v16_30_1_ihbkeqg)",
-        minHeight: "var(--v16_30_1_ihbkeqh)",
-        maxWidth: "var(--v16_30_1_ihbkeqi)",
-        minWidth: "var(--v16_30_1_ihbkeqj)"
+        width: "var(--v16_32_ihbkeqf)",
+        height: "var(--v16_32_ihbkeqg)",
+        minHeight: "var(--v16_32_ihbkeqh)",
+        maxWidth: "var(--v16_32_ihbkeqi)",
+        minWidth: "var(--v16_32_ihbkeqj)"
     },
-    background: "var(--v16_30_1_ihbkeqk)",
-    borderRadius: "var(--v16_30_1_ihbkeql)"
+    background: "var(--v16_32_ihbkeqk)",
+    borderRadius: "var(--v16_32_ihbkeql)"
 };
-export { i as boxBorder, h as boxed, e as desktopOnly, r as noBorder, a as overflowHidden, b as vars };
+export { _ as boxBorder, h as boxed, e as desktopOnly, r as noBorder, a as overflowHidden, b as vars };

package/dist-es/button-group.css-mistica.js

@@ -1,5 +1,5 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button.css.ts.vanilla.css-mistica.js";
 import "./button-group.css.ts.vanilla.css-mistica.js";
-var t = "v16_30_1_1xdd1h69", d = "v16_30_1_1xdd1h67", r = "v16_30_1_1xdd1h68", i = "v16_30_1_1xdd1h64", a = "v16_30_1_1xdd1h62", e = "v16_30_1_1xdd1h63", h = "v16_30_1_1xdd1h65", o = "v16_30_1_1xdd1h66", x = "v16_30_1_1xdd1h61 v16_30_1_1y2v1nfit v16_30_1_1y2v1nfj7 v16_30_1_1y2v1nfix";
+var t = "v16_32_1xdd1h69", d = "v16_32_1xdd1h67", r = "v16_32_1xdd1h68", i = "v16_32_1xdd1h64", a = "v16_32_1xdd1h62", e = "v16_32_1xdd1h63", h = "v16_32_1xdd1h65", o = "v16_32_1xdd1h66", x = "v16_32_1xdd1h61 v16_32_1y2v1nfit v16_32_1y2v1nfj7 v16_32_1y2v1nfix";
 export { t as buttonChild, d as buttons, r as buttonsWithSmallLink, i as centerInDesktop, a as centerInMobile, e as centerInTablet, h as container, o as containerWithSmallLink, x as inline };

package/dist-es/button-group.js

@@ -54,7 +54,7 @@ function _object_spread_props(target, source) {
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import * as b from "react";
 import p from "classnames";
-import { getPrefixedDataAttributes as N } from "./utils/dom.js";
+import { getPrefixedDataAttributes as L } from "./utils/dom.js";
 import { inline as d, containerWithSmallLink as v, container as S, centerInDesktop as x, centerInTablet as I, centerInMobile as C, buttonsWithSmallLink as G, buttons as R, buttonChild as n } from "./button-group.css-mistica.js";
 import { smallLink as j } from "./button.css-mistica.js";
 import { useIsomorphicLayoutEffect as A } from "./hooks.js";
@@ -66,7 +66,7 @@ const D = (param)=>{
         (c = (a = r.current) == null ? void 0 : a.getElementsByClassName(j)) != null && c.length && h(!0);
     }, []);
     var _e_mobile, _e_tablet, _ref, _e_desktop;
-    const k = !!t || !!s || !!o, L = !!t && !!s, l = typeof e == "string" ? {
+    const k = !!t || !!s || !!o, N = !!t && !!s, l = typeof e == "string" ? {
         mobile: e,
         tablet: e,
         desktop: e
@@ -81,7 +81,7 @@ const D = (param)=>{
             [I]: l.tablet === "center",
             [C]: l.mobile === "center"
         })
-    }, N(u, "ButtonGroup")), {
+    }, L(u, "ButtonGroup")), {
         children: [
             (t || s) && /* @__PURE__ */ f("div", {
                 className: p(d, m ? G : R),
@@ -100,7 +100,7 @@ const D = (param)=>{
                 ref: r,
                 className: n,
                 style: {
-                    width: L ? "100%" : "auto"
+                    width: N ? "100%" : "auto"
                 },
                 children: o
             })