@telefonica/mistica 14.36.1 → 14.38.0

package/dist/card.css-mistica.js

@@ -13,7 +13,7 @@ _export(exports, {
         return n;
     },
     boxed: function() {
-        return _;
+        return a;
     },
     cardAction: function() {
         return y;
@@ -22,74 +22,74 @@ _export(exports, {
         return f;
     },
     cardActionInverse: function() {
-        return e;
+        return r;
     },
     cardActionMedia: function() {
-        return r;
+        return e;
     },
     cardContainer: function() {
-        return b;
+        return g;
     },
     circularMediaOverlay: function() {
-        return d;
+        return s;
     },
     dataCard: function() {
-        return s;
+        return d;
     },
     displayCardBackground: function() {
-        return c;
+        return t;
     },
     displayCardContainer: function() {
-        return t;
+        return o;
     },
     displayCardContent: function() {
         return i;
     },
     displayCardGradient: function() {
-        return o;
+        return h;
     },
     mediaCard: function() {
-        return C;
+        return c;
     },
     mediaCardContent: function() {
-        return l;
+        return C;
     },
     mediaCardIcon: function() {
-        return p;
+        return l;
     },
     nakedCardContent: function() {
-        return u;
+        return p;
     },
     snapCard: function() {
         return m;
     },
     touchable: function() {
-        return x;
+        return u;
     },
     touchableCardOverlay: function() {
-        return g;
+        return b;
     },
     touchableCardOverlayInverse: function() {
-        return h;
+        return k;
     },
     touchableCardOverlayMedia: function() {
-        return w;
+        return O;
     },
     touchableContainer: function() {
-        return O;
+        return M;
     },
     touchableMediaCardOverlay: function() {
-        return M;
+        return x;
     },
     touchableNakedMediaOverlay: function() {
-        return j;
+        return z;
     },
     vars: function() {
-        return k;
+        return A;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./card.css.ts.vanilla.css-mistica.js");
-var n = "_15e54s91 _1y2v1nfba _1y2v1nfbw _1y2v1nfbq", _ = "_15e54s93 _1y2v1nfba _1y2v1nfb4", y = "_15e54s9v _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", f = "_1y2v1nfba _1y2v1nfc9 _1y2v1nfcp _1y2v1nfbp _1y2v1nfbj", e = "_15e54s9w _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", r = "_15e54s9x _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", b = "_15e54s9z", d = "_15e54s98", s = "_15e54s9k _1y2v1nf90 _1y2v1nfa9 _1y2v1nf6o _1y2v1nf7x _1y2v1nfba _1y2v1nfbw _1y2v1nfb4 _1y2v1nfbg _1y2v1nfbx", c = "_15e54s9r", t = "_1y2v1nfbx _1y2v1nfce _1y2v1nfba _1y2v1nfb4", i = "_15e54s9q", o = "_15e54s9s", C = "_1y2v1nfba _1y2v1nfbg _1y2v1nfce _1y2v1nfbx _1y2v1nfbw", l = "_15e54s9f _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfbw _1y2v1nfb4 _1y2v1nf6i _1y2v1nf7x _1y2v1nfbg _1y2v1nfbm", p = "_15e54s9g", u = "_15e54s9i _1y2v1nfba _1y2v1nfbw _1y2v1nfb4 _1y2v1nfbg _1y2v1nfbm _1y2v1nf6i", m = "_15e54s9m _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfb4 _1y2v1nfce _1y2v1nfbg _1y2v1nfbm _1y2v1nfbx _1y2v1nfbw", x = "_15e54s95", g = "_15e54s9a _15e54s96", h = "_15e54s9b _15e54s96", w = "_15e54s9c _15e54s96", O = "_15e54s94", M = "_15e54s97 _15e54s96", j = "_15e54s99 _15e54s96", k = {
+var n = "_15e54s91 _1y2v1nfgg _1y2v1nfh2 _1y2v1nfgw", a = "_15e54s93 _1y2v1nfgg _1y2v1nfga", y = "_15e54s9v _1y2v1nfhd _1y2v1nfht _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz", f = "_1y2v1nfgg _1y2v1nfhf _1y2v1nfhv _1y2v1nfgv _1y2v1nfgp", r = "_15e54s9w _1y2v1nfhd _1y2v1nfht _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz", e = "_15e54s9x _1y2v1nfhd _1y2v1nfht _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz", g = "_15e54s9z", s = "_15e54s98", d = "_15e54s9k _1y2v1nf96 _1y2v1nfaf _1y2v1nf6u _1y2v1nf83 _1y2v1nfgg _1y2v1nfh2 _1y2v1nfga _1y2v1nfgm _1y2v1nfh3", t = "_15e54s9r", o = "_1y2v1nfh3 _1y2v1nfhk _1y2v1nfgg _1y2v1nfga", i = "_15e54s9q", h = "_15e54s9s", c = "_1y2v1nfgg _1y2v1nfgm _1y2v1nfhk _1y2v1nfh3 _1y2v1nfh2", C = "_15e54s9f _1y2v1nf96 _1y2v1nfaf _1y2v1nfgg _1y2v1nfh2 _1y2v1nfga _1y2v1nf6o _1y2v1nf83 _1y2v1nfgm _1y2v1nfgs", l = "_15e54s9g", p = "_15e54s9i _1y2v1nfgg _1y2v1nfh2 _1y2v1nfga _1y2v1nfgm _1y2v1nfgs _1y2v1nf6o", m = "_15e54s9m _1y2v1nf6o _1y2v1nf7x _1y2v1nf96 _1y2v1nfaf _1y2v1nfgg _1y2v1nfga _1y2v1nfhk _1y2v1nfgm _1y2v1nfgs _1y2v1nfh3 _1y2v1nfh2", u = "_15e54s95", b = "_15e54s9a _15e54s96", k = "_15e54s9b _15e54s96", O = "_15e54s9c _15e54s96", M = "_15e54s94", x = "_15e54s97 _15e54s96", z = "_15e54s99 _15e54s96", A = {
     aspectRatio: "var(--_15e54s9y)"
 };

package/dist/card.js

@@ -265,15 +265,15 @@ const Be = (r, a)=>{
         "9:10": 9 / 10,
         auto: 0
     })[r] : 0, F = /*#__PURE__*/ _react.forwardRef((param, l)=>{
-    let { children: r, width: a = "100%", height: n = "100%", aspectRatio: t, dataAttributes: c, className: d, "aria-label": s } = param;
-    const p = rr(t);
+    let { children: r, width: a, height: n, aspectRatio: t, dataAttributes: c, className: d, "aria-label": s } = param;
+    const p = a && n ? void 0 : rr(t);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("section", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(c)), {
         ref: l,
         "aria-label": s,
         className: (0, _classnames.default)(d, _cardcssmistica.cardContainer),
         style: _object_spread({
-            width: a,
-            height: n
+            width: a || "100%",
+            height: n || "100%"
         }, p ? (0, _css.applyCssVars)({
             [_cardcssmistica.vars.aspectRatio]: String(p)
         }) : {}),
@@ -1092,9 +1092,9 @@ const Be = (r, a)=>{
     return (0, _jsxruntime.jsx)(Re, _object_spread_props(_object_spread({}, a), {
         ref: n,
         isInverse: !0,
-        dataAttributes: _object_spread_props(_object_spread({}, r), {
+        dataAttributes: _object_spread({
             "component-name": "DisplayMediaCard"
-        })
+        }, r)
     }));
 }), Xr = /*#__PURE__*/ _react.forwardRef((_param, n)=>/* @__PURE__ */ {
     var { dataAttributes: r } = _param, a = _object_without_properties(_param, [
@@ -1102,9 +1102,9 @@ const Be = (r, a)=>{
     ]);
     return (0, _jsxruntime.jsx)(Re, _object_spread_props(_object_spread({}, a), {
         ref: n,
-        dataAttributes: _object_spread_props(_object_spread({}, r), {
+        dataAttributes: _object_spread({
             "component-name": "DisplayDataCard"
-        })
+        }, r)
     }));
 }), jr = /*#__PURE__*/ _react.forwardRef((_param, P)=>{
     var { dataAttributes: r, backgroundImage: a, backgroundVideo: n, poster: t, backgroundVideoRef: c, width: d, height: s, aspectRatio: l = "7:10", ariaLabel: p, actions: m, onClose: o, icon: h, headline: f, pretitle: y, pretitleLinesMax: I, title: T, titleLinesMax: N, description: b, descriptionLinesMax: v, variant: M, isInverse: R, backgroundColor: D } = _param, O = _object_without_properties(_param, [
@@ -1143,9 +1143,9 @@ const Be = (r, a)=>{
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(F, {
         width: d,
         height: s,
-        dataAttributes: _object_spread_props(_object_spread({}, r), {
+        dataAttributes: _object_spread({
             "component-name": "PosterCard"
-        }),
+        }, r),
         ref: P,
         aspectRatio: l,
         "aria-label": p,

package/dist/carousel.css-mistica.js

@@ -13,65 +13,65 @@ _export(exports, {
         return f;
     },
     bulletActive: function() {
-        return b;
+        return y;
     },
     bulletActiveInverse: function() {
-        return y;
+        return r;
     },
     bulletInverse: function() {
-        return r;
+        return e;
     },
     carousel: function() {
-        return c;
+        return u;
     },
     carouselBullets: function() {
-        return e;
+        return b;
     },
     carouselContainer: function() {
-        return u;
+        return c;
     },
     carouselItem: function() {
-        return t;
+        return g;
     },
     carouselNextArrowButton: function() {
         return o;
     },
     carouselPrevArrowButton: function() {
-        return s;
+        return i;
     },
     carouselWithScroll: function() {
-        return l;
+        return t;
     },
     centeredCarousel: function() {
-        return i;
+        return l;
     },
     slideshow: function() {
-        return d;
+        return s;
     },
     slideshowBullets: function() {
-        return p;
+        return h;
     },
     slideshowContainer: function() {
-        return m;
+        return p;
     },
     slideshowItem: function() {
-        return w;
+        return d;
     },
     slideshowNextArrowButton: function() {
-        return P;
+        return m;
     },
     slideshowPrevArrowButton: function() {
-        return h;
+        return w;
     },
     vars: function() {
-        return j;
+        return P;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./responsive-layout.css.ts.vanilla.css-mistica.js");
 require("./grid-layout.css.ts.vanilla.css-mistica.js");
 require("./carousel.css.ts.vanilla.css-mistica.js");
-var f = "_1abcu71 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdt _1y2v1nf46", b = "_1abcu72 _1abcu71 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdt _1y2v1nf47", y = "_1abcu72 _1abcu71 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdt _1y2v1nf4o", r = "_1abcu75 _1abcu71 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdt", c = "_1abcu7m _1abcu7b _1y2v1nfba _1y2v1nfcu", e = "_1y2v1nfba _1y2v1nfbj", u = "_1y2v1nfb3 _1y2v1nfd7 _1y2v1nfb4", t = "_1abcu7p", o = "_1abcu7t _1abcu7r _1abcu7d _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt _1y2v1nf33 _1y2v1nfc8 _1y2v1nfco _1y2v1nfdr _1y2v1nfb5", s = "_1abcu7s _1abcu7r _1abcu7d _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt _1y2v1nf33 _1y2v1nfc8 _1y2v1nfco _1y2v1nfdr _1y2v1nfb5", l = "_1abcu7n", i = "_1abcu7o", d = "_1abcu7w _1abcu7b _1y2v1nfba _1y2v1nfcu", p = "_1abcu714 _1y2v1nfb5 _1y2v1nffx _1y2v1nfba _1y2v1nfbj _1y2v1nfbx", m = "_1y2v1nfb4", w = "_1abcu7y _1y2v1nfbx _1y2v1nfbs", P = "_1abcu712 _1abcu7r _1abcu7d _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt _1y2v1nf33 _1y2v1nfc8 _1y2v1nfco _1y2v1nfdr _1y2v1nfb5 _1y2v1nffi", h = "_1abcu710 _1abcu7r _1abcu7d _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt _1y2v1nf33 _1y2v1nfc8 _1y2v1nfco _1y2v1nfdr _1y2v1nfb5 _1y2v1nff3", j = {
+var f = "_1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz _1y2v1nf4c", y = "_1abcu72 _1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz _1y2v1nf4d", r = "_1abcu72 _1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz _1y2v1nf4u", e = "_1abcu75 _1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz", u = "_1abcu7m _1abcu7b _1y2v1nfgg _1y2v1nfi0", b = "_1y2v1nfgg _1y2v1nfgp", c = "_1y2v1nfg9 _1y2v1nfid _1y2v1nfga", g = "_1abcu7p", o = "_1abcu7t _1abcu7r _1abcu7d _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb", i = "_1abcu7s _1abcu7r _1abcu7d _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb", t = "_1abcu7n", l = "_1abcu7o", s = "_1abcu7w _1abcu7b _1y2v1nfgg _1y2v1nfi0", h = "_1abcu714 _1y2v1nfgb _1y2v1nfl3 _1y2v1nfgg _1y2v1nfgp _1y2v1nfh3", p = "_1y2v1nfga", d = "_1abcu7y _1y2v1nfh3 _1y2v1nfgy", m = "_1abcu712 _1abcu7r _1abcu7d _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb _1y2v1nfko", w = "_1abcu710 _1abcu7r _1abcu7d _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb _1y2v1nfk9", P = {
     itemsPerPageMobile: "var(--_1abcu7g)",
     itemsPerPageTablet: "var(--_1abcu7h)",
     itemsPerPageDesktop: "var(--_1abcu7i)",

package/dist/checkbox.css-mistica.js

@@ -10,28 +10,28 @@ function _export(target, all) {
 }
 _export(exports, {
     boxVariant: function() {
-        return v;
+        return n;
     },
     check: function() {
-        return n;
+        return r;
     },
     checkChecked: function() {
-        return r;
+        return y;
     },
     checkboxContainer: function() {
         return f;
     },
     checkboxContainerDisabled: function() {
-        return y;
+        return b;
     },
     disabled: function() {
-        return e;
+        return a;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./checkbox.css.ts.vanilla.css-mistica.js");
-var v = {
-    ios: "_1rz9b16 _1rz9b15 _1y2v1nfbb _1y2v1nfbj _1y2v1nfbp _1y2v1nfbs _1y2v1nfe4 _1y2v1nf32",
-    rest: "_1rz9b17 _1rz9b15 _1y2v1nfbb _1y2v1nfbj _1y2v1nfbp _1y2v1nfbs _1y2v1nfe4 _1y2v1nf32",
-    checked: "_1rz9b18 _1rz9b15 _1y2v1nfbb _1y2v1nfbj _1y2v1nfbp _1y2v1nfbs _1y2v1nfe4 _1y2v1nf32"
-}, n = "_1rz9b1a _1y2v1nfbc", r = "_1rz9b1b", f = "_1rz9b12 _1rz9b11 _1y2v1nfbd", y = "_1rz9b13 _1rz9b11 _1y2v1nfbd", e = "_1rz9b1c";
+var n = {
+    ios: "_1rz9b16 _1rz9b15 _1y2v1nfgh _1y2v1nfgp _1y2v1nfgv _1y2v1nfgy _1y2v1nfja _1y2v1nf35",
+    rest: "_1rz9b17 _1rz9b15 _1y2v1nfgh _1y2v1nfgp _1y2v1nfgv _1y2v1nfgy _1y2v1nfja _1y2v1nf35",
+    checked: "_1rz9b18 _1rz9b15 _1y2v1nfgh _1y2v1nfgp _1y2v1nfgv _1y2v1nfgy _1y2v1nfja _1y2v1nf35"
+}, r = "_1rz9b1a _1y2v1nfgi", y = "_1rz9b1b", f = "_1rz9b12 _1rz9b11 _1y2v1nfgj", b = "_1rz9b13 _1rz9b11 _1y2v1nfgj", a = "_1rz9b1c";

package/dist/chip.css-mistica.js

@@ -16,10 +16,10 @@ _export(exports, {
         return t;
     },
     chipVariants: function() {
-        return y;
+        return f;
     },
     icon: function() {
-        return f;
+        return y;
     },
     iconActive: function() {
         return _;
@@ -27,11 +27,11 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./chip.css.ts.vanilla.css-mistica.js");
-var c = "_1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfds _1y2v1nf62", t = {
+var c = "_1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfiy _1y2v1nf68", t = {
     light: "cc7htnb cc7htn9",
     dark: "cc7htnc cc7htn9"
-}, y = {
-    default: "cc7htn1 _1y2v1nfbb _1y2v1nfbj _1y2v1nfbp _1y2v1nfdr _1y2v1nf33 _1y2v1nf1y",
-    overAlternative: "cc7htn1 _1y2v1nfbb _1y2v1nfbj _1y2v1nfbp _1y2v1nfdr _1y2v1nf3a _1y2v1nf1y",
-    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nfbb _1y2v1nfbj _1y2v1nfbp _1y2v1nfdr _1y2v1nf16 _1y2v1nf5o"
-}, f = "cc7htnd", _ = "cc7htne";
+}, f = {
+    default: "cc7htn1 _1y2v1nfgh _1y2v1nfgp _1y2v1nfgv _1y2v1nfix _1y2v1nf36 _1y2v1nf21",
+    overAlternative: "cc7htn1 _1y2v1nfgh _1y2v1nfgp _1y2v1nfgv _1y2v1nfix _1y2v1nf3d _1y2v1nf21",
+    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nfgh _1y2v1nfgp _1y2v1nfgv _1y2v1nfix _1y2v1nf19 _1y2v1nf5u"
+}, y = "cc7htnd", _ = "cc7htne";

package/dist/chip.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return re;
+        return it;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -80,26 +80,26 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const F = (e)=>{
-    const { Icon: c, children: P, id: k, dataAttributes: l, active: s, badge: r, onClose: d } = e, { texts: T, isDarkMode: A, textPresets: I } = (0, _hooks.useTheme)(), m = (0, _themevariantcontext.useThemeVariant)() === "alternative", { isTabletOrSmaller: a } = (0, _hooks.useScreenSize)(), f = c ? a ? 16 : 8 : a ? 20 : 12, R = a ? 20 : 12, b = a ? 16 : 8, w = ()=>r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+const q = (t)=>{
+    const { Icon: s, children: P, id: k, dataAttributes: l, active: d, badge: r, onClose: m } = t, { texts: T, isDarkMode: I, textPresets: R } = (0, _hooks.useTheme)(), u = (0, _themevariantcontext.useThemeVariant)() === "alternative", { isTabletOrSmaller: a } = (0, _hooks.useScreenSize)(), h = s ? a ? 16 : 8 : a ? 20 : 12, w = a ? 20 : 12, b = a ? 16 : 8, B = ()=>r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
             children: r === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
                 value: r
             })
-        }) : null, h = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        }) : null, f = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingRight: 4,
-                className: s ? _chipcssmistica.iconActive : _chipcssmistica.icon,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
+                className: d ? _chipcssmistica.iconActive : _chipcssmistica.icon,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(s, {
                     color: "currentColor",
                     size: (0, _css.pxToRem)(16)
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                paddingRight: r ? 8 : d ? 4 : 0,
+                paddingRight: r ? 8 : m ? 4 : 0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                     id: k,
-                    weight: I.indicator.weight,
+                    weight: R.indicator.weight,
                     truncate: 1,
                     color: "currentColor",
                     children: P
@@ -108,22 +108,22 @@ const F = (e)=>{
         ]
     });
     if (r) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, _object_spread_props(_object_spread({
-        className: m ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default,
-        paddingLeft: f,
+        className: u ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default,
+        paddingLeft: h,
         paddingRight: b
     }, (0, _dom.getPrefixedDataAttributes)(l, "Chip")), {
         children: [
-            h,
-            w()
+            f,
+            B()
         ]
     }));
-    if (d) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, _object_spread_props(_object_spread({
-        className: m ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default,
-        paddingLeft: f,
+    if (m) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, _object_spread_props(_object_spread({
+        className: u ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default,
+        paddingLeft: h,
         paddingRight: b
     }, (0, _dom.getPrefixedDataAttributes)(l, "Chip")), {
         children: [
-            h,
+            f,
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.default, {
                 size: 24,
                 style: {
@@ -132,7 +132,7 @@ const F = (e)=>{
                     alignItems: "center"
                 },
                 "aria-label": T.closeButtonLabel,
-                onPress: ()=>d(),
+                onPress: ()=>m(),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcloseregular.default, {
                     size: 16,
                     color: _skincontractcssmistica.vars.colors.neutralMedium
@@ -140,29 +140,34 @@ const F = (e)=>{
             })
         ]
     }));
-    const B = s !== void 0 || e.href || e.onPress || e.to, o = ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, _object_spread_props(_object_spread({
-            className: (0, _classnames.default)(_chipcssmistica.chipVariants[s ? "active" : m ? "overAlternative" : "default"], {
-                [_chipcssmistica.chipInteractiveVariants[A ? "dark" : "light"]]: B
+    const E = d !== void 0 || t.href || t.onPress || t.to, o = _object_spread({
+        "component-name": "Chip"
+    }, l), c = (p)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            className: (0, _classnames.default)(_chipcssmistica.chipVariants[d ? "active" : u ? "overAlternative" : "default"], {
+                [_chipcssmistica.chipInteractiveVariants[I ? "dark" : "light"]]: E
             }),
-            paddingLeft: f,
-            paddingRight: R
-        }, (0, _dom.getPrefixedDataAttributes)(l, "Chip")), {
-            children: h
-        }));
-    return e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
+            paddingLeft: h,
+            paddingRight: w,
+            dataAttributes: p,
+            children: f
+        });
+    return t.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
         className: _chipcssmistica.button,
-        trackingEvent: e.trackingEvent,
-        onPress: e.onPress,
-        children: o()
-    }) : e.to ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-        trackingEvent: e.trackingEvent,
-        to: e.to,
-        fullPageOnWebView: e.fullPageOnWebView,
-        children: o()
-    }) : e.href ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-        trackingEvent: e.trackingEvent,
-        href: e.href,
-        newTab: e.newTab,
-        children: o()
-    }) : o();
-}, re = F;
+        trackingEvent: t.trackingEvent,
+        onPress: t.onPress,
+        dataAttributes: o,
+        children: c()
+    }) : t.to ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
+        trackingEvent: t.trackingEvent,
+        to: t.to,
+        fullPageOnWebView: t.fullPageOnWebView,
+        dataAttributes: o,
+        children: c()
+    }) : t.href ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
+        trackingEvent: t.trackingEvent,
+        href: t.href,
+        newTab: t.newTab,
+        dataAttributes: o,
+        children: c()
+    }) : c(o);
+}, it = q;

package/dist/circle.css-mistica.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "circle", {
     enumerable: true,
     get: function() {
-        return r;
+        return y;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./circle.css.ts.vanilla.css-mistica.js");
-var r = "_1wpwyyp1 _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt";
+var y = "_1wpwyyp1 _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz";

package/dist/community/advanced-data-card.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     actions: function() {
-        return a;
+        return v;
     },
     actionsVariants: function() {
         return _;
@@ -19,7 +19,7 @@ _export(exports, {
         return n;
     },
     button: function() {
-        return v;
+        return a;
     },
     buttonMobile: function() {
         return t;
@@ -28,45 +28,45 @@ _export(exports, {
         return u;
     },
     dataCard: function() {
-        return x;
+        return y;
     },
     divider: function() {
-        return y;
+        return i;
     },
     footerDirection: function() {
-        return o;
+        return x;
     },
     footerText: function() {
-        return b;
+        return o;
     },
     marginRightAuto: function() {
-        return i;
+        return e;
     },
     marginRightButton: function() {
-        return e;
+        return g;
     },
     minHeight: function() {
         return d;
     },
     paddingX: function() {
-        return c;
+        return h;
     },
     touchableArea: function() {
         return l;
     },
     touchableCardOverlay: function() {
-        return g;
+        return b;
     },
     touchableContainer: function() {
         return m;
     },
     zindex: function() {
-        return h;
+        return c;
     }
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("./advanced-data-card.css.ts.vanilla.css-mistica.js");
-var a = "_1x00fru3 _1x00fru1 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfbw _1y2v1nfbm _1y2v1nf7x", _ = {
+var v = "_1x00fru3 _1x00fru1 _1y2v1nf96 _1y2v1nfaf _1y2v1nfgg _1y2v1nfh2 _1y2v1nfgs _1y2v1nf83", _ = {
     default: "_1x00fruk",
     mobile: "_1x00frul"
-}, n = "_1x00frur", v = "_1x00frun", t = "_1x00fruo _1x00frun", u = "_1x00fru9 _1x00fru1 _1y2v1nf90 _1y2v1nfa9 _1y2v1nf6c _1y2v1nf7x", x = "_1x00frud _1y2v1nfb4 _1y2v1nfba _1y2v1nfbw _1y2v1nfbg _1y2v1nfbx _1y2v1nfce _1x00frub", y = "_1x00frui", o = "_1x00fruq _1y2v1nfba _1y2v1nfbf", b = "_1y2v1nfba _1y2v1nfbw _1y2v1nfbp _1y2v1nfdj", i = "_1x00frum", e = "_1y2v1nffg", d = "_1x00frub", c = "_1x00fru1 _1y2v1nf90 _1y2v1nfa9", l = "_1x00fru4", g = "_1x00fru7", m = "_1x00fru5", h = "_1x00frua";
+}, n = "_1x00frur", a = "_1x00frun", t = "_1x00fruo _1x00frun", u = "_1x00fru9 _1x00fru1 _1y2v1nf96 _1y2v1nfaf _1y2v1nf6i _1y2v1nf83", y = "_1x00frud _1y2v1nfga _1y2v1nfgg _1y2v1nfh2 _1y2v1nfgm _1y2v1nfh3 _1y2v1nfhk _1x00frub", i = "_1x00frui", x = "_1x00fruq _1y2v1nfgg _1y2v1nfgl", o = "_1y2v1nfgg _1y2v1nfh2 _1y2v1nfgv _1y2v1nfip", e = "_1x00frum", g = "_1y2v1nfkm", d = "_1x00frub", h = "_1x00fru1 _1y2v1nf96 _1y2v1nfaf", l = "_1x00fru4", b = "_1x00fru7", m = "_1x00fru5", c = "_1x00frua";

package/dist/community/blocks.css-mistica.js

@@ -18,4 +18,4 @@ _export(exports, {
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("./blocks.css.ts.vanilla.css-mistica.js");
-var t = "_1y2v1nfba _1y2v1nfbg", o = "llrsen1";
+var t = "_1y2v1nfgg _1y2v1nfgm", o = "llrsen1";

package/dist/counter.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     button: function() {
-        return s;
+        return v;
     },
     buttonBackground: function() {
-        return v;
+        return s;
     },
     buttonContainer: function() {
         return a;
@@ -25,19 +25,19 @@ _export(exports, {
         return f;
     },
     defaultButtonIcon: function() {
-        return o;
+        return y;
     },
     disabled: function() {
-        return y;
+        return i;
     },
     hasTrashIcon: function() {
         return _;
     },
     isButtonDisabled: function() {
-        return i;
+        return o;
     },
     trashButtonIcon: function() {
-        return b;
+        return j;
     },
     valueContainer: function() {
         return e;
@@ -45,4 +45,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./counter.css.ts.vanilla.css-mistica.js");
-var s = "rijsns8 _1y2v1nf62 _1y2v1nfds _1y2v1nfb5 _1y2v1nfc8 _1y2v1nfco", v = "rijsnse _1y2v1nfc7 _1y2v1nfcn _1y2v1nfb5 _1y2v1nfdz _1y2v1nf5o", a = "rijsns6", t = "rijsns3 _1y2v1nfdz _1y2v1nf33 _1y2v1nfbb _1y2v1nfeb", f = "rijsnsc rijsnsa _1y2v1nfb5", o = "rijsnsa _1y2v1nfb5", y = "rijsns4", _ = "rijsns0", i = "rijsns1", b = "rijsnsb rijsnsa _1y2v1nfb5", e = "_1y2v1nfb4 _1y2v1nfba _1y2v1nfbj";
+var v = "rijsns8 _1y2v1nf68 _1y2v1nfiy _1y2v1nfgb _1y2v1nfhe _1y2v1nfhu", s = "rijsnse _1y2v1nfhd _1y2v1nfht _1y2v1nfgb _1y2v1nfj5 _1y2v1nf5u", a = "rijsns6", t = "rijsns3 _1y2v1nfj5 _1y2v1nf36 _1y2v1nfgh _1y2v1nfjh", f = "rijsnsc rijsnsa _1y2v1nfgb", y = "rijsnsa _1y2v1nfgb", i = "rijsns4", _ = "rijsns0", o = "rijsns1", j = "rijsnsb rijsnsa _1y2v1nfgb", e = "_1y2v1nfga _1y2v1nfgg _1y2v1nfgp";

package/dist/credit-card-number-field.css-mistica.js

@@ -24,7 +24,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./credit-card-number-field.css.ts.vanilla.css-mistica.js");
-var a = "yvyo3q0", o = "yvyo3q2", r = "_1y2v1nfb5", f = {
-    default: "yvyo3q4 _1y2v1nfb4 yvyo3q5",
-    backface: "yvyo3q4 _1y2v1nfb4 yvyo3q6"
+var a = "yvyo3q0", o = "yvyo3q2", r = "_1y2v1nfgb", f = {
+    default: "yvyo3q4 _1y2v1nfga yvyo3q5",
+    backface: "yvyo3q4 _1y2v1nfga yvyo3q6"
 };