@telefonica/mistica 17.1.0 → 17.3.0

package/dist-es/accordion.js

@@ -78,75 +78,75 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as r, jsxs as v } from "react/jsx-runtime";
+import { jsx as o, jsxs as g } from "react/jsx-runtime";
 import * as i from "react";
-import { Content as D } from "./list.js";
+import { ListContext as N, Content as D } from "./list.js";
 import E from "./icons/icon-chevron.js";
-import A from "./box.js";
-import { accordionItem as P, boxed as L, rightContentContainer as _, chevronContainer as j, itemContent as k, touchableBackgroundOverBrand as X, touchableBackground as q, panelTransitionClasses as z, panelContainer as F, panel as M } from "./accordion.css-mistica.js";
-import U from "./stack.js";
-import { BaseTouchable as G } from "./touchable.js";
-import H from "classnames";
-import { vars as I } from "./skins/skin-contract.css-mistica.js";
-import { getPrefixedDataAttributes as N } from "./utils/dom.js";
-import J from "./divider.js";
-import { InternalBoxed as K } from "./boxed.js";
-import { useThemeVariant as Q } from "./theme-variant-context.js";
-import { CSSTransition as W } from "react-transition-group";
-import { isRunningAcceptanceTest as Y } from "./utils/platform.js";
-import Z from "./inline.js";
-const B = 400, b = /*#__PURE__*/ i.createContext({
+import { accordionItem as L, boxed as _, accordionContentPadding as C, rightContentContainer as j, chevronContainer as k, itemContent as q, touchableBackgroundOverBrand as z, touchableBackground as F, panelTransitionClasses as M, panelContainer as U, panel as X } from "./accordion.css-mistica.js";
+import G from "./box.js";
+import H from "./stack.js";
+import { BaseTouchable as J } from "./touchable.js";
+import K from "classnames";
+import { vars as v } from "./skins/skin-contract.css-mistica.js";
+import { getPrefixedDataAttributes as y } from "./utils/dom.js";
+import Q from "./divider.js";
+import { InternalBoxed as W } from "./boxed.js";
+import { useThemeVariant as Y } from "./theme-variant-context.js";
+import { CSSTransition as Z } from "react-transition-group";
+import { isRunningAcceptanceTest as $ } from "./utils/platform.js";
+import ee from "./inline.js";
+const B = 400, A = /*#__PURE__*/ i.createContext({
     index: [],
     toggle: ()=>{}
-}), $ = ()=>i.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 = ()=>i.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] = i.useState(l(e));
+        ] : t, [a, p] = i.useState(l(e));
     i.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__*/ i.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__*/ i.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__*/ i.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__*/ i.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",
@@ -154,56 +154,56 @@ const B = 400, b = /*#__PURE__*/ i.createContext({
         "aria-label",
         "aria-labelledby"
     ]);
-    const f = i.useRef(null), p = i.useRef(null), { index: t, toggle: m } = $(), d = Q(), x = i.useId(), C = i.useId(), S = te(a.asset), T = s !== null && s !== void 0 ? s : [
+    const x = i.useRef(null), m = i.useRef(null), { index: t, toggle: u } = te(), f = Y(), d = i.useId(), b = i.useId(), T = re(a.asset), O = s !== null && s !== void 0 ? s : [
         a.title,
-        S
-    ].filter(Boolean).join(" "), [h, O] = i.useState(), g = h !== void 0 && (t === null || t === void 0 ? void 0 : t.includes(h));
+        T
+    ].filter(Boolean).join(" "), [h, P] = i.useState(), I = h !== void 0 && (t === null || t === void 0 ? void 0 : t.includes(h));
     i.useEffect(()=>{
-        O(ee(p.current));
+        P(oe(m.current));
     }, []);
     const w = {
-        default: g ? I.colors.chevronIndicator : I.colors.chevronIndicator,
-        alternative: g ? I.colors.chevronIndicator : I.colors.chevronIndicator,
-        brand: I.colors.textSecondaryBrand,
-        media: I.colors.textSecondaryBrand,
-        negative: I.colors.textSecondaryNegative
-    }[d];
-    return /* @__PURE__ */ v("div", _object_spread_props(_object_spread({
-        ref: p
-    }, N(_object_spread_props(_object_spread({}, e), {
+        default: I ? v.colors.chevronIndicator : v.colors.chevronIndicator,
+        alternative: I ? v.colors.chevronIndicator : v.colors.chevronIndicator,
+        brand: v.colors.textSecondaryBrand,
+        media: v.colors.textSecondaryBrand,
+        negative: v.colors.textSecondaryNegative
+    }[f];
+    return /* @__PURE__ */ g("div", _object_spread_props(_object_spread({
+        ref: m
+    }, y(_object_spread_props(_object_spread({}, e), {
         "accordion-item": !0
     }))), {
         children: [
-            /* @__PURE__ */ r(G, {
-                ref: u,
-                className: H(k, d === "brand" || d === "media" || d === "negative" ? X : q),
+            /* @__PURE__ */ o(J, {
+                ref: p,
+                className: K(q, f === "brand" || f === "media" || f === "negative" ? z : F),
                 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__ */ r(A, {
-                    paddingX: 16,
-                    children: /* @__PURE__ */ r(D, _object_spread_props(_object_spread({
-                        labelId: x
+                children: /* @__PURE__ */ o("div", {
+                    className: C,
+                    children: /* @__PURE__ */ o(D, _object_spread_props(_object_spread({
+                        labelId: d
                     }, a), {
                         right: (param)=>{
                             let { centerY: V } = param;
-                            return /* @__PURE__ */ v(Z, {
+                            return /* @__PURE__ */ g(ee, {
                                 space: 4,
                                 alignItems: V ? "center" : void 0,
-                                className: _,
+                                className: j,
                                 children: [
                                     c,
-                                    /* @__PURE__ */ r("div", {
-                                        className: j,
-                                        children: /* @__PURE__ */ r(E, {
+                                    /* @__PURE__ */ o("div", {
+                                        className: k,
+                                        children: /* @__PURE__ */ o(E, {
                                             size: 20,
                                             transitionDuration: B,
-                                            direction: g ? "up" : "down",
+                                            direction: I ? "up" : "down",
                                             color: w
                                         })
                                     })
@@ -213,114 +213,126 @@ const B = 400, b = /*#__PURE__*/ i.createContext({
                     }))
                 })
             }),
-            /* @__PURE__ */ r(W, {
-                in: g,
-                timeout: Y() ? 0 : B,
-                nodeRef: f,
-                classNames: z,
+            /* @__PURE__ */ o(Z, {
+                in: I,
+                timeout: $() ? 0 : B,
+                nodeRef: x,
+                classNames: M,
                 mountOnEnter: !0,
                 unmountOnExit: !0,
-                children: /* @__PURE__ */ r("div", {
-                    className: F,
-                    ref: f,
-                    children: /* @__PURE__ */ r("div", {
-                        className: M,
+                children: /* @__PURE__ */ o("div", {
+                    className: U,
+                    ref: x,
+                    children: /* @__PURE__ */ o("div", {
+                        className: X,
                         role: "region",
-                        "aria-labelledby": x,
-                        id: C,
-                        children: /* @__PURE__ */ r(A, {
-                            paddingX: 16,
-                            paddingBottom: 16,
-                            children: o
+                        "aria-labelledby": d,
+                        id: b,
+                        children: /* @__PURE__ */ o("div", {
+                            className: C,
+                            style: {
+                                paddingBottom: 16
+                            },
+                            children: r
                         })
                     })
                 })
             })
         ]
     }));
-}), he = /*#__PURE__*/ i.forwardRef((_param, c)=>{
-    var { dataAttributes: o, role: e } = _param, n = _object_without_properties(_param, [
+}), Ae = /*#__PURE__*/ i.forwardRef((_param, c)=>{
+    var { dataAttributes: r, role: e } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "role"
     ]);
-    return /* @__PURE__ */ r("div", {
+    return /* @__PURE__ */ o("div", {
         role: e,
-        className: P,
-        children: /* @__PURE__ */ r(R, _object_spread_props(_object_spread({}, n), {
+        className: L,
+        children: /* @__PURE__ */ o(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 = i.Children.toArray(o).filter(Boolean), t = p.length - 1;
-    return /* @__PURE__ */ r(b.Provider, {
+    }), t = i.Children.toArray(r).filter(Boolean), u = t.length - 1;
+    return /* @__PURE__ */ o(A.Provider, {
         value: {
-            index: u,
-            toggle: f
+            index: x,
+            toggle: m
         },
-        children: /* @__PURE__ */ r("div", _object_spread_props(_object_spread({
-            role: a
-        }, N(_object_spread_props(_object_spread({
-            testid: "Accordion"
-        }, e), {
-            accordion: !0
-        }))), {
-            children: p.map((m, d)=>/* @__PURE__ */ v(i.Fragment, {
-                    children: [
-                        m,
-                        d < t && /* @__PURE__ */ r(A, {
-                            paddingX: 16,
-                            children: /* @__PURE__ */ r(J, {})
-                        })
-                    ]
-                }, d))
-        }))
+        children: /* @__PURE__ */ o(N.Provider, {
+            value: {
+                small: p
+            },
+            children: /* @__PURE__ */ o("div", _object_spread_props(_object_spread({
+                role: a
+            }, y(_object_spread_props(_object_spread({
+                testid: "Accordion"
+            }, e), {
+                accordion: !0
+            }))), {
+                children: t.map((f, d)=>/* @__PURE__ */ g(i.Fragment, {
+                        children: [
+                            f,
+                            d < u && /* @__PURE__ */ o(G, {
+                                paddingX: 16,
+                                children: /* @__PURE__ */ o(Q, {})
+                            })
+                        ]
+                    }, d))
+            }))
+        })
     });
-}, Ae = /*#__PURE__*/ i.forwardRef((_param, c)=>{
-    var { dataAttributes: o, variant: e } = _param, n = _object_without_properties(_param, [
+}, Ce = /*#__PURE__*/ i.forwardRef((_param, c)=>{
+    var { dataAttributes: r, variant: e } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "variant"
     ]);
-    return /* @__PURE__ */ r(K, {
+    return /* @__PURE__ */ o(W, {
         overflow: "visible",
-        className: L,
+        className: _,
         variant: e !== null && e !== void 0 ? e : "default",
         ref: c,
         dataAttributes: _object_spread({
             testid: "BoxedAccordionItem"
-        }, o),
-        children: /* @__PURE__ */ r(R, _object_spread({}, n))
+        }, r),
+        children: /* @__PURE__ */ o(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__ */ r(b.Provider, {
+    return /* @__PURE__ */ o(A.Provider, {
         value: {
-            index: u,
-            toggle: f
+            index: x,
+            toggle: m
         },
-        children: /* @__PURE__ */ r(U, {
-            space: 16,
-            role: a,
-            dataAttributes: _object_spread({
-                testid: "BoxedAccordion",
-                accordion: !0
-            }, e),
-            children: o
+        children: /* @__PURE__ */ o(N.Provider, {
+            value: {
+                small: p
+            },
+            children: /* @__PURE__ */ o(H, {
+                space: 16,
+                role: a,
+                dataAttributes: _object_spread({
+                    testid: "BoxedAccordion",
+                    accordion: !0
+                }, e),
+                children: r
+            })
         })
     });
 };
-export { ve as Accordion, he as AccordionItem, be as BoxedAccordion, Ae as BoxedAccordionItem };
+export { be as Accordion, Ae as AccordionItem, Be as BoxedAccordion, Ce as BoxedAccordionItem };

package/dist-es/align.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                 */ var o = "v17_1_1mfs0fk0";
+/* empty css                                 */ var o = "v17_3_1mfs0fk0";
 export { o as container };

package/dist-es/autocomplete.css-mistica.js

@@ -1,2 +1,2 @@
-/* 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";
 export { n as autocompleteContainer, f as optionBaseItem, o as optionItem, y as optionItemSelected, r as optionsList };

package/dist-es/autocomplete.js

@@ -78,25 +78,25 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as A, jsx as r } from "react/jsx-runtime";
+import { jsxs as A, jsx as a } from "react/jsx-runtime";
 import * as o from "react";
 import V from "./text-field.js";
-import { autocompleteContainer as j, optionsList as S, optionItem as $, optionItemSelected as q, optionBaseItem as K } from "./autocomplete.css-mistica.js";
-import { Text3 as O } from "./text.js";
-import { combineRefs as M } from "./utils/common.js";
-import { TAB as P, ESC as U, ENTER as W, UP as z, DOWN as y } from "./utils/keys.js";
+import { autocompleteContainer as j, optionsList as S, optionItem as M, optionItemSelected as $, optionBaseItem as q } from "./autocomplete.css-mistica.js";
+import { Text2 as K, Text3 as P } from "./text.js";
+import { combineRefs as U } from "./utils/common.js";
+import { TAB as W, ESC as z, ENTER as G, UP as J, DOWN as y } from "./utils/keys.js";
 import { cancelEvent as k } from "./utils/dom.js";
-import G from "classnames";
-import { vars as J } from "./skins/skin-contract.css-mistica.js";
-import { autocompleteEmptyCase as Q } from "./text-tokens.js";
-import { useTheme as X } from "./hooks.js";
-const Y = (u, s)=>(u % s + s) % s, T = (u, s)=>`${u}-option-${s}`, ae = /*#__PURE__*/ o.forwardRef((_param, F)=>{
-    var { getSuggestions: u, onChangeValue: s, suggestionEmptyCase: N } = _param, c = _object_without_properties(_param, [
+import Q from "classnames";
+import { vars as X } from "./skins/skin-contract.css-mistica.js";
+import { autocompleteEmptyCase as Y } from "./text-tokens.js";
+import { useTheme as Z } from "./hooks.js";
+const _ = (u, c)=>(u % c + c) % c, O = (u, c)=>`${u}-option-${c}`, me = /*#__PURE__*/ o.forwardRef((_param, F)=>{
+    var { getSuggestions: u, onChangeValue: c, suggestionEmptyCase: N } = _param, i = _object_without_properties(_param, [
         "getSuggestions",
         "onChangeValue",
         "suggestionEmptyCase"
     ]);
-    const [l, I] = o.useState(!1), p = o.useId(), E = o.useId(), f = o.useRef(null), L = o.useRef(null), R = o.useRef(null), [i, b] = o.useState(-1), [w, C] = o.useState(void 0), { texts: B, t: H } = X(), n = u(c.value);
+    const [l, I] = o.useState(!1), p = o.useId(), E = o.useId(), f = o.useRef(null), L = o.useRef(null), R = o.useRef(null), [s, b] = o.useState(-1), [w, C] = o.useState(void 0), { texts: B, t: H } = Z(), n = u(i.value), T = i.small ? K : P;
     o.useLayoutEffect(()=>{
         if (l) {
             var _R_current, _f_current;
@@ -109,30 +109,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 = o.useCallback((t, e)=>{
-        s(t, e), b(-1);
+    }, r = o.useCallback((t, e)=>{
+        c(t, e), b(-1);
     }, [
-        s
+        c
     ]), v = o.useCallback(()=>{
-        n.includes(c.value) || a("", "");
+        n.includes(i.value) || r("", "");
     }, [
         n,
-        c.value,
-        a
+        i.value,
+        r
     ]);
     return o.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
     ]), o.useEffect(()=>{
         const t = (e)=>{
             var _f_current;
@@ -143,7 +143,7 @@ const Y = (u, s)=>(u % s + s) % s, T = (u, s)=>`${u}-option-${s}`, ae = /*#__PUR
         };
     }, [
         n,
-        c.value,
+        i.value,
         v
     ]), /* @__PURE__ */ A("div", {
         tabIndex: -1,
@@ -152,103 +152,103 @@ const Y = (u, s)=>(u % s + s) % s, T = (u, s)=>`${u}-option-${s}`, ae = /*#__PUR
         onKeyDown: (t)=>{
             switch(t.key){
                 case y:
-                case z:
+                case J:
                     {
                         const e = t.key === y ? 1 : -1, d = t.key === y ? 0 : n.length - 1;
                         if (k(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 W:
+                case G:
                     {
-                        const e = n[i];
-                        e && (k(t), a(e, e), m());
+                        const e = n[s];
+                        e && (k(t), r(e, e), m());
                         break;
                     }
-                case U:
+                case z:
                     {
                         if (k(t), !l) {
-                            a("", "");
+                            r("", "");
                             return;
                         }
                         m();
                         break;
                     }
-                case P:
+                case W:
                     {
                         m();
-                        const e = n[i];
+                        const e = n[s];
                         if (!e) {
                             v();
                             return;
                         }
-                        a(e, e);
+                        r(e, e);
                         break;
                     }
             }
         },
         children: [
-            /* @__PURE__ */ r(V, _object_spread_props(_object_spread({}, c), {
-                ref: M(L, F),
+            /* @__PURE__ */ a(V, _object_spread_props(_object_spread({}, i), {
+                ref: U(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();
                 }
             })),
-            /* @__PURE__ */ r("ul", {
+            /* @__PURE__ */ a("ul", {
                 ref: R,
                 id: p,
                 role: "listbox",
-                "aria-label": c.label,
+                "aria-label": i.label,
                 className: S,
                 style: {
                     display: l && n.length !== 0 ? "block" : "none",
                     top: w
                 },
-                children: n.map((t, e)=>/* @__PURE__ */ r("li", {
-                        id: T(p, e),
+                children: n.map((t, e)=>/* @__PURE__ */ a("li", {
+                        id: O(p, e),
                         role: "option",
-                        "aria-selected": i === e,
-                        className: G($, {
-                            [q]: i === e
+                        "aria-selected": s === e,
+                        className: Q(M, {
+                            [$]: s === e
                         }),
                         onMouseDown: (d)=>{
                             d.preventDefault();
                         },
                         onClick: ()=>{
-                            a(t, t), m();
+                            r(t, t), m();
                         },
-                        children: /* @__PURE__ */ r(O, {
+                        children: /* @__PURE__ */ a(T, {
                             regular: !0,
                             children: t
                         })
                     }, e))
             }),
-            /* @__PURE__ */ r("div", {
+            /* @__PURE__ */ a("div", {
                 role: "status",
                 "aria-labelledby": E,
-                children: /* @__PURE__ */ r("div", {
+                children: /* @__PURE__ */ a("div", {
                     className: S,
                     style: {
                         display: l && n.length === 0 ? "block" : "none",
                         top: w
                     },
-                    children: n.length === 0 && l && /* @__PURE__ */ r("div", {
-                        className: K,
-                        children: /* @__PURE__ */ r(O, {
+                    children: n.length === 0 && l && /* @__PURE__ */ a("div", {
+                        className: q,
+                        children: /* @__PURE__ */ a(T, {
                             regular: !0,
-                            color: J.colors.textSecondary,
+                            color: X.colors.textSecondary,
                             id: E,
-                            children: N || B.autocompleteEmptyCase || H(Q)
+                            children: N || B.autocompleteEmptyCase || H(Y)
                         })
                     })
                 })
@@ -256,4 +256,4 @@ const Y = (u, s)=>(u % s + s) % s, T = (u, s)=>`${u}-option-${s}`, ae = /*#__PUR
         ]
     });
 });
-export { ae as default };
+export { me as default };