@telefonica/mistica 14.34.0 → 14.36.0

package/dist/carousel.css-mistica.js

@@ -52,16 +52,16 @@ _export(exports, {
         return p;
     },
     slideshowContainer: function() {
-        return w;
+        return m;
     },
     slideshowItem: function() {
-        return m;
+        return w;
     },
     slideshowNextArrowButton: function() {
-        return h;
+        return P;
     },
     slideshowPrevArrowButton: function() {
-        return P;
+        return h;
     },
     vars: function() {
         return j;
@@ -71,7 +71,7 @@ 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 _1y2v1nffw _1y2v1nfba _1y2v1nfbj _1y2v1nfbx", w = "_1y2v1nfb4", m = "_1abcu7y _1y2v1nfbx _1y2v1nfbs", h = "_1abcu712 _1abcu7r _1abcu7d _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt _1y2v1nf33 _1y2v1nfc8 _1y2v1nfco _1y2v1nfdr _1y2v1nfb5 _1y2v1nffh", P = "_1abcu710 _1abcu7r _1abcu7d _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt _1y2v1nf33 _1y2v1nfc8 _1y2v1nfco _1y2v1nfdr _1y2v1nfb5 _1y2v1nff2", j = {
+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 = {
     itemsPerPageMobile: "var(--_1abcu7g)",
     itemsPerPageTablet: "var(--_1abcu7h)",
     itemsPerPageDesktop: "var(--_1abcu7i)",

package/dist/carousel.js

@@ -20,7 +20,7 @@ _export(exports, {
         return et;
     },
     PageBullets: function() {
-        return ie;
+        return ae;
     },
     Slideshow: function() {
         return wt;
@@ -39,11 +39,11 @@ const _stack = /*#__PURE__*/ _interop_require_default(require("./stack.js"));
 const _touchable = require("./touchable.js");
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 const _themevariantcontext = require("./theme-variant-context.js");
-const _image = require("./image.js");
 const _dom = require("./utils/dom.js");
 const _platform = require("./utils/platform.js");
 const _documentvisibility = require("./utils/document-visibility.js");
 const _carouselcssmistica = require("./carousel.css-mistica.js");
+const _imagecssmistica = require("./image.css-mistica.js");
 const _sprinklescssmistica = require("./sprinkles.css-mistica.js");
 const _desktopcontainertypecontext = require("./desktop-container-type-context.js");
 const _constants = require("./skins/constants.js");
@@ -146,13 +146,13 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const ce = (e, r)=>{
+const ie = (e, r)=>{
     const t = (0, _documentvisibility.useDocumentVisibility)();
     return (0, _hooks.useIsInViewport)(r, !1) && t && !!e;
-}, ie = (param)=>{
+}, ae = (param)=>{
     let { currentIndex: e, numPages: r, onPress: t } = param;
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), { isDesktopOrBigger: f } = (0, _hooks.useScreenSize)(), m = (b)=>{
-        const d = b === e;
+    const o = (0, _themevariantcontext.useIsInverseVariant)(), { isDesktopOrBigger: f } = (0, _hooks.useScreenSize)(), m = (v)=>{
+        const d = v === e;
         return o ? d ? _carouselcssmistica.bulletActiveInverse : _carouselcssmistica.bulletInverse : d ? _carouselcssmistica.bulletActive : _carouselcssmistica.bullet;
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_inline.default, {
@@ -163,7 +163,7 @@ const ce = (e, r)=>{
         },
         children: Array.from({
             length: r
-        }, (b, d)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
+        }, (v, d)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
                 className: (0, _sprinklescssmistica.sprinkles)({
                     display: "block",
                     padding: 0,
@@ -177,7 +177,7 @@ const ce = (e, r)=>{
                 })
             }, d))
     });
-}, $ = (e, r, t)=>t ? typeof t == "number" ? t : t[e] || r[e] : r[e], Ze = (e, r)=>{
+}, Z = (e, r, t)=>t ? typeof t == "number" ? t : t[e] || r[e] : r[e], Xe = (e, r)=>{
     const t = {
         mobile: 1,
         tablet: 2,
@@ -188,14 +188,14 @@ const ce = (e, r)=>{
         }
     };
     if (!r) return _object_spread_props(_object_spread({}, t), {
-        desktop: $(e, t.desktop)
+        desktop: Z(e, t.desktop)
     });
     if (typeof r == "number") return {
         mobile: r,
         tablet: r,
         desktop: r
     };
-    const o = $(e, t.desktop, r.desktop);
+    const o = Z(e, t.desktop, r.desktop);
     return _object_spread_props(_object_spread({}, t, r), {
         desktop: o
     });
@@ -204,34 +204,34 @@ const ce = (e, r)=>{
     const t = Math.ceil(e.length / r), o = [];
     for(let f = 0; f < e.length; f += t)o.push(e[f]);
     return o[o.length - 1] = e[e.length - t], o;
-}, $e = (e, r)=>{
+}, Ze = (e, r)=>{
     const t = [];
     for(let o = 0; o < r.length; o++)o === 0 ? t.push(r[0]) : t.push((r[o] + r[o - 1]) / 2);
     for(let o = t.length - 1; o >= 0; o--)if (e - t[o] >= -1) return o;
     return 0;
-}, ae = 5e3, ue = (param)=>{
-    let { items: e, itemStyle: r, itemClassName: t, withBullets: o, renderBullets: f, initialActiveItem: m, itemsPerPage: b, itemsToScroll: d, mobilePageOffset: p, gap: N, free: R, centered: A, autoplay: v, onPageChange: P, dataAttributes: F } = param;
-    const { texts: T, platformOverrides: x, skinName: y } = (0, _hooks.useTheme)(), c = (0, _desktopcontainertypecontext.useDesktopContainerType)(), i = Ze(c || "large", b), { isDesktopOrBigger: w, isTablet: C } = (0, _hooks.useScreenSize)(), U = C ? i.tablet : i.mobile, I = Math.max(Math.floor(w ? i.desktop : U), 1), g = _react.useRef(null), S = Math.ceil(e.length / I), [{ scrollLeft: H, scrollRight: q }, de] = _react.useState({
+}, ue = 5e3, fe = (param)=>{
+    let { items: e, itemStyle: r, itemClassName: t, withBullets: o, renderBullets: f, initialActiveItem: m, itemsPerPage: v, itemsToScroll: d, mobilePageOffset: p, gap: N, free: R, centered: A, autoplay: b, onPageChange: P, dataAttributes: F } = param;
+    const { texts: T, platformOverrides: x, skinName: y } = (0, _hooks.useTheme)(), c = (0, _desktopcontainertypecontext.useDesktopContainerType)(), i = Xe(c || "large", v), { isDesktopOrBigger: w, isTablet: C } = (0, _hooks.useScreenSize)(), U = C ? i.tablet : i.mobile, I = Math.max(Math.floor(w ? i.desktop : U), 1), g = _react.useRef(null), S = Math.ceil(e.length / I), [{ scrollLeft: G, scrollRight: q }, he] = _react.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), [K, he] = _react.useState([]), W = _react.useMemo(()=>ee(K, S), [
+    }), [K, me] = _react.useState([]), W = _react.useMemo(()=>ee(K, S), [
         K,
         S
-    ]), O = d ? ee(K, Math.ceil(e.length / d)) : W, me = q !== 0, pe = H !== 0;
+    ]), O = d ? ee(K, Math.ceil(e.length / d)) : W, pe = q !== 0, ge = G !== 0;
     _react.useEffect(()=>{
         if (g.current) {
             const l = g.current, a = ()=>{
-                const { scrollWidth: z, clientWidth: M } = l, _ = Math.round(l.scrollLeft), j = Math.round(z - (_ + M));
-                de({
+                const { scrollWidth: z, clientWidth: B } = l, _ = Math.round(l.scrollLeft), j = Math.round(z - (_ + B));
+                he({
                     scrollLeft: _,
                     scrollRight: j
                 });
             }, u = ()=>{
                 const z = l.scrollWidth - l.clientWidth;
-                he(Array.from(l.querySelectorAll("[data-item]")).map((M, _)=>{
+                me(Array.from(l.querySelectorAll("[data-item]")).map((B, _)=>{
                     if (_ === e.length - 1) return z;
-                    const j = M.offsetLeft, Ie = parseInt(getComputedStyle(M).scrollMargin), Pe = A && !w ? j - M.clientWidth / 2 : j;
-                    return Math.min(Pe - Ie - l.offsetLeft, z);
+                    const j = B.offsetLeft, Pe = parseInt(getComputedStyle(B).scrollMargin), xe = A && !w ? j - B.clientWidth / 2 : j;
+                    return Math.min(xe - Pe - l.offsetLeft, z);
                 }));
             };
             a(), u(), l.addEventListener("scroll", a);
@@ -265,7 +265,7 @@ const ce = (e, r)=>{
         }
     }, [
         W
-    ]), ge = _react.useCallback(()=>{
+    ]), ve = _react.useCallback(()=>{
         const l = g.current;
         if (l) {
             const { scrollLeft: a } = l, u = [
@@ -289,7 +289,7 @@ const ce = (e, r)=>{
         }
     }, [
         O
-    ]), J = ce(!!v, g);
+    ]), H = ie(!!b, g);
     _react.useEffect(()=>{
         m !== void 0 && D(Math.floor(m / I), !1);
     }, [
@@ -297,8 +297,8 @@ const ce = (e, r)=>{
         D,
         I
     ]), _react.useEffect(()=>{
-        if (J && v) {
-            const l = typeof v == "boolean" ? ae : v.time, a = typeof v == "object" && v.loop, u = setInterval(()=>{
+        if (H && b) {
+            const l = typeof b == "boolean" ? ue : b.time, a = typeof b == "object" && b.loop, u = setInterval(()=>{
                 var h;
                 q !== 0 ? Y() : a && ((h = g.current) == null || h.scrollTo({
                     left: 0,
@@ -308,12 +308,12 @@ const ce = (e, r)=>{
             return ()=>clearInterval(u);
         }
     }, [
-        v,
+        b,
         Y,
         q,
-        J
+        H
     ]);
-    const k = $e(H, W), Q = _react.useRef(!m), X = _react.useRef(0);
+    const k = Ze(G, W), J = _react.useRef(!m), Q = _react.useRef(0);
     _react.useEffect(()=>{
         if (P) {
             const l = Math.min((k + 1) * I - 1, e.length - 1), a = [];
@@ -321,10 +321,10 @@ const ce = (e, r)=>{
                 const h = l - u;
                 h >= 0 && a.unshift(h);
             }
-            Q.current ? X.current !== k && P({
+            J.current ? Q.current !== k && P({
                 pageIndex: k,
                 shownItemIndexes: a
-            }) : Q.current = a.includes(m || 0), X.current = k;
+            }) : J.current = a.includes(m || 0), Q.current = k;
         }
     }, [
         k,
@@ -338,12 +338,12 @@ const ce = (e, r)=>{
         numPages: S,
         currentIndex: k,
         onPress: D
-    }) : o && (V = S > 1 && /* @__PURE__ */ (0, _jsxruntime.jsx)(ie, {
+    }) : o && (V = S > 1 && /* @__PURE__ */ (0, _jsxruntime.jsx)(ae, {
         numPages: S,
         currentIndex: k,
         onPress: D
     }));
-    const be = "64px", ve = "36px";
+    const be = "64px", Ie = "36px";
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: 24,
         dataAttributes: _object_spread({
@@ -358,8 +358,8 @@ const ce = (e, r)=>{
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
                             className: _carouselcssmistica.carouselPrevArrowButton,
                             "aria-label": T.carouselPrevButton,
-                            onPress: ge,
-                            disabled: !pe,
+                            onPress: ve,
+                            disabled: !ge,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevronleftregular.default, {})
                         })
                     }),
@@ -375,7 +375,7 @@ const ce = (e, r)=>{
                         }, p === "large" ? {
                             [_carouselcssmistica.vars.mobilePageOffset]: be
                         } : y === _constants.VIVO_NEW_SKIN ? {
-                            [_carouselcssmistica.vars.mobilePageOffset]: ve
+                            [_carouselcssmistica.vars.mobilePageOffset]: Ie
                         } : {}, N !== void 0 ? {
                             [_carouselcssmistica.vars.gap]: String(N)
                         } : {}))), {
@@ -403,7 +403,7 @@ const ce = (e, r)=>{
                             className: _carouselcssmistica.carouselNextArrowButton,
                             "aria-label": T.carouselNextButton,
                             onPress: Y,
-                            disabled: !me,
+                            disabled: !pe,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevronrightregular.default, {})
                         })
                     })
@@ -415,9 +415,9 @@ const ce = (e, r)=>{
             })
         ]
     });
-}, It = (e)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(ue, _object_spread({}, e)), Pt = (param)=>/* @__PURE__ */ {
-    let { items: e, itemStyle: r, itemClassName: t, withBullets: o, renderBullets: f, initialActiveItem: m, onPageChange: b, dataAttributes: d } = param;
-    return (0, _jsxruntime.jsx)(ue, {
+}, It = (e)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(fe, _object_spread({}, e)), Pt = (param)=>/* @__PURE__ */ {
+    let { items: e, itemStyle: r, itemClassName: t, withBullets: o, renderBullets: f, initialActiveItem: m, onPageChange: v, dataAttributes: d } = param;
+    return (0, _jsxruntime.jsx)(fe, {
         items: e,
         itemStyle: r,
         itemClassName: t,
@@ -432,21 +432,21 @@ const ce = (e, r)=>{
         withBullets: o,
         renderBullets: f,
         initialActiveItem: m,
-        onPageChange: b,
+        onPageChange: v,
         dataAttributes: d
     });
-}, fe = /*#__PURE__*/ _react.createContext(!1), xt = ()=>_react.useContext(fe), et = (param)=>/* @__PURE__ */ {
+}, de = /*#__PURE__*/ _react.createContext(!1), xt = ()=>_react.useContext(de), et = (param)=>/* @__PURE__ */ {
     let { children: e } = param;
-    return (0, _jsxruntime.jsx)(fe.Provider, {
+    return (0, _jsxruntime.jsx)(de.Provider, {
         value: !0,
         children: e
     });
 }, wt = (param)=>{
     let { items: e, withBullets: r, autoplay: t, onPageChange: o, dataAttributes: f, inverseBullets: m = !0 } = param;
-    const { texts: b, platformOverrides: d } = (0, _hooks.useTheme)(), p = _react.useRef(null), [{ scrollLeft: N, scrollRight: R }, A] = _react.useState({
+    const { texts: v, platformOverrides: d } = (0, _hooks.useTheme)(), p = _react.useRef(null), [{ scrollLeft: N, scrollRight: R }, A] = _react.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), v = _react.useCallback(()=>{
+    }), b = _react.useCallback(()=>{
         const c = p.current;
         c && c.scrollBy({
             left: -c.clientWidth,
@@ -478,10 +478,10 @@ const ce = (e, r)=>{
     }, [
         e.length
     ]);
-    const y = ce(!!t, p);
+    const y = ie(!!t, p);
     return _react.useEffect(()=>{
         if (y && t) {
-            const c = typeof t == "boolean" ? ae : t.time, i = typeof t == "object" && t.loop, w = setInterval(()=>{
+            const c = typeof t == "boolean" ? ue : t.time, i = typeof t == "object" && t.loop, w = setInterval(()=>{
                 var C;
                 R !== 0 ? P() : i && ((C = p.current) == null || C.scrollTo({
                     left: 0,
@@ -509,14 +509,16 @@ const ce = (e, r)=>{
                     isInverse: !1,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
                         className: _carouselcssmistica.slideshowPrevArrowButton,
-                        "aria-label": b.carouselPrevButton,
-                        onPress: v,
+                        "aria-label": v.carouselPrevButton,
+                        onPress: b,
                         disabled: !T,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevronleftregular.default, {})
                     })
                 }),
-                /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.MediaBorderRadiusProvider, {
-                    value: !1,
+                /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    style: (0, _css.applyCssVars)({
+                        [_imagecssmistica.vars.mediaBorderRadius]: "0px"
+                    }),
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: _carouselcssmistica.slideshow,
                         ref: p,
@@ -533,7 +535,7 @@ const ce = (e, r)=>{
                     isInverse: !1,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
                         className: _carouselcssmistica.slideshowNextArrowButton,
-                        "aria-label": b.carouselNextButton,
+                        "aria-label": v.carouselNextButton,
                         onPress: P,
                         disabled: !F,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevronrightregular.default, {})
@@ -543,7 +545,7 @@ const ce = (e, r)=>{
                     isInverse: m,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: _carouselcssmistica.slideshowBullets,
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ie, {
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ae, {
                             numPages: e.length,
                             currentIndex: x
                         })

package/dist/checkbox.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "default", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _keycodes = require("./utils/key-codes.js");
+const _keys = require("./utils/keys.js");
 const _formcontext = require("./form-context.js");
 const _inline = /*#__PURE__*/ _interop_require_default(require("./inline.js"));
 const _text = require("./text.js");
@@ -121,7 +121,7 @@ function _object_spread_props(target, source) {
 }
 const B = (param)=>{
     let { isChecked: e, disabled: c } = param;
-    const { isIos: o } = (0, _hooks.useTheme)(), l = o ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
+    const { isIos: l } = (0, _hooks.useTheme)(), o = l ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         viewBox: "0 0 10 8",
         width: "10",
         height: "8",
@@ -145,46 +145,46 @@ const B = (param)=>{
         })
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-        className: (0, _classnames.default)(_checkboxcssmistica.boxVariant[e ? "checked" : o ? "ios" : "rest"], {
+        className: (0, _classnames.default)(_checkboxcssmistica.boxVariant[e ? "checked" : l ? "ios" : "rest"], {
             [_checkboxcssmistica.disabled]: c
         }),
-        children: l
+        children: o
     });
 }, K = /*#__PURE__*/ _react.forwardRef((e, c)=>{
-    const o = (0, _hooks.useAriaId)(e["aria-labelledby"]), l = e["aria-label"], C = l || e["aria-labelledby"], { defaultValue: g, value: t, onChange: s, focusableRef: w, disabled: i } = (0, _formcontext.useControlProps)({
+    const l = (0, _hooks.useAriaId)(e["aria-labelledby"]), o = e["aria-label"], C = o || e["aria-labelledby"], { defaultValue: g, value: t, onChange: s, focusableRef: w, disabled: i } = (0, _formcontext.useControlProps)({
         name: e.name,
         value: e.checked,
         defaultValue: e.defaultChecked,
         onChange: e.onChange,
         disabled: e.disabled
-    }), [d, y] = _react.useState(!!g), h = ()=>{
-        t === void 0 ? (y(!d), s(!d)) : s(!t);
-    }, I = (r)=>{
-        r.keyCode === _keycodes.SPACE && (r.preventDefault(), r.stopPropagation(), h());
+    }), [r, y] = _react.useState(!!g), h = ()=>{
+        t === void 0 ? (y(!r), s(!r)) : s(!t);
+    }, I = (d)=>{
+        d.key === _keys.SPACE && (d.preventDefault(), d.stopPropagation(), h());
     }, b = /* @__PURE__ */ (0, _jsxruntime.jsx)(B, {
         disabled: i,
-        isChecked: t !== null && t !== void 0 ? t : d
+        isChecked: t !== null && t !== void 0 ? t : r
     });
     return(// eslint-disable-next-line jsx-a11y/no-static-element-interactions
     /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         id: e.id,
         role: e.role || "checkbox",
-        "aria-checked": t !== null && t !== void 0 ? t : d,
+        "aria-checked": t !== null && t !== void 0 ? t : r,
         onKeyDown: i ? void 0 : I,
-        onClick: (r)=>{
-            r.stopPropagation(), i || h();
+        onClick: (d)=>{
+            d.stopPropagation(), i || h();
         },
         tabIndex: i ? void 0 : 0,
         ref: (0, _common.combineRefs)(c, w),
         className: i ? _checkboxcssmistica.checkboxContainerDisabled : _checkboxcssmistica.checkboxContainer,
-        "aria-label": l,
-        "aria-labelledby": l ? void 0 : o,
+        "aria-label": o,
+        "aria-labelledby": o ? void 0 : l,
         "aria-disabled": i
     }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Checkbox")), {
         children: e.render ? e.render({
             controlElement: b,
-            labelId: o,
-            checked: t !== null && t !== void 0 ? t : d,
+            labelId: l,
+            checked: t !== null && t !== void 0 ? t : r,
             disabled: !!i
         }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
             space: 16,
@@ -203,7 +203,7 @@ const B = (param)=>{
                 e.children && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                     regular: !0,
                     as: "div",
-                    id: o,
+                    id: l,
                     role: C ? "presentation" : void 0,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
                         className: i ? _checkboxcssmistica.disabled : "",

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

@@ -55,10 +55,10 @@ _export(exports, {
         return l;
     },
     touchableCardOverlay: function() {
-        return m;
+        return g;
     },
     touchableContainer: function() {
-        return g;
+        return m;
     },
     zindex: function() {
         return h;
@@ -69,4 +69,4 @@ require("./advanced-data-card.css.ts.vanilla.css-mistica.js");
 var a = "_1x00fru3 _1x00fru1 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfbw _1y2v1nfbm _1y2v1nf7x", _ = {
     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 = "_1y2v1nfff", d = "_1x00frub", c = "_1x00fru1 _1y2v1nf90 _1y2v1nfa9", l = "_1x00fru4", m = "_1x00fru7", g = "_1x00fru5", h = "_1x00frua";
+}, 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";