@telefonica/mistica 17.1.0 → 17.3.0

package/dist-es/text-field-base.js

@@ -78,28 +78,28 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as pe } from "react/jsx-runtime";
+import { jsx as e, jsxs as be } from "react/jsx-runtime";
 import * as a from "react";
-import { createElement as xe } from "react";
-import C from "classnames";
-import { useTheme as _, useScreenSize as Se, useIsomorphicLayoutEffect as be } from "./hooks.js";
-import { InternalToggleIconButton as ye, InternalIconButton as Ie } from "./icon-button.js";
-import { iconSize as ve } from "./icon-button.css-mistica.js";
-import { vars as ee } from "./skins/skin-contract.css-mistica.js";
-import { Text3 as N } from "./text.js";
-import { startIcon as Re, prefix as Ce, inputWithLabel as Q, inputWithoutLabel as U, fieldLeftPadding as W, fieldElementsGap as Te, iconButtonSize as Fe, fieldEndIconGap as $e, fieldRightPadding as X, fieldVars as Y, fullWidth as Ee, textArea as We, textAreaWithLabel as Ne, textAreaWithoutLabel as Pe, input as Ae, emptyDateValue as we, hiddenDatePlaceholder as Be, inputFirefoxStyles as De, endIconContainer as Le, endIconPlaceholder as Me, menuItemBase as Oe, suggestionsContainer as Ve, menuItem as ke, menuItemSelected as ze } from "./text-field-base.css-mistica.js";
-import { FieldContainer as He, Label as Ge, HelperText as je } from "./text-field-components.js";
-import { formTextMultilineMaxCount as Ke, searchFieldSuggestionsEmptyCase as qe, menuLabelSuffix as Je } from "./text-tokens.js";
-import { ThemeVariant as Qe } from "./theme-variant-context.js";
-import { combineRefs as te } from "./utils/common.js";
-import { isFirefox as Ue, isRunningAcceptanceTest as Xe } from "./utils/platform.js";
-const Ye = (n, m)=>{
-    if (!m) return !0;
+import { createElement as ye } from "react";
+import F from "classnames";
+import { useTheme as te, useScreenSize as Ie, useIsomorphicLayoutEffect as ve } from "./hooks.js";
+import { InternalToggleIconButton as Te, InternalIconButton as Re } from "./icon-button.js";
+import { iconSize as Ce } from "./icon-button.css-mistica.js";
+import { vars as le } from "./skins/skin-contract.css-mistica.js";
+import { Text2 as ae, Text3 as z } from "./text.js";
+import { startIcon as Fe, prefix as Ee, inputWithLabel as X, inputWithoutLabel as Y, fieldLeftPadding as P, fieldElementsGap as We, iconButtonSize as $e, fieldEndIconGap as Ne, fieldRightPadding as Z, fieldVars as _, fullWidth as Pe, textArea as Ae, textAreaWithLabel as we, textAreaWithoutLabel as Be, input as De, emptyDateValue as Me, hiddenDatePlaceholder as Ve, inputFirefoxStyles as Le, endIconContainer as Oe, endIconPlaceholder as ke, menuItemBase as ze, suggestionsContainer as He, menuItem as Ge, menuItemSelected as je } from "./text-field-base.css-mistica.js";
+import { FieldContainer as Ke, Label as qe, HelperText as Je } from "./text-field-components.js";
+import { formTextMultilineMaxCount as Qe, searchFieldSuggestionsEmptyCase as Ue, menuLabelSuffix as Xe } from "./text-tokens.js";
+import { ThemeVariant as Ye } from "./theme-variant-context.js";
+import { combineRefs as ne } from "./utils/common.js";
+import { isFirefox as Ze, isRunningAcceptanceTest as _e } from "./utils/platform.js";
+const et = (n, g)=>{
+    if (!g) return !0;
     const r = document.createElement("input");
-    return r.type = m, r.value = n || "", r.value !== "";
-}, mt = (param)=>{
-    let { hasBackgroundColor: n = !0, onPress: m, onChange: r, disabled: p, Icon: i, checkedProps: u, uncheckedProps: o, "aria-label": S } = param;
-    return u ? /* @__PURE__ */ t(ye, {
+    return r.type = g, r.value = n || "", r.value !== "";
+}, St = (param)=>{
+    let { hasBackgroundColor: n = !0, onPress: g, onChange: r, disabled: S, Icon: i, checkedProps: u, uncheckedProps: o, "aria-label": b } = param;
+    return u ? /* @__PURE__ */ e(Te, {
         checkedProps: _object_spread_props(_object_spread({}, u), {
             "aria-label": u["aria-label"] || ""
         }),
@@ -108,22 +108,22 @@ const Ye = (n, m)=>{
         }),
         onChange: r,
         hasOverlay: n,
-        disabled: p,
+        disabled: S,
         small: !0,
         bleedRight: !0
-    }) : /* @__PURE__ */ t(Ie, {
+    }) : /* @__PURE__ */ e(Re, {
         Icon: i,
-        disabled: p,
-        "aria-label": S || "",
-        onPress: m,
+        disabled: S,
+        "aria-label": b || "",
+        onPress: g,
         hasOverlay: n,
         small: !0,
         bleedRight: !0
     });
-}, Z = (n)=>{
+}, ee = (n)=>{
     n.preventDefault();
-}, z = /*#__PURE__*/ a.forwardRef((_param, ne)=>{
-    var { error: n, helperText: m, label: r, inputProps: p, inputRef: i, defaultValue: u, value: o, onFocus: S, onBlur: P, inputComponent: y, prefix: I, startIcon: g, endIcon: T, endIconOverlay: b, endIconSpaceReserved: F, shrinkLabel: $, multiline: c = !1, focus: x, fieldRef: A, maxLength: e, id: s, autoComplete: v, fullWidth: E, dataAttributes: le, preventCopy: w, showOptionalLabel: ae = !0, required: B } = _param, d = _object_without_properties(_param, [
+}, k = /*#__PURE__*/ a.forwardRef((_param, oe)=>{
+    var { error: n, helperText: g, label: r, inputProps: S, inputRef: i, defaultValue: u, value: o, onFocus: b, onBlur: A, inputComponent: I, prefix: v, startIcon: p, endIcon: T, endIconOverlay: y, endIconSpaceReserved: E, shrinkLabel: W, multiline: c = !1, focus: x, fieldRef: $, maxLength: f, id: t, autoComplete: s, fullWidth: R, dataAttributes: N, preventCopy: w, showOptionalLabel: ie = !0, required: B, small: H } = _param, d = _object_without_properties(_param, [
         "error",
         "helperText",
         "label",
@@ -150,238 +150,240 @@ const Ye = (n, m)=>{
         "dataAttributes",
         "preventCopy",
         "showOptionalLabel",
-        "required"
+        "required",
+        "small"
     ]);
-    const { preventCopyInFormFields: ie, texts: oe, t: re } = _();
-    w = w !== null && w !== void 0 ? w : ie;
+    const { preventCopyInFormFields: re, texts: se, t: de } = te();
+    w = w !== null && w !== void 0 ? w : re;
     var _u_length;
-    const se = a.useId(), H = s || se, G = a.useId(), j = a.useId(), [f, h] = a.useState((u === null || u === void 0 ? void 0 : u.length) || (o === null || o === void 0 ? void 0 : o.length) ? "filled" : "default"), { isTabletOrSmaller: de } = Se(), [D, K] = a.useState((_u_length = u === null || u === void 0 ? void 0 : u.length) !== null && _u_length !== void 0 ? _u_length : 0), L = !!r || !B, R = d.type === "date" || d.type === "datetime-local" || d.type === "time" || d.type === "month", q = a.useRef(void 0);
-    be(()=>{
-        const l = R && !Ye(o, d.type) ? "" : o, ge = o !== void 0;
+    const ue = a.useId(), G = t || ue, j = a.useId(), K = a.useId(), [h, m] = a.useState((u === null || u === void 0 ? void 0 : u.length) || (o === null || o === void 0 ? void 0 : o.length) ? "filled" : "default"), { isTabletOrSmaller: ce } = Ie(), [D, q] = a.useState((_u_length = u === null || u === void 0 ? void 0 : u.length) !== null && _u_length !== void 0 ? _u_length : 0), M = !!r || !B, C = d.type === "date" || d.type === "datetime-local" || d.type === "time" || d.type === "month", J = a.useRef(void 0);
+    ve(()=>{
+        const l = C && !et(o, d.type) ? "" : o, xe = o !== void 0;
         var _l_length;
-        q.current !== o && R && !(l === null || l === void 0 ? void 0 : l.length) && f === "filled" && x === void 0 && h("default"), q.current = o, f !== "focused" && ge && (K((_l_length = l === null || l === void 0 ? void 0 : l.length) !== null && _l_length !== void 0 ? _l_length : 0), h((l === null || l === void 0 ? void 0 : l.length) ? "filled" : "default")), x && h("focused"), x === !1 && !(l === null || l === void 0 ? void 0 : l.length) && h("default"), x === !1 && (l === null || l === void 0 ? void 0 : l.length) && h("filled");
+        J.current !== o && C && !(l === null || l === void 0 ? void 0 : l.length) && h === "filled" && x === void 0 && m("default"), J.current = o, h !== "focused" && xe && (q((_l_length = l === null || l === void 0 ? void 0 : l.length) !== null && _l_length !== void 0 ? _l_length : 0), m((l === null || l === void 0 ? void 0 : l.length) ? "filled" : "default")), x && m("focused"), x === !1 && !(l === null || l === void 0 ? void 0 : l.length) && m("default"), x === !1 && (l === null || l === void 0 ? void 0 : l.length) && m("filled");
     }, [
-        f,
+        h,
         o,
         x,
-        R,
+        C,
         d.type
     ]), a.useEffect(()=>{
-        d.autoFocus && h("focused");
+        d.autoFocus && m("focused");
     }, [
         d.autoFocus
     ]);
-    const ue = c ? "textarea" : "input", ce = y ? {
+    const fe = c ? "textarea" : "input", he = I ? {
         inputRef: i
     } : {
-        ref: te(ne, i)
-    }, M = _object_spread(_object_spread_props(_object_spread({}, d), {
-        maxLength: e,
-        autoComplete: v
-    }), p), O = `calc(${ve.small} + ${Te}px)`, J = `calc(${Fe} + ${$e}px)`, V = !!T, k = V || F, fe = $ || f === "focused" || f === "filled" ? de ? Y.labelScaleMobile : Y.labelScaleDesktop : 1, he = {
-        left: `calc(${W}px + ${g ? O : "0px"})`,
+        ref: ne(oe, i)
+    }, V = _object_spread(_object_spread_props(_object_spread({}, d), {
+        maxLength: f,
+        autoComplete: s
+    }), S), L = `calc(${Ce.small} + ${We}px)`, Q = `calc(${$e} + ${Ne}px)`, O = !!T, U = O || E, me = H ? ae : z, ge = W || h === "focused" || h === "filled" ? ce ? _.labelScaleMobile : _.labelScaleDesktop : 1, pe = {
+        left: `calc(${P} + ${p ? L : "0px"})`,
         // shrinking means applying a scale transformation, so width will be proportionally reduced.
         // Let's keep the original width.
-        width: `calc((100% - ${W}px - ${g ? O : "0px"} - ${k || b ? J : `${X}px`}) / ${fe})`
-    }, me = d.type === "password" && D > 0 ? "Lucida Grande, Arial, sans-serif" : "inherit";
-    return /* @__PURE__ */ t(He, {
+        width: `calc((100% - ${P} - ${p ? L : "0px"} - ${T || y ? Q : Z}) / ${ge})`
+    }, Se = d.type === "password" && D > 0 ? "Lucida Grande, Arial, sans-serif" : "inherit";
+    return /* @__PURE__ */ e(Ke, {
         disabled: d.disabled,
-        helperText: /* @__PURE__ */ t(je, {
+        helperText: /* @__PURE__ */ e(Je, {
             error: n,
-            leftText: m,
-            leftTextId: G,
-            rightTextId: j,
-            rightText: c && e ? `${D}/${e}` : void 0,
-            rightTextLabel: c && e ? re(oe.formTextMultilineMaxCount || Ke, D, e) : void 0
+            leftText: g,
+            leftTextId: j,
+            rightTextId: K,
+            rightText: c && f ? `${D}/${f}` : void 0,
+            rightTextLabel: c && f ? de(se.formTextMultilineMaxCount || Qe, D, f) : void 0
         }),
         multiline: c,
-        fullWidth: E,
-        fieldRef: A,
+        fullWidth: R,
+        fieldRef: $,
         readOnly: d.readOnly,
-        dataAttributes: le,
+        dataAttributes: N,
         focus: x,
-        children: /* @__PURE__ */ pe(Qe, {
+        small: H,
+        children: /* @__PURE__ */ be(Ye, {
             variant: "default",
             children: [
-                g && /* @__PURE__ */ t("div", {
-                    className: Re,
+                p && /* @__PURE__ */ e("div", {
+                    className: Fe,
                     "data-testid": "startIcon",
-                    children: g
+                    children: p
                 }),
-                I && /* @__PURE__ */ t("div", {
+                v && /* @__PURE__ */ e("div", {
                     "aria-hidden": !0,
-                    className: C(Ce, L ? Q : U),
+                    className: F(Ee, M ? X : Y),
                     style: {
-                        opacity: f === "default" ? 0 : 1
+                        opacity: h === "default" ? 0 : 1
                     },
-                    children: /* @__PURE__ */ t(N, {
-                        color: ee.colors.textSecondary,
+                    children: /* @__PURE__ */ e(me, {
+                        color: le.colors.textSecondary,
                         regular: !0,
                         wordBreak: !1,
-                        children: I
+                        children: v
                     })
                 }),
-                r && /* @__PURE__ */ t(Ge, {
-                    style: he,
+                r && /* @__PURE__ */ e(qe, {
+                    style: pe,
                     error: n,
-                    forId: H,
-                    inputState: f,
-                    shrinkLabel: $,
-                    showOptional: !B && ae,
+                    forId: G,
+                    inputState: h,
+                    shrinkLabel: W,
+                    showOptional: !B && ie,
                     children: r
                 }),
-                /* @__PURE__ */ t("div", {
-                    className: Ee,
-                    children: /* @__PURE__ */ t(N, {
+                /* @__PURE__ */ e("div", {
+                    className: Pe,
+                    children: /* @__PURE__ */ e(z, {
                         as: "div",
                         regular: !0,
-                        children: /*#__PURE__*/ a.createElement(y || ue, _object_spread(_object_spread_props(_object_spread(_object_spread_props(_object_spread({}, ce, M), {
-                            id: H
+                        children: /*#__PURE__*/ a.createElement(I || fe, _object_spread(_object_spread_props(_object_spread(_object_spread_props(_object_spread({}, he, V), {
+                            id: G
                         }), B && {
                             "aria-required": !0
                         }, n && {
                             "aria-invalid": !0
                         }), {
                             style: _object_spread_props(_object_spread({
-                                paddingRight: k ? 0 : b ? J : X,
-                                paddingLeft: I ? 0 : g ? `calc(${O} + ${W}px)` : W
-                            }, M.style), {
-                                fontFamily: me
+                                paddingRight: U ? 0 : y ? Q : Z,
+                                paddingLeft: v ? 0 : p ? `calc(${L} + ${P})` : P
+                            }, V.style), {
+                                fontFamily: Se
                             }),
-                            className: c ? C(We, L ? Ne : Pe) : C(Ae, L ? Q : U, {
-                                [De]: Ue(),
+                            className: c ? F(Ae, M ? we : Be) : F(De, M ? X : Y, {
+                                [Le]: Ze(),
                                 // Hide webkit placeholder when label is not shrinked and value is empty
-                                [Be]: R && f === "default",
+                                [Ve]: C && h === "default",
                                 // Force height of input when value is empty to avoid field from having height 0 in iOS
-                                [we]: R && f !== "filled"
+                                [Me]: C && h !== "filled"
                             }),
                             onFocus: (l)=>{
-                                h("focused"), S === null || S === void 0 ? void 0 : S(l);
+                                m("focused"), b === null || b === void 0 ? void 0 : b(l);
                             },
                             onBlur: (l)=>{
-                                l.target.value.length > 0 ? h("filled") : h("default"), P === null || P === void 0 ? void 0 : P(l);
+                                l.target.value.length > 0 ? m("filled") : m("default"), A === null || A === void 0 ? void 0 : A(l);
                             },
                             onChange: (l)=>{
-                                var _M_onChange;
-                                e === void 0 || l.target.value.length <= e ? (K(l.target.value.length), l.target.value.length > 0 && f !== "focused" && h(l.target.value.length > 0 ? "filled" : "default"), (_M_onChange = M.onChange) === null || _M_onChange === void 0 ? void 0 : _M_onChange.call(M, l)) : (l.stopPropagation(), l.preventDefault());
+                                var _V_onChange;
+                                f === void 0 || l.target.value.length <= f ? (q(l.target.value.length), l.target.value.length > 0 && h !== "focused" && m(l.target.value.length > 0 ? "filled" : "default"), (_V_onChange = V.onChange) === null || _V_onChange === void 0 ? void 0 : _V_onChange.call(V, l)) : (l.stopPropagation(), l.preventDefault());
                             },
                             defaultValue: u,
                             value: o
                         }), n && {
                             "aria-invalid": !0
-                        }, (m || c && e) && {
-                            "aria-describedby": `${G} ${j}`
+                        }, (g || c && f) && {
+                            "aria-describedby": `${j} ${K}`
                         }, w && {
-                            onCopy: Z,
-                            onCut: Z
+                            onCopy: ee,
+                            onCut: ee
                         }))
                     })
                 }),
-                k && /* @__PURE__ */ t("div", {
-                    className: Le,
-                    "data-testid": V ? "endIcon" : void 0,
-                    "aria-hidden": V ? void 0 : !0,
-                    children: T || /* @__PURE__ */ t("div", {
-                        className: Me
+                U && /* @__PURE__ */ e("div", {
+                    className: Oe,
+                    "data-testid": O ? "endIcon" : void 0,
+                    "aria-hidden": O ? void 0 : !0,
+                    children: T || /* @__PURE__ */ e("div", {
+                        className: ke
                     })
                 }),
-                b
+                y
             ]
         })
     });
-}), Ze = /*#__PURE__*/ a.lazy(()=>import(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")), gt = /*#__PURE__*/ a.forwardRef((_param, u)=>{
-    var { getSuggestions: n, id: m, shouldShowSuggestions: r = "focus", withSuggestionsEmptyCase: p = !1 } = _param, i = _object_without_properties(_param, [
+}), tt = /*#__PURE__*/ a.lazy(()=>import(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")), xt = /*#__PURE__*/ a.forwardRef((_param, u)=>{
+    var { getSuggestions: n, id: g, shouldShowSuggestions: r = "focus", withSuggestionsEmptyCase: S = !1 } = _param, i = _object_without_properties(_param, [
         "getSuggestions",
         "id",
         "shouldShowSuggestions",
         "withSuggestionsEmptyCase"
     ]);
-    const [o, S] = a.useState([]), [P, y] = a.useState(!1), I = a.useRef(null), g = a.useRef(null), { platformOverrides: T, texts: b, t: F } = _(), $ = a.useId(), c = m || $, x = a.useId(), A = typeof p == "string" ? p : b.searchFieldSuggestionsEmptyCase || F(qe);
+    const [o, b] = a.useState([]), [A, I] = a.useState(!1), v = a.useRef(null), p = a.useRef(null), { platformOverrides: T, texts: y, t: E } = te(), W = a.useId(), c = g || W, x = a.useId(), $ = i.small ? ae : z, f = typeof S == "string" ? S : y.searchFieldSuggestionsEmptyCase || E(Ue);
     if (n && (i.value === void 0 || i.defaultValue !== void 0)) throw Error("Fields with suggestions must be used in controlled mode");
-    return n ? /* @__PURE__ */ t(a.Suspense, {
-        fallback: /* @__PURE__ */ t(z, _object_spread_props(_object_spread({}, i), {
-            label: Xe(T) ? "" : i.label,
+    return n ? /* @__PURE__ */ e(a.Suspense, {
+        fallback: /* @__PURE__ */ e(k, _object_spread_props(_object_spread({}, i), {
+            label: _e(T) ? "" : i.label,
             autoComplete: "off",
             ref: u,
             id: c
         })),
-        children: /* @__PURE__ */ t(Ze, {
+        children: /* @__PURE__ */ e(tt, {
             id: x,
             inputProps: _object_spread_props(_object_spread({}, i), {
                 id: c,
                 autoComplete: "off",
                 // @ts-expect-error Autosuggest expects slightly different types
-                onChange: (e, param)=>{
+                onChange: (t, param)=>{
                     let { newValue: s } = param;
                     var _i_onChange;
-                    e.target = _object_spread_props(_object_spread({}, e.target), {
+                    t.target = _object_spread_props(_object_spread({}, t.target), {
                         value: s
-                    }), e.currentTarget = _object_spread_props(_object_spread({}, e.currentTarget), {
+                    }), t.currentTarget = _object_spread_props(_object_spread({}, t.currentTarget), {
                         value: s
-                    }), (_i_onChange = i.onChange) === null || _i_onChange === void 0 ? void 0 : _i_onChange.call(i, e);
+                    }), (_i_onChange = i.onChange) === null || _i_onChange === void 0 ? void 0 : _i_onChange.call(i, t);
                 }
             }),
-            renderInputComponent: (e)=>{
-                const { key: s } = e, v = _object_without_properties(e, [
+            renderInputComponent: (t)=>{
+                const { key: s } = t, R = _object_without_properties(t, [
                     "key"
                 ]);
-                return /* @__PURE__ */ t(z, _object_spread_props(_object_spread({
+                return /* @__PURE__ */ e(k, _object_spread_props(_object_spread({
                     role: "combobox"
-                }, v), {
-                    fieldRef: g,
-                    inputRef: te(I, i.inputRef, u)
+                }, R), {
+                    fieldRef: p,
+                    inputRef: ne(v, i.inputRef, u)
                 }), s);
             },
             suggestions: o,
-            shouldRenderSuggestions: (e)=>r === "focus" || e.trim().length >= r,
+            shouldRenderSuggestions: (t)=>r === "focus" || t.trim().length >= r,
             onSuggestionsFetchRequested: (param)=>{
-                let { value: e } = param;
-                const s = n(e);
-                y(!0), S(s);
+                let { value: t } = param;
+                const s = n(t);
+                I(!0), b(s);
             },
             onSuggestionsClearRequested: ()=>{
-                y(!1), S([]);
+                I(!1), b([]);
             },
-            getSuggestionValue: (e)=>e,
-            renderSuggestion: (e, param)=>{
+            getSuggestionValue: (t)=>t,
+            renderSuggestion: (t, param)=>{
                 let { isHighlighted: s } = param;
-                return /* @__PURE__ */ t("div", {
+                return /* @__PURE__ */ e("div", {
                     role: "menuitem",
-                    className: C(ke, {
-                        [ze]: s
+                    className: F(Ge, {
+                        [je]: s
                     }),
-                    children: /* @__PURE__ */ t(N, {
+                    children: /* @__PURE__ */ e($, {
                         regular: !0,
-                        children: e
+                        children: t
                     })
                 });
             },
-            renderSuggestionsContainer: (e)=>{
-                if (!P) return null;
-                const _e_containerProps = e.containerProps, { key: s } = _e_containerProps, v = _object_without_properties(_e_containerProps, [
+            renderSuggestionsContainer: (t)=>{
+                if (!A) return null;
+                const _t_containerProps = t.containerProps, { key: s } = _t_containerProps, R = _object_without_properties(_t_containerProps, [
                     "key"
-                ]), E = o.length === 0 && p ? /* @__PURE__ */ t("div", {
+                ]), N = o.length === 0 && S ? /* @__PURE__ */ e("div", {
                     role: "status",
-                    className: C(Oe),
-                    children: /* @__PURE__ */ t(N, {
+                    className: F(ze),
+                    children: /* @__PURE__ */ e($, {
                         regular: !0,
-                        color: ee.colors.textSecondary,
-                        children: A
+                        color: le.colors.textSecondary,
+                        children: f
                     })
-                }) : e.children;
-                return E ? /* @__PURE__ */ /*#__PURE__*/ xe("div", _object_spread_props(_object_spread({}, v), {
+                }) : t.children;
+                return N ? /* @__PURE__ */ /*#__PURE__*/ ye("div", _object_spread_props(_object_spread({}, R), {
                     key: s,
                     style: {
-                        width: g.current ? g.current.clientWidth + 2 : 0
+                        width: p.current ? p.current.clientWidth + 2 : 0
                     },
-                    className: Ve,
-                    "aria-label": `${i.label} ${b.menuLabelSuffix || F(Je)}`
-                }), E) : null;
+                    className: He,
+                    "aria-label": `${i.label} ${y.menuLabelSuffix || E(Xe)}`
+                }), N) : null;
             }
         })
-    }) : /* @__PURE__ */ t(z, _object_spread_props(_object_spread({}, i), {
+    }) : /* @__PURE__ */ e(k, _object_spread_props(_object_spread({}, i), {
         id: c,
         ref: u
     }));
 });
-export { mt as FieldEndIcon, z as TextFieldBase, gt as TextFieldBaseAutosuggest };
+export { St as FieldEndIcon, k as TextFieldBase, xt as TextFieldBaseAutosuggest };

package/dist-es/text-field-components.css-mistica.js

@@ -1,5 +1,5 @@
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ var a = 328, f = "v17_1_15k6ur91 v17_1_15k6ur90 v17_1_1y2v1nfr5 v17_1_1y2v1nfra", u = "v17_1_15k6ur92 v17_1_1y2v1nfra v17_1_1y2v1nfrf v17_1_1y2v1nfud v17_1_1y2v1nfrx", k = "v17_1_15k6ur94 v17_1_15k6ur93 v17_1_1y2v1nfud v17_1_1y2v1nfrt", e = "v17_1_15k6ur95", y = "v17_1_15k6ur97 v17_1_15k6ur96 v17_1_1y2v1nfra v17_1_1y2v1nfrg", l = "v17_1_15k6ur98", t = "v17_1_15k6ur9a v17_1_15k6ur99 v17_1_1y2v1nfrx", d = "v17_1_15k6ur9b v17_1_1y2v1nfrx", i = "v17_1_15k6ur9c", o = "v17_1_15k6ur9f v17_1_15k6ur9e v17_1_1y2v1nftt v17_1_1y2v1nfra v17_1_1y2v1nfu1 v17_1_1y2v1nfr4 v17_1_15k6ur9d", p = "v17_1_15k6ur9g v17_1_1y2v1nfjx v17_1_1y2v1nfl9 v17_1_1y2v1nfra", x = "v17_1_15k6ur9i v17_1_15k6ur9h v17_1_1y2v1nfra", h = "v17_1_15k6ur9j v17_1_1y2v1nfk0", b = "v17_1_15k6ur9k v17_1_1y2v1nfrv v17_1_1y2v1nfh9", m = "v17_1_15k6ur9l", T = {
-    default: "v17_1_15k6ur9o v17_1_15k6ur9m v17_1_1y2v1nf8x",
-    readOnly: "v17_1_15k6ur9p v17_1_15k6ur9n v17_1_1y2v1nfdz"
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ var a = 328, u = "v17_3_15k6ur91 v17_3_15k6ur90 v17_3_1y2v1nfr5 v17_3_1y2v1nfra", e = "v17_3_15k6ur92 v17_3_1y2v1nfra v17_3_1y2v1nfrf v17_3_1y2v1nfue v17_3_1y2v1nfrx", f = "v17_3_15k6ur94 v17_3_15k6ur93 v17_3_1y2v1nfue v17_3_1y2v1nfrt", k = "v17_3_15k6ur95", y = "v17_3_15k6ur97 v17_3_15k6ur96 v17_3_1y2v1nfra v17_3_1y2v1nfrg", l = "v17_3_15k6ur98", t = "v17_3_15k6ur9a v17_3_15k6ur99 v17_3_1y2v1nfrx", i = "v17_3_15k6ur9b v17_3_1y2v1nfrx", d = "v17_3_15k6ur9c", o = "v17_3_15k6ur9f v17_3_15k6ur9e v17_3_1y2v1nftt v17_3_1y2v1nfra v17_3_1y2v1nfu1 v17_3_1y2v1nfr4 v17_3_15k6ur9d", p = "v17_3_15k6ur9h v17_3_15k6ur9g v17_3_1y2v1nfra", x = "v17_3_15k6ur9j v17_3_15k6ur9i v17_3_1y2v1nfra", h = "v17_3_15k6ur9k v17_3_1y2v1nfk0", b = "v17_3_15k6ur9l v17_3_1y2v1nfrv v17_3_1y2v1nfh9", m = "v17_3_15k6ur9m", T = {
+    default: "v17_3_15k6ur9p v17_3_15k6ur9n v17_3_1y2v1nf8x",
+    readOnly: "v17_3_15k6ur9q v17_3_15k6ur9o v17_3_1y2v1nfdz"
 };
-export { a as DEFAULT_WIDTH, T as background, l as disabled, o as field, y as fieldContainer, i as focused, d as fullWidth, p as helperContainer, b as helperText, f as labelContainer, u as labelInner, k as labelText, x as leftHelperText, t as normalWidth, h as rightHelperText, e as shrinked, m as warnIcon };
+export { a as DEFAULT_WIDTH, T as background, l as disabled, o as field, y as fieldContainer, d as focused, i as fullWidth, p as helperContainer, b as helperText, u as labelContainer, e as labelInner, f as labelText, x as leftHelperText, t as normalWidth, h as rightHelperText, k as shrinked, m as warnIcon };