@telefonica/mistica 14.17.1 → 14.18.0

package/dist/hero.css-mistica.js

@@ -19,18 +19,18 @@ _export(exports, {
         return n;
     },
     containerMobile: function() {
-        return _;
+        return b;
     },
     layout: function() {
-        return i;
+        return _;
     },
     vars: function() {
-        return p;
+        return i;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./responsive-layout.css.ts.vanilla.css-mistica.js");
 require("./hero.css.ts.vanilla.css-mistica.js");
-var v = "_16rbpto6 _1y2v1nf64 _1y2v1nf6q _1y2v1nf6k", a = "_16rbpto2 _1y2v1nf64", n = "_1y2v1nf6j _1y2v1nf8w", _ = "_1y2v1nf6a", i = "_16rbpto7", p = {
+var v = "_16rbpto6 _1y2v1nfb4 _1y2v1nfbq _1y2v1nfbk", a = "_16rbpto2 _1y2v1nfb4", n = "_1y2v1nfbj _1y2v1nfc8", b = "_1y2v1nfba", _ = "_16rbpto7", i = {
     height: "var(--_16rbpto0)"
 };

package/dist/highlighted-card.css-mistica.js

@@ -19,12 +19,12 @@ _export(exports, {
         return _;
     },
     touchableContainer: function() {
-        return r;
+        return b;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./highlighted-card.css.ts.vanilla.css-mistica.js");
-var y = "wrb8722 _1y2v1nf64 _1y2v1nf69 _1y2v1nf6g _1y2v1nf6m", f = "wrb8725 _1y2v1nf64", _ = {
-    withImage: "wrb8728 wrb8727 _1y2v1nf64 _1y2v1nf6a _1y2v1nf6i _1y2v1nf6y _1y2v1nf7d _1y2v1nf7q",
-    withoutImage: "wrb8729 wrb8727 _1y2v1nf64 _1y2v1nf6a _1y2v1nf6i _1y2v1nf6y _1y2v1nf7d _1y2v1nf7q"
-}, r = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf64 _1y2v1nf6m _1y2v1nfaa _1y2v1nf8f _1y2v1nf5y";
+var y = "wrb8722 _1y2v1nfb4 _1y2v1nfb9 _1y2v1nfbg _1y2v1nfbm", f = "wrb8725 _1y2v1nfb4", _ = {
+    withImage: "wrb8728 wrb8727 _1y2v1nfb4 _1y2v1nfba _1y2v1nfbi _1y2v1nf6k _1y2v1nf7t _1y2v1nf8w",
+    withoutImage: "wrb8729 wrb8727 _1y2v1nfb4 _1y2v1nfba _1y2v1nfbi _1y2v1nf6k _1y2v1nf7t _1y2v1nf8w"
+}, b = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb4 _1y2v1nfbm _1y2v1nfdm _1y2v1nfbr _1y2v1nf5y";

package/dist/horizontal-scroll.css-mistica.js

@@ -19,4 +19,4 @@ _export(exports, {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./responsive-layout.css.ts.vanilla.css-mistica.js");
 require("./horizontal-scroll.css.ts.vanilla.css-mistica.js");
-var m = "_1gl3gmv2", v = "_1gl3gmv1 _1y2v1nf64";
+var m = "_1gl3gmv2", v = "_1gl3gmv1 _1y2v1nfb4";

package/dist/icon-button.css-mistica.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "base", {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
-var t = "yqt1oe1 _1y2v1nf68";
+var t = "yqt1oe1 _1y2v1nfb8";

package/dist/image.css-mistica.js

@@ -18,4 +18,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./image.css.ts.vanilla.css-mistica.js");
-var f = 300, n = "_17tt25r1 _1y2v1nfau _1y2v1nfb9 _1y2v1nf66 _1y2v1nf8f _1y2v1nf8w _1y2v1nfci _1y2v1nfa7 _1y2v1nfa8";
+var f = 300, n = "_17tt25r1 _1y2v1nfe6 _1y2v1nfel _1y2v1nfb6 _1y2v1nfbr _1y2v1nfc8 _1y2v1nffu _1y2v1nfdj _1y2v1nfdk";

package/dist/image.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { ExclusifyUnion } from './utils/utility-types';
 import type { DataAttributes } from './utils/types';
 export declare const useMediaBorderRadius: () => boolean;
 export declare const MediaBorderRadiusProvider: ({ children, value, }: {
@@ -7,6 +8,7 @@ export declare const MediaBorderRadiusProvider: ({ children, value, }: {
 }) => JSX.Element;
 type ImageErrorProps = {
     noBorderRadius?: boolean;
+    circular?: boolean;
     withIcon?: boolean;
     border?: boolean;
 };
@@ -18,13 +20,8 @@ export declare const RATIO: {
     '7:10': number;
     '4:3': number;
 };
-export type ImageProps = {
+type CommonImageProps = {
     src: string;
-    /** defaults to 100% when no width and no height are given */
-    width?: string | number;
-    height?: string | number;
-    /** defaults to 1:1, if both width and height are given, aspectRatio is ignored. To use original image proportions, set aspectRatio to 0  */
-    aspectRatio?: AspectRatio | number;
     /** defaults to empty string */
     alt?: string;
     children?: void;
@@ -36,6 +33,22 @@ export type ImageProps = {
     errorFallback?: boolean;
     border?: boolean;
 };
+type RectangularImageProps = {
+    /** defaults to 1:1, if both width and height are given, aspectRatio is ignored. To use original image proportions, set aspectRatio to 0  */
+    aspectRatio?: AspectRatio | number;
+    /** defaults to 100% when no width and no height are given */
+    width?: string | number;
+    height?: string | number;
+    noBorderRadius?: boolean;
+};
+type CircularImageProps = {
+    circular?: boolean;
+} & ExclusifyUnion<{
+    width?: string | number;
+} | {
+    height?: string | number;
+}>;
+type ImageProps = CommonImageProps & ExclusifyUnion<RectangularImageProps | CircularImageProps>;
 export declare const ImageContent: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
 declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
 export default Image;

package/dist/image.js

@@ -10,22 +10,22 @@ function _export(target, all) {
 }
 _export(exports, {
     ImageContent: function() {
-        return q;
+        return Q;
     },
     ImageError: function() {
-        return Z;
+        return J;
     },
     MediaBorderRadiusProvider: function() {
-        return a1;
+        return m1;
     },
     RATIO: function() {
-        return R;
+        return I;
     },
     default: function() {
-        return c1;
+        return u1;
     },
     useMediaBorderRadius: function() {
-        return K;
+        return q;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -41,6 +41,7 @@ const _sprinklescssmistica = require("./sprinkles.css-mistica.js");
 const _imagecssmistica = require("./image.css-mistica.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _common = require("./utils/common.js");
+const _skeletonbase = /*#__PURE__*/ _interop_require_default(require("./skeleton-base.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -164,13 +165,13 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const I = /*#__PURE__*/ _react.createContext(!0), K = ()=>_react.useContext(I), a1 = (param)=>/* @__PURE__ */ {
-    let { children: e , value: r  } = param;
-    return (0, _jsxruntime.jsx)(I.Provider, {
-        value: r,
+const x = /*#__PURE__*/ _react.createContext(!0), q = ()=>_react.useContext(x), m1 = (param)=>/* @__PURE__ */ {
+    let { children: e , value: a  } = param;
+    return (0, _jsxruntime.jsx)(x.Provider, {
+        value: a,
         children: e
     });
-}, U = (param)=>/* @__PURE__ */ {
+}, G = (param)=>/* @__PURE__ */ {
     let { style: e  } = param;
     return (0, _jsxruntime.jsx)("svg", {
         width: "48",
@@ -184,9 +185,9 @@ const I = /*#__PURE__*/ _react.createContext(!0), K = ()=>_react.useContext(I),
             strokeWidth: "2"
         })
     });
-}, Z = /*#__PURE__*/ _react.forwardRef((param, d)=>{
-    let { noBorderRadius: e , withIcon: r = !0 , border: n  } = param;
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), { skinName: a  } = (0, _hooks.useTheme)();
+}, J = /*#__PURE__*/ _react.forwardRef((param, c)=>{
+    let { noBorderRadius: e , circular: a , withIcon: d = !0 , border: l  } = param;
+    const s = (0, _themevariantcontext.useIsInverseVariant)(), { skinName: n  } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         style: {
             height: "100%",
@@ -194,13 +195,13 @@ const I = /*#__PURE__*/ _react.createContext(!0), K = ()=>_react.useContext(I),
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
-            backgroundColor: c ? _skincontractcssmistica.vars.colors.backgroundSkeletonInverse : _skincontractcssmistica.vars.colors.backgroundSkeleton,
+            backgroundColor: s ? _skincontractcssmistica.vars.colors.backgroundSkeletonInverse : _skincontractcssmistica.vars.colors.backgroundSkeleton,
             boxSizing: "border-box",
-            border: n ? `1px solid ${_skincontractcssmistica.vars.colors.borderLow}` : "none",
-            borderRadius: e ? void 0 : _skincontractcssmistica.vars.borderRadii.container
+            border: l ? `1px solid ${_skincontractcssmistica.vars.colors.borderLow}` : "none",
+            borderRadius: a ? "50%" : e ? void 0 : _skincontractcssmistica.vars.borderRadii.container
         },
-        ref: d,
-        children: r ? a === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(U, {
+        ref: c,
+        children: d ? n === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(G, {
             style: {
                 width: "10%",
                 minWidth: 24,
@@ -215,18 +216,18 @@ const I = /*#__PURE__*/ _react.createContext(!0), K = ()=>_react.useContext(I),
                 maxWidth: 48
             },
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
+                fill: s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
                 d: "M20.25 4.622c.832 0 1.591.664 1.591 1.393v11.98c0 .728-.76 1.392-1.591 1.392H3.746c-.863 0-1.591-.639-1.591-1.392V6.015c0-.754.728-1.393 1.59-1.393H20.25zm0 13.558c.193 0 .367-.146.39-.207l-.003-11.956a.555.555 0 00-.384-.182H3.746c-.21 0-.364.132-.387.19v11.973c.014.044.171.182.387.182H20.25zM6.152 9.068c0 .554.451 1.005 1.003 1.005a1.006 1.006 0 000-2.01c-.552 0-1.003.45-1.003 1.005zm1.003 2.215a2.216 2.216 0 010-4.43c1.218 0 2.207.993 2.207 2.215a2.213 2.213 0 01-2.207 2.215zm12.42 1.337l-3.18-2.44a.605.605 0 00-.742.005l-3.636 2.9-.879-.83a.6.6 0 00-.798-.025l-5.168 4.317a.607.607 0 00.386 1.07.59.59 0 00.384-.14l4.759-3.975 3.308 3.123c.241.23.625.221.852-.025a.605.605 0 00-.026-.854l-1.932-1.824 3.131-2.496 2.807 2.154a.603.603 0 00.846-.112.609.609 0 00-.112-.848z"
             })
         }) : void 0
     });
-}), R = {
+}), I = {
     "1:1": 1,
     "16:9": 16 / 9,
     "7:10": 7 / 10,
     "4:3": 4 / 3
-}, q = /*#__PURE__*/ _react.forwardRef((_param, S)=>{
-    var { aspectRatio: e = "1:1" , alt: r = "" , dataAttributes: n , noBorderRadius: d , src: c , onError: a , onLoad: l , loadingFallback: k = !0 , errorFallback: y = !0  } = _param, s = _object_without_properties(_param, [
+}, k = "1:1", Q = /*#__PURE__*/ _react.forwardRef((_param, A)=>{
+    var { aspectRatio: e = k , alt: a = "" , dataAttributes: d , noBorderRadius: l , src: c , onError: s , onLoad: n , loadingFallback: y = !0 , errorFallback: S = !0  } = _param, i = _object_without_properties(_param, [
         "aspectRatio",
         "alt",
         "dataAttributes",
@@ -237,15 +238,15 @@ const I = /*#__PURE__*/ _react.createContext(!0), K = ()=>_react.useContext(I),
         "loadingFallback",
         "errorFallback"
     ]);
-    const C = _react.useRef(), p = K(), z = s.border ? `1px solid ${_skincontractcssmistica.vars.colors.borderLow}` : "none", m = d !== null && d !== void 0 ? d : !p, [f, g] = _react.useState(!1), [B, b] = _react.useState(!0), [M, v] = _react.useState(!1), h = typeof e == "number" ? e : R[e], w = k && !!(h !== 0 || s.width && s.height), F = y && !!(h !== 0 || s.width && s.height), u = _react.useCallback(()=>{
+    const C = _react.useRef(), B = q(), z = i.border ? `1px solid ${_skincontractcssmistica.vars.colors.borderLow}` : "none", m = l !== null && l !== void 0 ? l : !B, [f, g] = _react.useState(!c), [M, b] = _react.useState(!0), [F, R] = _react.useState(!1), u = i.circular ? 1 : typeof e == "number" ? e : I[e], w = y && !!(u !== 0 || i.width && i.height), L = S && !!(u !== 0 || i.width && i.height), h = _react.useCallback(()=>{
         g(!1), b(!1), setTimeout(()=>{
-            v(!0);
-        }, _imagecssmistica.FADE_IN_DURATION_MS), l == null || l();
+            R(!0);
+        }, _imagecssmistica.FADE_IN_DURATION_MS), n == null || n();
     }, [
-        l
-    ]), H = // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-    /* @__PURE__ */ (0, _jsxruntime.jsx)("img", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(n)), {
-        style: _object_spread_props(_object_spread({}, B && w ? {
+        n
+    ]), T = // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+    /* @__PURE__ */ (0, _jsxruntime.jsx)("img", {
+        style: _object_spread_props(_object_spread({}, M && w ? {
             opacity: 0
         } : {
             opacity: 1
@@ -253,68 +254,70 @@ const I = /*#__PURE__*/ _react.createContext(!0), K = ()=>_react.useContext(I),
             boxSizing: "border-box",
             border: z
         }),
-        ref: (0, _common.combineRefs)(C, S),
+        ref: (0, _common.combineRefs)(C, A),
         src: c,
         className: (0, _classnames.default)(_imagecssmistica.image, (0, _sprinklescssmistica.sprinkles)({
-            position: h !== 0 ? "absolute" : "static",
-            borderRadius: m ? void 0 : _skincontractcssmistica.vars.borderRadii.container
+            position: u !== 0 ? "absolute" : "static",
+            borderRadius: i.circular ? "50%" : m ? void 0 : _skincontractcssmistica.vars.borderRadii.container
         })),
-        alt: r,
+        alt: a,
         onError: ()=>{
-            g(!0), b(!1), v(!0), a == null || a();
+            g(!0), b(!1), R(!0), s == null || s();
         },
-        onLoad: u
-    }));
+        onLoad: h
+    });
     return _react.useEffect(()=>{
-        var x;
-        (x = C.current) != null && x.complete && u();
+        var v;
+        (v = C.current) != null && v.complete && h();
     }, [
-        u
+        h
     ]), /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            w && !M && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            w && !F && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
                     position: "absolute",
                     width: "100%",
                     height: "100%"
                 },
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_skeletons.SkeletonRectangle, {
-                    width: s.width,
-                    height: s.height,
+                children: i.circular ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_skeletonbase.default, {
+                    width: "100%",
+                    height: "100%",
+                    radius: "50%"
+                }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_skeletons.SkeletonRectangle, {
+                    width: i.width,
+                    height: i.height,
                     noBorderRadius: m
                 })
             }),
-            f && F && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            f && L && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
                     position: "absolute",
                     width: "100%",
                     height: "100%",
                     zIndex: 1
                 },
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Z, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(J, {
+                    circular: i.circular,
                     noBorderRadius: m,
-                    border: s.border
+                    border: i.border
                 })
             }),
-            !f && H
+            !f && T
         ]
     });
-}), G = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
-    var { aspectRatio: e = "1:1"  } = _param, r = _object_without_properties(_param, [
-        "aspectRatio"
-    ]);
-    const d = typeof e == "number" ? e : R[e];
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_aspectratiosupport.AspectRatioElement, {
+}), X = /*#__PURE__*/ _react.forwardRef((e, a)=>{
+    var _e_aspectRatio;
+    const d = e.circular ? 1 : typeof e.aspectRatio == "number" ? e.aspectRatio : I[(_e_aspectRatio = e.aspectRatio) !== null && _e_aspectRatio !== void 0 ? _e_aspectRatio : k];
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_aspectratiosupport.AspectRatioContainer, {
         style: {
             position: "relative"
         },
         aspectRatio: d,
-        width: r.width,
-        height: r.height,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(q, _object_spread_props(_object_spread({
-            aspectRatio: e
-        }, r), {
-            ref: n
+        width: e.width,
+        height: e.height,
+        dataAttributes: (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Image"),
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Q, _object_spread_props(_object_spread({}, e), {
+            ref: a
         }))
     });
-}), c1 = G;
+}), u1 = X;

package/dist/index.d.ts

@@ -51,7 +51,7 @@ export { default as HorizontalScroll } from './horizontal-scroll';
 export { default as HighlightedCard } from './highlighted-card';
 export { default as Stepper } from './stepper';
 export { default as ProgressBar } from './progress-bar';
-export { MediaCard, DataCard, SnapCard, DisplayDataCard, DisplayMediaCard, PosterCard } from './card';
+export { MediaCard, DataCard, SnapCard, DisplayDataCard, DisplayMediaCard, PosterCard, NakedCard, SmallNakedCard, } from './card';
 export { default as Hero } from './hero';
 export { default as Divider } from './divider';
 export { default as Menu } from './menu';

package/dist/index.js

@@ -5175,6 +5175,9 @@ _export(exports, {
     MovistarLogo: function() {
         return _logo.MovistarLogo;
     },
+    NakedCard: function() {
+        return _card.NakedCard;
+    },
     NavigationBar: function() {
         return _navigationbar.NavigationBar;
     },
@@ -5277,6 +5280,9 @@ _export(exports, {
     Slideshow: function() {
         return _carousel.Slideshow;
     },
+    SmallNakedCard: function() {
+        return _card.SmallNakedCard;
+    },
     Snackbar: function() {
         return _snackbar.default;
     },

package/dist/list.css-mistica.js

@@ -19,48 +19,48 @@ _export(exports, {
         return f;
     },
     content: function() {
-        return a;
+        return b;
     },
     detail: function() {
         return r;
     },
     detailRight: function() {
-        return t;
+        return a;
     },
     disabled: function() {
-        return i;
+        return t;
     },
     dualActionContainer: function() {
-        return e;
+        return d;
     },
     dualActionDivider: function() {
-        return o;
+        return e;
     },
     dualActionLeft: function() {
-        return d;
+        return i;
     },
     dualActionRight: function() {
-        return g;
+        return o;
     },
     hoverBackground: function() {
-        return u;
+        return c;
     },
     pointer: function() {
-        return b;
+        return g;
     },
     right: function() {
-        return l;
+        return u;
     },
     rightRestrictedWidth: function() {
-        return j;
+        return h;
     },
     rowBody: function() {
-        return c;
+        return j;
     },
     rowContent: function() {
-        return h;
+        return l;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./list.css.ts.vanilla.css-mistica.js");
-var _ = "_1y2v1nf64 _1y2v1nf6m _1y2v1nf6o", y = "_1y2v1nf6d _1y2v1nf9i _1y2v1nf8w _1y2v1nf6m", f = "_1y2v1nf64 _1y2v1nf6j", a = "_1y2v1nf64 _1y2v1nf8f _1y2v1nfa5", r = "_2buj9ge", t = "_2buj9gd", i = "_2buj9g0", e = "_1y2v1nf64 _1y2v1nf69 _1y2v1nf8w", o = "_2buj9gl _1y2v1nf64", d = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nfaa _1y2v1nf5y _1y2v1nf7q _1y2v1nf85 _1y2v1nf66 _1y2v1nf6p", g = "_2buj9gn _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nfaa _1y2v1nf5y _1y2v1nf7q _1y2v1nf85 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6o _1y2v1nf8g _1y2v1nf8w", u = "_2buj9g1", b = "_1y2v1nfar", l = "_2buj9gb", j = "_2buj9gc", c = "_1y2v1nf64 _1y2v1nf6a _1y2v1nf6q", h = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf8f _1y2v1nfaa _1y2v1nf5y _1y2v1nf66 _1y2v1nf8w";
+var _ = "_1y2v1nfb4 _1y2v1nfbm _1y2v1nfbo", y = "_1y2v1nfbd _1y2v1nfcu _1y2v1nfc8 _1y2v1nfbm", f = "_1y2v1nfb4 _1y2v1nfbj", b = "_1y2v1nfb4 _1y2v1nfbr _1y2v1nfdh", r = "_2buj9ge", a = "_2buj9gd", t = "_2buj9g0", d = "_1y2v1nfb4 _1y2v1nfb9 _1y2v1nfc8", e = "_2buj9gl _1y2v1nfb4", i = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfdm _1y2v1nf5y _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfbp", o = "_2buj9gn _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfdm _1y2v1nf5y _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbo _1y2v1nfbs _1y2v1nfc8", c = "_2buj9g1", g = "_1y2v1nfe3", u = "_2buj9gb", h = "_2buj9gc", j = "_1y2v1nfb4 _1y2v1nfba _1y2v1nfbq", l = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfbr _1y2v1nfdm _1y2v1nf5y _1y2v1nfb6 _1y2v1nfc8";

package/dist/list.js

@@ -175,7 +175,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         children: e
     }) : e, be = (param)=>{
     let { withChevron: e , headline: r , title: i , titleLinesMax: a , subtitle: s , subtitleLinesMax: b , description: l , descriptionLinesMax: B , detail: c , asset: T , type: f = "basic" , badge: I , right: S , extra: V , labelId: h , disabled: g  } = param;
-    const u = (0, _themevariantcontext.useIsInverseVariant)(), n = [
+    const m = (0, _themevariantcontext.useIsInverseVariant)(), n = [
         r,
         i,
         s,
@@ -291,7 +291,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                             [_listcssmistica.disabled]: g
                         }),
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
-                            color: u ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
+                            color: m ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
                             direction: "right"
                         })
                     })
@@ -312,7 +312,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         l
     ];
 }, we = (e)=>e.switch !== void 0, ye = (e)=>e.checkbox !== void 0, Re = (e)=>e.radioValue !== void 0, _ = /*#__PURE__*/ _react.forwardRef((e, r)=>{
-    const i = (0, _hooks.useAriaId)(), a = (0, _themevariantcontext.useIsInverseVariant)(), { asset: s , headline: b , title: l , titleLinesMax: B , subtitle: c , subtitleLinesMax: T , description: f , descriptionLinesMax: I , detail: S , badge: V , role: h , extra: g , dataAttributes: u  } = e, O = (0, _radiobutton.useRadioContext)(), n = e.disabled || e.radioValue !== void 0 && O.disabled, [E, F] = xe(e.switch || e.checkbox || {}), x = (param)=>/* @__PURE__ */ {
+    const i = (0, _hooks.useAriaId)(), a = (0, _themevariantcontext.useIsInverseVariant)(), { asset: s , headline: b , title: l , titleLinesMax: B , subtitle: c , subtitleLinesMax: T , description: f , descriptionLinesMax: I , detail: S , badge: V , role: h , extra: g , dataAttributes: m  } = e, O = (0, _radiobutton.useRadioContext)(), n = e.disabled || e.radioValue !== void 0 && O.disabled, [E, F] = xe(e.switch || e.checkbox || {}), x = (param)=>/* @__PURE__ */ {
         let { type: d , right: v , labelId: X  } = param;
         return (0, _jsxruntime.jsx)(be, {
             asset: s,
@@ -352,7 +352,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         trackingEvent: e.trackingEvent,
         onPress: e.onPress,
         role: h,
-        dataAttributes: u,
+        dataAttributes: m,
         disabled: n,
         children: M(e)
     });
@@ -365,7 +365,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView,
         role: h,
-        dataAttributes: u,
+        dataAttributes: m,
         disabled: n,
         children: M(e)
     });
@@ -378,7 +378,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         href: e.href,
         newTab: e.newTab,
         role: h,
-        dataAttributes: u,
+        dataAttributes: m,
         disabled: n,
         children: M(e)
     });
@@ -390,7 +390,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             className: _listcssmistica.dualActionContainer,
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                    dataAttributes: u,
+                    dataAttributes: m,
                     disabled: n,
                     onPress: e.onPress,
                     role: h,
@@ -427,7 +427,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             }),
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(d, {
                 disabled: n,
-                dataAttributes: u,
+                dataAttributes: m,
                 name: v,
                 checked: E,
                 onChange: F,
@@ -468,7 +468,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                 className: _listcssmistica.dualActionDivider
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
-                dataAttributes: u,
+                dataAttributes: m,
                 value: e.radioValue,
                 "aria-labelledby": i,
                 render: (param)=>/* @__PURE__ */ {
@@ -491,7 +491,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         role: h,
         ref: r,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
-            dataAttributes: u,
+            dataAttributes: m,
             value: e.radioValue,
             "aria-labelledby": i,
             render: (param)=>/* @__PURE__ */ {
@@ -513,6 +513,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         paddingX: 16,
         className: _listcssmistica.rowContent,
         role: h,
+        dataAttributes: m,
         children: e.right ? x({
             type: "custom",
             right: e.right

package/dist/loading-bar.css-mistica.js

@@ -10,19 +10,19 @@ function _export(target, all) {
 }
 _export(exports, {
     TRANSITION_DURATION_MS: function() {
-        return r;
+        return v;
     },
     enter: function() {
         return _;
     },
     enterActive: function() {
-        return f;
+        return e;
     },
     exit: function() {
-        return a;
+        return f;
     },
     exitActive: function() {
-        return e;
+        return a;
     },
     innerProgress: function() {
         return y;
@@ -39,4 +39,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./loading-bar.css.ts.vanilla.css-mistica.js");
-var r = 400, _ = "_1num3qg9", f = "_1num3qga", a = "_1num3qgb", e = "_1num3qgc", y = "_1num3qg8 _1y2v1nf8w", t = "_1num3qg3 _1y2v1nf61 _1y2v1nfau _1y2v1nfb9 _1y2v1nfbo", g = "_1num3qg6 _1y2v1nf60 _1y2v1nf8w _1y2v1nf8f", m = "_1y2v1nf8f _1y2v1nfas _1y2v1nf5z _1y2v1nf48 _1y2v1nf8z";
+var v = 400, _ = "_1num3qg9", e = "_1num3qga", f = "_1num3qgb", a = "_1num3qgc", y = "_1num3qg8 _1y2v1nfc8", t = "_1num3qg3 _1y2v1nfb1 _1y2v1nfe6 _1y2v1nfel _1y2v1nff0", g = "_1num3qg6 _1y2v1nfb0 _1y2v1nfc8 _1y2v1nfbr", m = "_1y2v1nfbr _1y2v1nfe4 _1y2v1nfaz _1y2v1nf48 _1y2v1nfcb";

package/dist/maybe-dismissable.css-mistica.js

@@ -21,4 +21,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./maybe-dismissable.css.ts.vanilla.css-mistica.js");
-var f = "cim30m2 _1y2v1nf60 _1y2v1nfau _1y2v1nfbo _1y2v1nf8r _1y2v1nf97 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d", y = "cim30m4 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nf8o _1y2v1nf94 _1y2v1nfab", _ = "_1y2v1nf5z _1y2v1nf64 _1y2v1nf6m";
+var f = "cim30m2 _1y2v1nfb0 _1y2v1nfe6 _1y2v1nff0 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd", y = "cim30m4 _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfc0 _1y2v1nfcg _1y2v1nfdn", _ = "_1y2v1nfaz _1y2v1nfb4 _1y2v1nfbm";

package/dist/menu.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     hideItems: function() {
-        return k;
+        return r;
     },
     menuContainer: function() {
         return _;
@@ -24,7 +24,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./menu.css.ts.vanilla.css-mistica.js");
-var k = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf31 _1y2v1nfaj _1y2v1nf64 _1y2v1nf6a _1y2v1nf60", a = "_2k0k3u8", n = {
+var r = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nf31 _1y2v1nfdv _1y2v1nfb4 _1y2v1nfba _1y2v1nfb0", a = "_2k0k3u8", n = {
     top: "var(--_2k0k3u0)",
     bottom: "var(--_2k0k3u1)",
     left: "var(--_2k0k3u2)",