@telefonica/mistica 17.1.0 → 17.3.0

package/dist/accordion.js

@@ -11,24 +11,24 @@ function _export(target, all) {
 }
 _export(exports, {
     get Accordion () {
-        return ve;
+        return be;
     },
     get AccordionItem () {
-        return he;
+        return Ae;
     },
     get BoxedAccordion () {
-        return be;
+        return Be;
     },
     get BoxedAccordionItem () {
-        return Ae;
+        return Ce;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _list = require("./list.js");
 const _iconchevron = /*#__PURE__*/ _interop_require_default(require("./icons/icon-chevron.js"));
-const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
 const _accordioncssmistica = require("./accordion.css-mistica.js");
+const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
 const _stack = /*#__PURE__*/ _interop_require_default(require("./stack.js"));
 const _touchable = require("./touchable.js");
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
@@ -165,58 +165,58 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const B = 400, b = /*#__PURE__*/ _react.createContext({
+const B = 400, A = /*#__PURE__*/ _react.createContext({
     index: [],
     toggle: ()=>{}
-}), $ = ()=>_react.useContext(b), y = (param)=>{
-    let { value: o, defaultValue: e, onChange: n, singleOpen: c } = param;
-    const s = o !== void 0, l = (t)=>t === void 0 ? [] : typeof t == "number" ? [
+}), 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, u] = _react.useState(l(e));
+        ] : t, [a, p] = _react.useState(l(e));
     _react.useEffect(()=>{
         if (a.length > 1 && c) {
             const t = [
                 ...a
             ];
-            t.splice(1), u(t);
+            t.splice(1), p(t);
         }
     }, [
         c,
         a
     ]);
-    const f = (t, m)=>{
-        if (!m) return [
+    const x = (t, u)=>{
+        if (!u) return [
             t
         ];
-        const d = m.indexOf(t);
-        let x = [
-            ...m
+        const f = u.indexOf(t);
+        let d = [
+            ...u
         ];
-        return d === -1 ? c ? x = [
+        return f === -1 ? c ? d = [
             t
-        ] : x.push(t) : x.splice(d, 1), x;
-    }, p = (t)=>{
-        if (s || u(f(t, a)), n) {
-            const m = (s ? l(o) : a).includes(t);
-            n(t, !m);
+        ] : 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);
         }
     };
     return s ? [
-        l(o),
-        p
+        l(r),
+        m
     ] : [
         a,
-        p
+        m
     ];
-}, ee = (o)=>{
-    const e = o === null || o === void 0 ? void 0 : o.closest("[data-accordion]");
-    if (e) return Array.from(e.querySelectorAll("[data-accordion-item]")).filter((n)=>n.closest("[data-accordion]") === e).findIndex((n)=>n === o);
-}, te = (o)=>{
-    if (!/*#__PURE__*/ _react.isValidElement(o)) return "";
-    const e = o.props;
+}, 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() : "";
-}, R = /*#__PURE__*/ _react.forwardRef((_param, u)=>{
-    var { content: o, dataAttributes: e, trackingEvent: n, right: c, "aria-label": s, "aria-labelledby": l } = _param, a = _object_without_properties(_param, [
+}, 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, [
         "content",
         "dataAttributes",
         "trackingEvent",
@@ -224,41 +224,41 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
         "aria-label",
         "aria-labelledby"
     ]);
-    const f = _react.useRef(null), p = _react.useRef(null), { index: t, toggle: m } = $(), d = (0, _themevariantcontext.useThemeVariant)(), x = _react.useId(), C = _react.useId(), S = te(a.asset), T = s !== null && s !== void 0 ? s : [
+    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,
-        S
-    ].filter(Boolean).join(" "), [h, O] = _react.useState(), g = h !== void 0 && (t === null || t === void 0 ? void 0 : t.includes(h));
+        T
+    ].filter(Boolean).join(" "), [h, P] = _react.useState(), I = h !== void 0 && (t === null || t === void 0 ? void 0 : t.includes(h));
     _react.useEffect(()=>{
-        O(ee(p.current));
+        P(oe(m.current));
     }, []);
     const w = {
-        default: g ? _skincontractcssmistica.vars.colors.chevronIndicator : _skincontractcssmistica.vars.colors.chevronIndicator,
-        alternative: g ? _skincontractcssmistica.vars.colors.chevronIndicator : _skincontractcssmistica.vars.colors.chevronIndicator,
+        default: I ? _skincontractcssmistica.vars.colors.chevronIndicator : _skincontractcssmistica.vars.colors.chevronIndicator,
+        alternative: I ? _skincontractcssmistica.vars.colors.chevronIndicator : _skincontractcssmistica.vars.colors.chevronIndicator,
         brand: _skincontractcssmistica.vars.colors.textSecondaryBrand,
         media: _skincontractcssmistica.vars.colors.textSecondaryBrand,
         negative: _skincontractcssmistica.vars.colors.textSecondaryNegative
-    }[d];
+    }[f];
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
-        ref: p
+        ref: m
     }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({}, e), {
         "accordion-item": !0
     }))), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                ref: u,
-                className: (0, _classnames.default)(_accordioncssmistica.itemContent, d === "brand" || d === "media" || d === "negative" ? _accordioncssmistica.touchableBackgroundOverBrand : _accordioncssmistica.touchableBackground),
+                ref: p,
+                className: (0, _classnames.default)(_accordioncssmistica.itemContent, f === "brand" || f === "media" || f === "negative" ? _accordioncssmistica.touchableBackgroundOverBrand : _accordioncssmistica.touchableBackground),
                 onPress: ()=>{
-                    h !== void 0 && m(h);
+                    h !== void 0 && u(h);
                 },
                 trackingEvent: n,
-                "aria-expanded": g,
-                "aria-controls": C,
-                "aria-label": T,
+                "aria-expanded": I,
+                "aria-controls": b,
+                "aria-label": O,
                 "aria-labelledby": l,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                    paddingX: 16,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    className: _accordioncssmistica.accordionContentPadding,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.Content, _object_spread_props(_object_spread({
-                        labelId: x
+                        labelId: d
                     }, a), {
                         right: (param)=>{
                             let { centerY: V } = param;
@@ -273,7 +273,7 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
                                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
                                             size: 20,
                                             transitionDuration: B,
-                                            direction: g ? "up" : "down",
+                                            direction: I ? "up" : "down",
                                             color: w
                                         })
                                     })
@@ -284,78 +284,85 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
-                in: g,
+                in: I,
                 timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : B,
-                nodeRef: f,
+                nodeRef: x,
                 classNames: _accordioncssmistica.panelTransitionClasses,
                 mountOnEnter: !0,
                 unmountOnExit: !0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _accordioncssmistica.panelContainer,
-                    ref: f,
+                    ref: x,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: _accordioncssmistica.panel,
                         role: "region",
-                        "aria-labelledby": x,
-                        id: C,
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                            paddingX: 16,
-                            paddingBottom: 16,
-                            children: o
+                        "aria-labelledby": d,
+                        id: b,
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            className: _accordioncssmistica.accordionContentPadding,
+                            style: {
+                                paddingBottom: 16
+                            },
+                            children: r
                         })
                     })
                 })
             })
         ]
     }));
-}), he = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
-    var { dataAttributes: o, role: e } = _param, n = _object_without_properties(_param, [
+}), Ae = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
+    var { dataAttributes: r, role: e } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "role"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         role: e,
         className: _accordioncssmistica.accordionItem,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, n), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(S, _object_spread_props(_object_spread({}, n), {
             ref: c,
             dataAttributes: _object_spread({
                 testid: "AccordionItem"
-            }, o)
+            }, r)
         }))
     });
-}), ve = (param)=>{
-    let { children: o, dataAttributes: e, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a } = param;
-    const [u, f] = y({
+}), 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({
         value: n,
         defaultValue: c,
         onChange: s,
         singleOpen: l
-    }), p = _react.Children.toArray(o).filter(Boolean), t = p.length - 1;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(b.Provider, {
+    }), t = _react.Children.toArray(r).filter(Boolean), u = t.length - 1;
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(A.Provider, {
         value: {
-            index: u,
-            toggle: f
+            index: x,
+            toggle: m
         },
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-            role: a
-        }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({
-            testid: "Accordion"
-        }, e), {
-            accordion: !0
-        }))), {
-            children: p.map((m, d)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
-                    children: [
-                        m,
-                        d < t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                            paddingX: 16,
-                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
-                        })
-                    ]
-                }, d))
-        }))
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.ListContext.Provider, {
+            value: {
+                small: p
+            },
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
+                role: a
+            }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({
+                testid: "Accordion"
+            }, e), {
+                accordion: !0
+            }))), {
+                children: t.map((f, d)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                        children: [
+                            f,
+                            d < u && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                                paddingX: 16,
+                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
+                            })
+                        ]
+                    }, d))
+            }))
+        })
     });
-}, Ae = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
-    var { dataAttributes: o, variant: e } = _param, n = _object_without_properties(_param, [
+}, Ce = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
+    var { dataAttributes: r, variant: e } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "variant"
     ]);
@@ -366,30 +373,35 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
         ref: c,
         dataAttributes: _object_spread({
             testid: "BoxedAccordionItem"
-        }, o),
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread({}, n))
+        }, r),
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(S, _object_spread({}, n))
     });
-}), be = (param)=>{
-    let { children: o, dataAttributes: e, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a } = param;
-    const [u, f] = y({
+}), 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({
         value: n,
         defaultValue: c,
         onChange: s,
         singleOpen: l
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(b.Provider, {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(A.Provider, {
         value: {
-            index: u,
-            toggle: f
+            index: x,
+            toggle: m
         },
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
-            space: 16,
-            role: a,
-            dataAttributes: _object_spread({
-                testid: "BoxedAccordion",
-                accordion: !0
-            }, e),
-            children: o
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.ListContext.Provider, {
+            value: {
+                small: p
+            },
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
+                space: 16,
+                role: a,
+                dataAttributes: _object_spread({
+                    testid: "BoxedAccordion",
+                    accordion: !0
+                }, e),
+                children: r
+            })
         })
     });
 };

package/dist/align.css-mistica.js

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

package/dist/autocomplete.css-mistica.js

@@ -25,4 +25,4 @@ _export(exports, {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                        */ var n = "v17_1_1rj3nw81 v17_1_1rj3nw80 v17_1_1y2v1nfr4", r = "v17_1_1rj3nw83 v17_1_1rj3nw82 v17_1_1y2v1nfhc v17_1_1y2v1nfil v17_1_1y2v1nfju v17_1_1y2v1nfl3 v17_1_1y2v1nfr5 v17_1_1y2v1nfu3", f = "v17_1_1rj3nw85 v17_1_1rj3nw84 v17_1_1y2v1nfju v17_1_1y2v1nfl3 v17_1_1y2v1nfhf v17_1_1y2v1nfio", o = "v17_1_1rj3nw87 v17_1_1rj3nw85 v17_1_1rj3nw84 v17_1_1y2v1nfju v17_1_1y2v1nfl3 v17_1_1y2v1nfhf v17_1_1y2v1nfio v17_1_1rj3nw86 v17_1_1y2v1nfuc", y = "v17_1_1rj3nw88";
+/* empty css                                     */ /* empty css                                        */ var n = "v17_3_1rj3nw81 v17_3_1rj3nw80 v17_3_1y2v1nfr4", r = "v17_3_1rj3nw83 v17_3_1rj3nw82 v17_3_1y2v1nfhc v17_3_1y2v1nfil v17_3_1y2v1nfju v17_3_1y2v1nfl3 v17_3_1y2v1nfr5 v17_3_1y2v1nfu3", f = "v17_3_1rj3nw85 v17_3_1rj3nw84 v17_3_1y2v1nfju v17_3_1y2v1nfl3 v17_3_1y2v1nfhf v17_3_1y2v1nfio", o = "v17_3_1rj3nw87 v17_3_1rj3nw85 v17_3_1rj3nw84 v17_3_1y2v1nfju v17_3_1y2v1nfl3 v17_3_1y2v1nfhf v17_3_1y2v1nfio v17_3_1rj3nw86 v17_3_1y2v1nfud", y = "v17_3_1rj3nw88";

package/dist/autocomplete.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return ae;
+        return me;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -146,13 +146,13 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const Y = (u, s)=>(u % s + s) % s, T = (u, s)=>`${u}-option-${s}`, ae = /*#__PURE__*/ _react.forwardRef((_param, F)=>{
-    var { getSuggestions: u, onChangeValue: s, suggestionEmptyCase: N } = _param, c = _object_without_properties(_param, [
+const _ = (u, c)=>(u % c + c) % c, O = (u, c)=>`${u}-option-${c}`, me = /*#__PURE__*/ _react.forwardRef((_param, F)=>{
+    var { getSuggestions: u, onChangeValue: c, suggestionEmptyCase: N } = _param, i = _object_without_properties(_param, [
         "getSuggestions",
         "onChangeValue",
         "suggestionEmptyCase"
     ]);
-    const [l, I] = _react.useState(!1), p = _react.useId(), E = _react.useId(), f = _react.useRef(null), L = _react.useRef(null), R = _react.useRef(null), [i, b] = _react.useState(-1), [w, C] = _react.useState(void 0), { texts: B, t: H } = (0, _hooks.useTheme)(), n = u(c.value);
+    const [l, I] = _react.useState(!1), p = _react.useId(), E = _react.useId(), f = _react.useRef(null), L = _react.useRef(null), R = _react.useRef(null), [s, b] = _react.useState(-1), [w, C] = _react.useState(void 0), { texts: B, t: H } = (0, _hooks.useTheme)(), n = u(i.value), T = i.small ? _text.Text2 : _text.Text3;
     _react.useLayoutEffect(()=>{
         if (l) {
             var _R_current, _f_current;
@@ -165,30 +165,30 @@ const Y = (u, s)=>(u % s + s) % s, T = (u, s)=>`${u}-option-${s}`, ae = /*#__PUR
         }
     }, [
         l,
-        c.value
+        i.value
     ]);
     const g = ()=>{
-        c.readOnly || I(!0);
+        i.readOnly || I(!0);
     }, m = ()=>{
         I(!1), b(-1);
-    }, a = _react.useCallback((t, e)=>{
-        s(t, e), b(-1);
+    }, r = _react.useCallback((t, e)=>{
+        c(t, e), b(-1);
     }, [
-        s
+        c
     ]), v = _react.useCallback(()=>{
-        n.includes(c.value) || a("", "");
+        n.includes(i.value) || r("", "");
     }, [
         n,
-        c.value,
-        a
+        i.value,
+        r
     ]);
     return _react.useEffect(()=>{
-        var _f_current_querySelectorAll_i, _f_current_querySelectorAll, _f_current;
-        i !== -1 && ((_f_current = f.current) === null || _f_current === void 0 ? void 0 : (_f_current_querySelectorAll = _f_current.querySelectorAll("li")) === null || _f_current_querySelectorAll === void 0 ? void 0 : (_f_current_querySelectorAll_i = _f_current_querySelectorAll[i]) === null || _f_current_querySelectorAll_i === void 0 ? void 0 : _f_current_querySelectorAll_i.scrollIntoView({
+        var _f_current_querySelectorAll_s, _f_current_querySelectorAll, _f_current;
+        s !== -1 && ((_f_current = f.current) === null || _f_current === void 0 ? void 0 : (_f_current_querySelectorAll = _f_current.querySelectorAll("li")) === null || _f_current_querySelectorAll === void 0 ? void 0 : (_f_current_querySelectorAll_s = _f_current_querySelectorAll[s]) === null || _f_current_querySelectorAll_s === void 0 ? void 0 : _f_current_querySelectorAll_s.scrollIntoView({
             block: "nearest"
         }));
     }, [
-        i
+        s
     ]), _react.useEffect(()=>{
         const t = (e)=>{
             var _f_current;
@@ -199,7 +199,7 @@ const Y = (u, s)=>(u % s + s) % s, T = (u, s)=>`${u}-option-${s}`, ae = /*#__PUR
         };
     }, [
         n,
-        c.value,
+        i.value,
         v
     ]), /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
         tabIndex: -1,
@@ -212,20 +212,20 @@ const Y = (u, s)=>(u % s + s) % s, T = (u, s)=>`${u}-option-${s}`, ae = /*#__PUR
                     {
                         const e = t.key === _keys.DOWN ? 1 : -1, d = t.key === _keys.DOWN ? 0 : n.length - 1;
                         if ((0, _dom.cancelEvent)(t), l || g(), !n.length) return;
-                        const x = i === -1 ? d : Y(i + e, n.length);
+                        const x = s === -1 ? d : _(s + e, n.length);
                         b(x);
                         break;
                     }
                 case _keys.ENTER:
                     {
-                        const e = n[i];
-                        e && ((0, _dom.cancelEvent)(t), a(e, e), m());
+                        const e = n[s];
+                        e && ((0, _dom.cancelEvent)(t), r(e, e), m());
                         break;
                     }
                 case _keys.ESC:
                     {
                         if ((0, _dom.cancelEvent)(t), !l) {
-                            a("", "");
+                            r("", "");
                             return;
                         }
                         m();
@@ -234,27 +234,27 @@ const Y = (u, s)=>(u % s + s) % s, T = (u, s)=>`${u}-option-${s}`, ae = /*#__PUR
                 case _keys.TAB:
                     {
                         m();
-                        const e = n[i];
+                        const e = n[s];
                         if (!e) {
                             v();
                             return;
                         }
-                        a(e, e);
+                        r(e, e);
                         break;
                     }
             }
         },
         children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfield.default, _object_spread_props(_object_spread({}, c), {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfield.default, _object_spread_props(_object_spread({}, i), {
                 ref: (0, _common.combineRefs)(L, F),
                 autoComplete: "off",
                 role: "combobox",
                 "aria-controls": p,
                 "aria-expanded": l,
                 "aria-autocomplete": "list",
-                "aria-activedescendant": i > -1 ? T(p, i) : void 0,
+                "aria-activedescendant": s > -1 ? O(p, s) : void 0,
                 onChangeValue: (t, e)=>{
-                    g(), a(t, e);
+                    g(), r(t, e);
                 },
                 onFocus: ()=>{
                     g();
@@ -264,26 +264,26 @@ const Y = (u, s)=>(u % s + s) % s, T = (u, s)=>`${u}-option-${s}`, ae = /*#__PUR
                 ref: R,
                 id: p,
                 role: "listbox",
-                "aria-label": c.label,
+                "aria-label": i.label,
                 className: _autocompletecssmistica.optionsList,
                 style: {
                     display: l && n.length !== 0 ? "block" : "none",
                     top: w
                 },
                 children: n.map((t, e)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("li", {
-                        id: T(p, e),
+                        id: O(p, e),
                         role: "option",
-                        "aria-selected": i === e,
+                        "aria-selected": s === e,
                         className: (0, _classnames.default)(_autocompletecssmistica.optionItem, {
-                            [_autocompletecssmistica.optionItemSelected]: i === e
+                            [_autocompletecssmistica.optionItemSelected]: s === e
                         }),
                         onMouseDown: (d)=>{
                             d.preventDefault();
                         },
                         onClick: ()=>{
-                            a(t, t), m();
+                            r(t, t), m();
                         },
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(T, {
                             regular: !0,
                             children: t
                         })
@@ -300,7 +300,7 @@ const Y = (u, s)=>(u % s + s) % s, T = (u, s)=>`${u}-option-${s}`, ae = /*#__PUR
                     },
                     children: n.length === 0 && l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: _autocompletecssmistica.optionBaseItem,
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(T, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textSecondary,
                             id: E,

package/dist/avatar.css-mistica.js

@@ -16,4 +16,4 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var r = "v17_1_f1g4uj0 v17_1_1y2v1nfu9 v17_1_1y2v1nfra v17_1_1y2v1nfrp v17_1_1y2v1nfrj v17_1_1y2v1nfud", f = "v17_1_f1g4uj1 v17_1_1y2v1nfw7";
+/* empty css                                     */ /* empty css                                  */ var r = "v17_3_f1g4uj0 v17_3_1y2v1nfu9 v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrj v17_3_1y2v1nfue", f = "v17_3_f1g4uj1 v17_3_1y2v1nfw8";

package/dist/badge.css-mistica.js

@@ -28,4 +28,4 @@ _export(exports, {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                 */ var r = "v17_1_17szrmd0 v17_1_1y2v1nfr4 v17_1_1y2v1nfre", d = "v17_1_17szrmd2 v17_1_17szrmd1 v17_1_1y2v1nfdl", m = "v17_1_17szrmd3", a = "v17_1_17szrmd5 v17_1_17szrmd2 v17_1_17szrmd1 v17_1_1y2v1nfdl v17_1_17szrmd4 v17_1_1y2v1nfra v17_1_1y2v1nfrp v17_1_1y2v1nfrj", e = "v17_1_17szrmd6 v17_1_1y2v1nfr5", n = "v17_1_17szrmd7";
+/* empty css                                     */ /* empty css                                 */ var r = "v17_3_17szrmd0 v17_3_1y2v1nfr4 v17_3_1y2v1nfre", d = "v17_3_17szrmd2 v17_3_17szrmd1 v17_3_1y2v1nfdl", m = "v17_3_17szrmd3", a = "v17_3_17szrmd5 v17_3_17szrmd2 v17_3_17szrmd1 v17_3_1y2v1nfdl v17_3_17szrmd4 v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrj", e = "v17_3_17szrmd6 v17_3_1y2v1nfr5", n = "v17_3_17szrmd7";

package/dist/box.css-mistica.js

@@ -18,23 +18,23 @@ _export(exports, {
 });
 /* empty css                               */ var _ = {
     paddingTop: {
-        desktop: "var(--v17_1_1xgjmkv0)",
-        tablet: "var(--v17_1_1xgjmkv1)",
-        mobile: "var(--v17_1_1xgjmkv2)"
+        desktop: "var(--v17_3_1xgjmkv0)",
+        tablet: "var(--v17_3_1xgjmkv1)",
+        mobile: "var(--v17_3_1xgjmkv2)"
     },
     paddingBottom: {
-        desktop: "var(--v17_1_1xgjmkv3)",
-        tablet: "var(--v17_1_1xgjmkv4)",
-        mobile: "var(--v17_1_1xgjmkv5)"
+        desktop: "var(--v17_3_1xgjmkv3)",
+        tablet: "var(--v17_3_1xgjmkv4)",
+        mobile: "var(--v17_3_1xgjmkv5)"
     },
     paddingLeft: {
-        desktop: "var(--v17_1_1xgjmkv6)",
-        tablet: "var(--v17_1_1xgjmkv7)",
-        mobile: "var(--v17_1_1xgjmkv8)"
+        desktop: "var(--v17_3_1xgjmkv6)",
+        tablet: "var(--v17_3_1xgjmkv7)",
+        mobile: "var(--v17_3_1xgjmkv8)"
     },
     paddingRight: {
-        desktop: "var(--v17_1_1xgjmkv9)",
-        tablet: "var(--v17_1_1xgjmkva)",
-        mobile: "var(--v17_1_1xgjmkvb)"
+        desktop: "var(--v17_3_1xgjmkv9)",
+        tablet: "var(--v17_3_1xgjmkva)",
+        mobile: "var(--v17_3_1xgjmkvb)"
     }
-}, a = "v17_1_1xgjmkvc";
+}, a = "v17_3_1xgjmkvc";