@telefonica/mistica 17.7.0 → 17.9.0

package/css/movistar.css

@@ -442,9 +442,18 @@
     --mistica-font-size-chipLabel: 0.875rem;
     --mistica-line-height-chipLabel: 1.25rem;
     --mistica-font-weight-chipLabel: 500;
+    --mistica-font-size-chipLabelSmall: 0.875rem;
+    --mistica-line-height-chipLabelSmall: 1.25rem;
+    --mistica-font-weight-chipLabelSmall: 500;
     --mistica-font-size-headerPretitle: 1rem;
     --mistica-line-height-headerPretitle: 1.375rem;
     --mistica-font-weight-headerPretitle: 400;
+    --mistica-font-size-feedbackScreenTitle: 1.5rem;
+    --mistica-line-height-feedbackScreenTitle: 1.75rem;
+    --mistica-font-weight-feedbackScreenTitle: 700;
+    --mistica-font-size-feedbackScreenDescription: 1rem;
+    --mistica-line-height-feedbackScreenDescription: 1.375rem;
+    --mistica-font-weight-feedbackScreenDescription: 400;
     --mistica-font-size-cardPretitleSnap: 0.875rem;
     --mistica-line-height-cardPretitleSnap: 1.25rem;
     --mistica-font-size-cardTitleSnap: 0.875rem;
@@ -1519,8 +1528,14 @@
 
         --mistica-font-size-chipLabel: 1.125rem;
         --mistica-line-height-chipLabel: 1.5rem;
+        --mistica-font-size-chipLabelSmall: 1rem;
+        --mistica-line-height-chipLabelSmall: 1.375rem;
         --mistica-font-size-headerPretitle: 1.125rem;
         --mistica-line-height-headerPretitle: 1.5rem;
+        --mistica-font-size-feedbackScreenTitle: 1.75rem;
+        --mistica-line-height-feedbackScreenTitle: 2rem;
+        --mistica-font-size-feedbackScreenDescription: 1.125rem;
+        --mistica-line-height-feedbackScreenDescription: 1.5rem;
         --mistica-font-size-cardPretitleSnap: 0.875rem;
         --mistica-line-height-cardPretitleSnap: 1.25rem;
         --mistica-font-size-cardTitleSnap: 0.875rem;

package/css/o2.css

@@ -448,12 +448,21 @@
     --mistica-font-weight-title4: 700;
     --mistica-font-weight-indicator: 500;
     --mistica-font-weight-navigationBar: 500;
-    --mistica-font-size-chipLabel: 0.875rem;
-    --mistica-line-height-chipLabel: 1.25rem;
+    --mistica-font-size-chipLabel: 1rem;
+    --mistica-line-height-chipLabel: 1.5rem;
     --mistica-font-weight-chipLabel: 500;
+    --mistica-font-size-chipLabelSmall: 0.875rem;
+    --mistica-line-height-chipLabelSmall: 1.25rem;
+    --mistica-font-weight-chipLabelSmall: 500;
     --mistica-font-size-headerPretitle: 1rem;
     --mistica-line-height-headerPretitle: 1.5rem;
     --mistica-font-weight-headerPretitle: 400;
+    --mistica-font-size-feedbackScreenTitle: 1.5rem;
+    --mistica-line-height-feedbackScreenTitle: 2rem;
+    --mistica-font-weight-feedbackScreenTitle: 700;
+    --mistica-font-size-feedbackScreenDescription: 1rem;
+    --mistica-line-height-feedbackScreenDescription: 1.5rem;
+    --mistica-font-weight-feedbackScreenDescription: 400;
     --mistica-font-size-cardPretitleSnap: 0.875rem;
     --mistica-line-height-cardPretitleSnap: 1.25rem;
     --mistica-font-size-cardTitleSnap: 0.875rem;
@@ -1481,8 +1490,14 @@
 
         --mistica-font-size-chipLabel: 1rem;
         --mistica-line-height-chipLabel: 1.5rem;
+        --mistica-font-size-chipLabelSmall: 0.875rem;
+        --mistica-line-height-chipLabelSmall: 1.25rem;
         --mistica-font-size-headerPretitle: 1.125rem;
         --mistica-line-height-headerPretitle: 1.5rem;
+        --mistica-font-size-feedbackScreenTitle: 2rem;
+        --mistica-line-height-feedbackScreenTitle: 2.5rem;
+        --mistica-font-size-feedbackScreenDescription: 1.125rem;
+        --mistica-line-height-feedbackScreenDescription: 1.5rem;
         --mistica-font-size-cardPretitleSnap: 1rem;
         --mistica-line-height-cardPretitleSnap: 1.5rem;
         --mistica-font-size-cardTitleSnap: 1rem;

package/css/telefonica.css

@@ -386,18 +386,18 @@
 
     /* Border radius */
     --mistica-border-radius-avatar: 50%;
-    --mistica-border-radius-bar: 0px;
+    --mistica-border-radius-bar: 999px;
     --mistica-border-radius-button: 32px;
-    --mistica-border-radius-checkbox: 2px;
-    --mistica-border-radius-container: 4px;
+    --mistica-border-radius-checkbox: 4px;
+    --mistica-border-radius-container: 20px;
     --mistica-border-radius-indicator: 24px;
     --mistica-border-radius-chip: 24px;
     --mistica-border-radius-tag: 24px;
-    --mistica-border-radius-input: 8px;
-    --mistica-border-radius-popup: 4px;
-    --mistica-border-radius-sheet: 0px;
-    --mistica-border-radius-mediaSmall: 2px;
-    --mistica-border-radius-snackbar: 4px;
+    --mistica-border-radius-input: 12px;
+    --mistica-border-radius-popup: 12px;
+    --mistica-border-radius-sheet: 20px;
+    --mistica-border-radius-mediaSmall: 12px;
+    --mistica-border-radius-snackbar: 12px;
 
     /* Text */
     --mistica-font-size-1: 0.75rem;
@@ -452,12 +452,21 @@
     --mistica-font-weight-title4: 400;
     --mistica-font-weight-indicator: 500;
     --mistica-font-weight-navigationBar: 500;
-    --mistica-font-size-chipLabel: 0.875rem;
-    --mistica-line-height-chipLabel: 1.25rem;
+    --mistica-font-size-chipLabel: 1rem;
+    --mistica-line-height-chipLabel: 1.5rem;
     --mistica-font-weight-chipLabel: 500;
+    --mistica-font-size-chipLabelSmall: 0.875rem;
+    --mistica-line-height-chipLabelSmall: 1.25rem;
+    --mistica-font-weight-chipLabelSmall: 500;
     --mistica-font-size-headerPretitle: 1rem;
     --mistica-line-height-headerPretitle: 1.5rem;
     --mistica-font-weight-headerPretitle: 400;
+    --mistica-font-size-feedbackScreenTitle: 1.5rem;
+    --mistica-line-height-feedbackScreenTitle: 2rem;
+    --mistica-font-weight-feedbackScreenTitle: 400;
+    --mistica-font-size-feedbackScreenDescription: 1rem;
+    --mistica-line-height-feedbackScreenDescription: 1.5rem;
+    --mistica-font-weight-feedbackScreenDescription: 400;
     --mistica-font-size-cardPretitleSnap: 0.875rem;
     --mistica-line-height-cardPretitleSnap: 1.25rem;
     --mistica-font-size-cardTitleSnap: 0.875rem;
@@ -1628,8 +1637,14 @@
 
         --mistica-font-size-chipLabel: 1rem;
         --mistica-line-height-chipLabel: 1.5rem;
+        --mistica-font-size-chipLabelSmall: 0.875rem;
+        --mistica-line-height-chipLabelSmall: 1.25rem;
         --mistica-font-size-headerPretitle: 1.125rem;
         --mistica-line-height-headerPretitle: 1.5rem;
+        --mistica-font-size-feedbackScreenTitle: 2rem;
+        --mistica-line-height-feedbackScreenTitle: 2.5rem;
+        --mistica-font-size-feedbackScreenDescription: 1.125rem;
+        --mistica-line-height-feedbackScreenDescription: 1.5rem;
         --mistica-font-size-cardPretitleSnap: 1rem;
         --mistica-line-height-cardPretitleSnap: 1.5rem;
         --mistica-font-size-cardTitleSnap: 1rem;

package/css/vivo-evolution.css

@@ -514,12 +514,21 @@
     --mistica-font-size-chipLabel: 0.875rem;
     --mistica-line-height-chipLabel: 1.25rem;
     --mistica-font-weight-chipLabel: 500;
+    --mistica-font-size-chipLabelSmall: 0.875rem;
+    --mistica-line-height-chipLabelSmall: 1.25rem;
+    --mistica-font-weight-chipLabelSmall: 500;
     --mistica-font-size-headerPretitle: 0.875rem;
     --mistica-line-height-headerPretitle: 1.25rem;
     --mistica-font-weight-headerPretitle: 400;
+    --mistica-font-size-feedbackScreenTitle: 1.25rem;
+    --mistica-line-height-feedbackScreenTitle: 1.5rem;
+    --mistica-font-weight-feedbackScreenTitle: 500;
+    --mistica-font-size-feedbackScreenDescription: 0.875rem;
+    --mistica-line-height-feedbackScreenDescription: 1.25rem;
+    --mistica-font-weight-feedbackScreenDescription: 400;
     --mistica-font-size-cardPretitleSnap: 0.75rem;
     --mistica-line-height-cardPretitleSnap: 1.25rem;
-    --mistica-font-size-cardTitleSnap: 1rem;
+    --mistica-font-size-cardTitleSnap: 0.875rem;
     --mistica-line-height-cardTitleSnap: 1.25rem;
     --mistica-font-size-cardSubtitleSnap: 0.75rem;
     --mistica-line-height-cardSubtitleSnap: 1.25rem;
@@ -527,7 +536,7 @@
     --mistica-line-height-cardDescriptionSnap: 1.25rem;
     --mistica-font-size-cardPretitleDefault: 0.875rem;
     --mistica-line-height-cardPretitleDefault: 1.25rem;
-    --mistica-font-size-cardTitleDefault: 1.125rem;
+    --mistica-font-size-cardTitleDefault: 1rem;
     --mistica-line-height-cardTitleDefault: 1.5rem;
     --mistica-font-size-cardSubtitleDefault: 0.875rem;
     --mistica-line-height-cardSubtitleDefault: 1.25rem;
@@ -1885,8 +1894,14 @@
 
         --mistica-font-size-chipLabel: 1rem;
         --mistica-line-height-chipLabel: 1.5rem;
+        --mistica-font-size-chipLabelSmall: 1rem;
+        --mistica-line-height-chipLabelSmall: 1.5rem;
         --mistica-font-size-headerPretitle: 1rem;
         --mistica-line-height-headerPretitle: 1.5rem;
+        --mistica-font-size-feedbackScreenTitle: 1.75rem;
+        --mistica-line-height-feedbackScreenTitle: 2rem;
+        --mistica-font-size-feedbackScreenDescription: 1rem;
+        --mistica-line-height-feedbackScreenDescription: 1.5rem;
         --mistica-font-size-cardPretitleSnap: 0.875rem;
         --mistica-line-height-cardPretitleSnap: 1.5rem;
         --mistica-font-size-cardTitleSnap: 1.125rem;

package/css/vivo.css

@@ -432,9 +432,18 @@
     --mistica-font-size-chipLabel: 0.875rem;
     --mistica-line-height-chipLabel: 1.25rem;
     --mistica-font-weight-chipLabel: 500;
+    --mistica-font-size-chipLabelSmall: 0.875rem;
+    --mistica-line-height-chipLabelSmall: 1.25rem;
+    --mistica-font-weight-chipLabelSmall: 500;
     --mistica-font-size-headerPretitle: 1rem;
     --mistica-line-height-headerPretitle: 1.5rem;
     --mistica-font-weight-headerPretitle: 400;
+    --mistica-font-size-feedbackScreenTitle: 1.5rem;
+    --mistica-line-height-feedbackScreenTitle: 2rem;
+    --mistica-font-weight-feedbackScreenTitle: 500;
+    --mistica-font-size-feedbackScreenDescription: 1rem;
+    --mistica-line-height-feedbackScreenDescription: 1.5rem;
+    --mistica-font-weight-feedbackScreenDescription: 400;
     --mistica-font-size-cardPretitleSnap: 0.875rem;
     --mistica-line-height-cardPretitleSnap: 1.25rem;
     --mistica-font-size-cardTitleSnap: 0.875rem;
@@ -1458,8 +1467,14 @@
 
         --mistica-font-size-chipLabel: 1rem;
         --mistica-line-height-chipLabel: 1.5rem;
+        --mistica-font-size-chipLabelSmall: 1rem;
+        --mistica-line-height-chipLabelSmall: 1.5rem;
         --mistica-font-size-headerPretitle: 1.125rem;
         --mistica-line-height-headerPretitle: 1.5rem;
+        --mistica-font-size-feedbackScreenTitle: 2rem;
+        --mistica-line-height-feedbackScreenTitle: 2.5rem;
+        --mistica-font-size-feedbackScreenDescription: 1.125rem;
+        --mistica-line-height-feedbackScreenDescription: 1.5rem;
         --mistica-font-size-cardPretitleSnap: 1rem;
         --mistica-line-height-cardPretitleSnap: 1.5rem;
         --mistica-font-size-cardTitleSnap: 1rem;

package/dist/accordion.css-mistica.js

@@ -43,9 +43,9 @@ _export(exports, {
         return a;
     }
 });
-/* empty css                                     */ /* empty css                                     */ var n = "v17_7_8s3szx0 v17_7_1y2v1nfh7 v17_7_1y2v1nfig v17_7_1y2v1nfjp v17_7_1y2v1nfky v17_7_1y2v1nfs1 v17_7_1y2v1nftw v17_7_1y2v1nfh6 v17_7_1y2v1nfrg v17_7_1y2v1nfsi", s = "v17_7_8s3szx1", r = "v17_7_8s3szx2", a = "v17_7_8s3szx3", e = "v17_7_8s3szx4", t = "v17_7_8s3szx5", o = "v17_7_8s3szx6", i = {
-    enter: "v17_7_8s3szx7",
-    enterActive: "v17_7_8s3szx8",
-    exit: "v17_7_8s3szx9",
-    exitActive: "v17_7_8s3szxa"
-}, x = "v17_7_8s3szxb", z = "v17_7_8s3szxc v17_7_1y2v1nfs1", c = "v17_7_8s3szxd";
+/* empty css                                     */ /* empty css                                     */ var n = "v17_9_8s3szx0 v17_9_1y2v1nfh7 v17_9_1y2v1nfig v17_9_1y2v1nfjp v17_9_1y2v1nfky v17_9_1y2v1nfs1 v17_9_1y2v1nftw v17_9_1y2v1nfh6 v17_9_1y2v1nfrg v17_9_1y2v1nfsi", s = "v17_9_8s3szx1", r = "v17_9_8s3szx2", a = "v17_9_8s3szx3", e = "v17_9_8s3szx4", t = "v17_9_8s3szx5", o = "v17_9_8s3szx6", i = {
+    enter: "v17_9_8s3szx7",
+    enterActive: "v17_9_8s3szx8",
+    exit: "v17_9_8s3szx9",
+    exitActive: "v17_9_8s3szxa"
+}, x = "v17_9_8s3szxb", z = "v17_9_8s3szxc v17_9_1y2v1nfs1", c = "v17_9_8s3szxd";

package/dist/accordion.js

@@ -11,16 +11,16 @@ function _export(target, all) {
 }
 _export(exports, {
     get Accordion () {
-        return be;
+        return he;
     },
     get AccordionItem () {
-        return Ae;
+        return pe;
     },
     get BoxedAccordion () {
-        return Be;
+        return Ae;
     },
     get BoxedAccordionItem () {
-        return Ce;
+        return ge;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -165,58 +165,54 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const B = 400, A = /*#__PURE__*/ _react.createContext({
+const N = 400, A = /*#__PURE__*/ _react.createContext({
     index: [],
     toggle: ()=>{}
-}), te = ()=>_react.useContext(A), R = (param)=>{
-    let { value: r, defaultValue: e, onChange: n, singleOpen: c } = param;
-    const s = r !== void 0, l = (t)=>t === void 0 ? [] : typeof t == "number" ? [
-            t
-        ] : t, [a, p] = _react.useState(l(e));
+}), $ = ()=>_react.useContext(A), y = (param)=>{
+    let { value: t, defaultValue: r, onChange: n, singleOpen: c } = param;
+    const s = t !== void 0, l = (e)=>e === void 0 ? [] : typeof e == "number" ? [
+            e
+        ] : e, [a, v] = _react.useState(l(r));
     _react.useEffect(()=>{
         if (a.length > 1 && c) {
-            const t = [
+            const e = [
                 ...a
             ];
-            t.splice(1), p(t);
+            e.splice(1), v(e);
         }
     }, [
         c,
         a
     ]);
-    const x = (t, u)=>{
+    const x = (e, u)=>{
         if (!u) return [
-            t
+            e
         ];
-        const f = u.indexOf(t);
+        const f = u.indexOf(e);
         let d = [
             ...u
         ];
         return f === -1 ? c ? d = [
-            t
-        ] : d.push(t) : d.splice(f, 1), d;
-    }, m = (t)=>{
-        if (s || p(x(t, a)), n) {
-            const u = (s ? l(r) : a).includes(t);
-            n(t, !u);
+            e
+        ] : d.push(e) : d.splice(f, 1), d;
+    }, m = (e)=>{
+        if (s || v(x(e, a)), n) {
+            const u = (s ? l(t) : a).includes(e);
+            n(e, !u);
         }
     };
     return s ? [
-        l(r),
+        l(t),
         m
     ] : [
         a,
         m
     ];
-}, oe = (r)=>{
-    const e = r === null || r === void 0 ? void 0 : r.closest("[data-accordion]");
-    if (e) return Array.from(e.querySelectorAll("[data-accordion-item]")).filter((n)=>n.closest("[data-accordion]") === e).findIndex((n)=>n === r);
-}, re = (r)=>{
-    if (!/*#__PURE__*/ _react.isValidElement(r)) return "";
-    const e = r.props;
-    return typeof e.alt == "string" && e.alt.trim() ? e.alt.trim() : typeof e["aria-label"] == "string" && e["aria-label"].trim() ? e["aria-label"].trim() : "";
-}, S = /*#__PURE__*/ _react.forwardRef((_param, p)=>{
-    var { content: r, dataAttributes: e, trackingEvent: n, right: c, "aria-label": s, "aria-labelledby": l } = _param, a = _object_without_properties(_param, [
+}, ee = (t)=>{
+    const r = t === null || t === void 0 ? void 0 : t.closest("[data-accordion]");
+    if (r) return Array.from(r.querySelectorAll("[data-accordion-item]")).filter((n)=>n.closest("[data-accordion]") === r).findIndex((n)=>n === t);
+}, S = /*#__PURE__*/ _react.forwardRef((_param, v)=>{
+    var { content: t, dataAttributes: r, trackingEvent: n, right: c, "aria-label": s, "aria-labelledby": l } = _param, a = _object_without_properties(_param, [
         "content",
         "dataAttributes",
         "trackingEvent",
@@ -224,36 +220,33 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
         "aria-label",
         "aria-labelledby"
     ]);
-    const x = _react.useRef(null), m = _react.useRef(null), { index: t, toggle: u } = te(), f = (0, _themevariantcontext.useThemeVariant)(), d = _react.useId(), b = _react.useId(), T = re(a.asset), O = s !== null && s !== void 0 ? s : [
-        a.title,
-        T
-    ].filter(Boolean).join(" "), [h, P] = _react.useState(), I = h !== void 0 && (t === null || t === void 0 ? void 0 : t.includes(h));
+    const x = _react.useRef(null), m = _react.useRef(null), { index: e, toggle: u } = $(), f = (0, _themevariantcontext.useThemeVariant)(), d = _react.useId(), C = _react.useId(), [h, T] = _react.useState(), p = h !== void 0 && (e === null || e === void 0 ? void 0 : e.includes(h));
     _react.useEffect(()=>{
-        P(oe(m.current));
+        T(ee(m.current));
     }, []);
-    const w = {
-        default: I ? _skincontractcssmistica.vars.colors.chevronIndicator : _skincontractcssmistica.vars.colors.chevronIndicator,
-        alternative: I ? _skincontractcssmistica.vars.colors.chevronIndicator : _skincontractcssmistica.vars.colors.chevronIndicator,
+    const O = {
+        default: p ? _skincontractcssmistica.vars.colors.chevronIndicator : _skincontractcssmistica.vars.colors.chevronIndicator,
+        alternative: p ? _skincontractcssmistica.vars.colors.chevronIndicator : _skincontractcssmistica.vars.colors.chevronIndicator,
         brand: _skincontractcssmistica.vars.colors.textSecondaryBrand,
         media: _skincontractcssmistica.vars.colors.textSecondaryBrand,
         negative: _skincontractcssmistica.vars.colors.textSecondaryNegative
     }[f];
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
         ref: m
-    }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({}, e), {
+    }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({}, r), {
         "accordion-item": !0
     }))), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                ref: p,
+                ref: v,
                 className: (0, _classnames.default)(_accordioncssmistica.itemContent, f === "brand" || f === "media" || f === "negative" ? _accordioncssmistica.touchableBackgroundOverBrand : _accordioncssmistica.touchableBackground),
                 onPress: ()=>{
                     h !== void 0 && u(h);
                 },
                 trackingEvent: n,
-                "aria-expanded": I,
-                "aria-controls": b,
-                "aria-label": O,
+                "aria-expanded": p,
+                "aria-controls": C,
+                "aria-label": s,
                 "aria-labelledby": l,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _accordioncssmistica.accordionContentPadding,
@@ -261,10 +254,10 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
                         labelId: d
                     }, a), {
                         right: (param)=>{
-                            let { centerY: V } = param;
+                            let { centerY: P } = param;
                             return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
                                 space: 4,
-                                alignItems: V ? "center" : void 0,
+                                alignItems: P ? "center" : void 0,
                                 className: _accordioncssmistica.rightContentContainer,
                                 children: [
                                     c,
@@ -272,9 +265,9 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
                                         className: _accordioncssmistica.chevronContainer,
                                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
                                             size: 20,
-                                            transitionDuration: B,
-                                            direction: I ? "up" : "down",
-                                            color: w
+                                            transitionDuration: N,
+                                            direction: p ? "up" : "down",
+                                            color: O
                                         })
                                     })
                                 ]
@@ -284,8 +277,8 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
-                in: I,
-                timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : B,
+                in: p,
+                timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : N,
                 nodeRef: x,
                 classNames: _accordioncssmistica.panelTransitionClasses,
                 mountOnEnter: !0,
@@ -297,42 +290,42 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
                         className: _accordioncssmistica.panel,
                         role: "region",
                         "aria-labelledby": d,
-                        id: b,
+                        id: C,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                             className: _accordioncssmistica.accordionContentPadding,
                             style: {
                                 paddingBottom: 16
                             },
-                            children: r
+                            children: t
                         })
                     })
                 })
             })
         ]
     }));
-}), Ae = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
-    var { dataAttributes: r, role: e } = _param, n = _object_without_properties(_param, [
+}), pe = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
+    var { dataAttributes: t, role: r } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "role"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-        role: e,
+        role: r,
         className: _accordioncssmistica.accordionItem,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(S, _object_spread_props(_object_spread({}, n), {
             ref: c,
             dataAttributes: _object_spread({
                 testid: "AccordionItem"
-            }, r)
+            }, t)
         }))
     });
-}), be = (param)=>{
-    let { children: r, dataAttributes: e, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a, small: p = !1 } = param;
-    const [x, m] = R({
+}), he = (param)=>{
+    let { children: t, dataAttributes: r, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a, small: v = !1 } = param;
+    const [x, m] = y({
         value: n,
         defaultValue: c,
         onChange: s,
         singleOpen: l
-    }), t = _react.Children.toArray(r).filter(Boolean), u = t.length - 1;
+    }), e = _react.Children.toArray(t).filter(Boolean), u = e.length - 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(A.Provider, {
         value: {
             index: x,
@@ -340,16 +333,16 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
         },
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.ListContext.Provider, {
             value: {
-                small: p
+                small: v
             },
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
                 role: a
             }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({
                 testid: "Accordion"
-            }, e), {
+            }, r), {
                 accordion: !0
             }))), {
-                children: t.map((f, d)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                children: e.map((f, d)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                         children: [
                             f,
                             d < u && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
@@ -361,24 +354,24 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
             }))
         })
     });
-}, Ce = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
-    var { dataAttributes: r, variant: e } = _param, n = _object_without_properties(_param, [
+}, ge = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
+    var { dataAttributes: t, variant: r } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "variant"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.InternalBoxed, {
         overflow: "visible",
         className: _accordioncssmistica.boxed,
-        variant: e !== null && e !== void 0 ? e : "default",
+        variant: r !== null && r !== void 0 ? r : "default",
         ref: c,
         dataAttributes: _object_spread({
             testid: "BoxedAccordionItem"
-        }, r),
+        }, t),
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(S, _object_spread({}, n))
     });
-}), Be = (param)=>{
-    let { children: r, dataAttributes: e, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a, small: p = !1 } = param;
-    const [x, m] = R({
+}), Ae = (param)=>{
+    let { children: t, dataAttributes: r, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a, small: v = !1 } = param;
+    const [x, m] = y({
         value: n,
         defaultValue: c,
         onChange: s,
@@ -391,7 +384,7 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
         },
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.ListContext.Provider, {
             value: {
-                small: p
+                small: v
             },
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                 space: 16,
@@ -399,8 +392,8 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
                 dataAttributes: _object_spread({
                     testid: "BoxedAccordion",
                     accordion: !0
-                }, e),
-                children: r
+                }, r),
+                children: t
             })
         })
     });

package/dist/align.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "container", {
         return o;
     }
 });
-/* empty css                                 */ var o = "v17_7_1mfs0fk0";
+/* empty css                                 */ var o = "v17_9_1mfs0fk0";

package/dist/autocomplete.css-mistica.js

@@ -25,4 +25,4 @@ _export(exports, {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                        */ var n = "v17_7_1rj3nw81 v17_7_1rj3nw80 v17_7_1y2v1nfr8", r = "v17_7_1rj3nw83 v17_7_1rj3nw82 v17_7_1y2v1nfhg v17_7_1y2v1nfip v17_7_1y2v1nfjy v17_7_1y2v1nfl7 v17_7_1y2v1nfr9 v17_7_1y2v1nfu7", y = "v17_7_1rj3nw85 v17_7_1rj3nw84 v17_7_1y2v1nfjy v17_7_1y2v1nfl7 v17_7_1y2v1nfhj v17_7_1y2v1nfis", f = "v17_7_1rj3nw87 v17_7_1rj3nw85 v17_7_1rj3nw84 v17_7_1y2v1nfjy v17_7_1y2v1nfl7 v17_7_1y2v1nfhj v17_7_1y2v1nfis v17_7_1rj3nw86 v17_7_1y2v1nfuh", j = "v17_7_1rj3nw88";
+/* empty css                                     */ /* empty css                                        */ var n = "v17_9_1rj3nw81 v17_9_1rj3nw80 v17_9_1y2v1nfr8", r = "v17_9_1rj3nw83 v17_9_1rj3nw82 v17_9_1y2v1nfhg v17_9_1y2v1nfip v17_9_1y2v1nfjy v17_9_1y2v1nfl7 v17_9_1y2v1nfr9 v17_9_1y2v1nfu7", y = "v17_9_1rj3nw85 v17_9_1rj3nw84 v17_9_1y2v1nfjy v17_9_1y2v1nfl7 v17_9_1y2v1nfhj v17_9_1y2v1nfis", f = "v17_9_1rj3nw87 v17_9_1rj3nw85 v17_9_1rj3nw84 v17_9_1y2v1nfjy v17_9_1y2v1nfl7 v17_9_1y2v1nfhj v17_9_1y2v1nfis v17_9_1rj3nw86 v17_9_1y2v1nfuh", j = "v17_9_1rj3nw88";

package/dist/avatar.css-mistica.js

@@ -16,4 +16,4 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var r = "v17_7_f1g4uj0 v17_7_1y2v1nfud v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn v17_7_1y2v1nfui", f = "v17_7_f1g4uj1 v17_7_1y2v1nfwc";
+/* empty css                                     */ /* empty css                                  */ var r = "v17_9_f1g4uj0 v17_9_1y2v1nfud v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfrn v17_9_1y2v1nfui", f = "v17_9_f1g4uj1 v17_9_1y2v1nfwc";

package/dist/badge.css-mistica.js

@@ -28,4 +28,4 @@ _export(exports, {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                 */ var r = "v17_7_17szrmd0 v17_7_1y2v1nfr8 v17_7_1y2v1nfri", d = "v17_7_17szrmd2 v17_7_17szrmd1 v17_7_1y2v1nfdp", m = "v17_7_17szrmd3", a = "v17_7_17szrmd5 v17_7_17szrmd2 v17_7_17szrmd1 v17_7_1y2v1nfdp v17_7_17szrmd4 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn", e = "v17_7_17szrmd6 v17_7_1y2v1nfr9", n = "v17_7_17szrmd7";
+/* empty css                                     */ /* empty css                                 */ var r = "v17_9_17szrmd0 v17_9_1y2v1nfr8 v17_9_1y2v1nfri", d = "v17_9_17szrmd2 v17_9_17szrmd1 v17_9_1y2v1nfdp", m = "v17_9_17szrmd3", a = "v17_9_17szrmd5 v17_9_17szrmd2 v17_9_17szrmd1 v17_9_1y2v1nfdp v17_9_17szrmd4 v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfrn", e = "v17_9_17szrmd6 v17_9_1y2v1nfr9", n = "v17_9_17szrmd7";

package/dist/box.css-mistica.js

@@ -18,23 +18,23 @@ _export(exports, {
 });
 /* empty css                               */ var _ = {
     paddingTop: {
-        desktop: "var(--v17_7_1xgjmkv0)",
-        tablet: "var(--v17_7_1xgjmkv1)",
-        mobile: "var(--v17_7_1xgjmkv2)"
+        desktop: "var(--v17_9_1xgjmkv0)",
+        tablet: "var(--v17_9_1xgjmkv1)",
+        mobile: "var(--v17_9_1xgjmkv2)"
     },
     paddingBottom: {
-        desktop: "var(--v17_7_1xgjmkv3)",
-        tablet: "var(--v17_7_1xgjmkv4)",
-        mobile: "var(--v17_7_1xgjmkv5)"
+        desktop: "var(--v17_9_1xgjmkv3)",
+        tablet: "var(--v17_9_1xgjmkv4)",
+        mobile: "var(--v17_9_1xgjmkv5)"
     },
     paddingLeft: {
-        desktop: "var(--v17_7_1xgjmkv6)",
-        tablet: "var(--v17_7_1xgjmkv7)",
-        mobile: "var(--v17_7_1xgjmkv8)"
+        desktop: "var(--v17_9_1xgjmkv6)",
+        tablet: "var(--v17_9_1xgjmkv7)",
+        mobile: "var(--v17_9_1xgjmkv8)"
     },
     paddingRight: {
-        desktop: "var(--v17_7_1xgjmkv9)",
-        tablet: "var(--v17_7_1xgjmkva)",
-        mobile: "var(--v17_7_1xgjmkvb)"
+        desktop: "var(--v17_9_1xgjmkv9)",
+        tablet: "var(--v17_9_1xgjmkva)",
+        mobile: "var(--v17_9_1xgjmkvb)"
     }
-}, a = "v17_7_1xgjmkvc";
+}, a = "v17_9_1xgjmkvc";