@telefonica/mistica 16.72.0 → 17.1.0

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

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

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

@@ -1,5 +1,5 @@
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ var f = 328, a = "v16_72_15k6ur91 v16_72_15k6ur90 v16_72_1y2v1nfpz v16_72_1y2v1nfq4", u = "v16_72_15k6ur92 v16_72_1y2v1nfq4 v16_72_1y2v1nfq9 v16_72_1y2v1nft7 v16_72_1y2v1nfqr", k = "v16_72_15k6ur94 v16_72_15k6ur93 v16_72_1y2v1nft7 v16_72_1y2v1nfqn", e = "v16_72_15k6ur95", y = "v16_72_15k6ur97 v16_72_15k6ur96 v16_72_1y2v1nfq4 v16_72_1y2v1nfqa", l = "v16_72_15k6ur98", t = "v16_72_15k6ur9a v16_72_15k6ur99 v16_72_1y2v1nfqr", i = "v16_72_15k6ur9b v16_72_1y2v1nfqr", o = "v16_72_15k6ur9c", p = "v16_72_15k6ur9f v16_72_15k6ur9e v16_72_1y2v1nfsn v16_72_1y2v1nfq4 v16_72_1y2v1nfsv v16_72_1y2v1nfpy v16_72_15k6ur9d", q = "v16_72_15k6ur9g v16_72_1y2v1nfir v16_72_1y2v1nfk3 v16_72_1y2v1nfq4", d = "v16_72_15k6ur9i v16_72_15k6ur9h v16_72_1y2v1nfq4", h = "v16_72_15k6ur9j v16_72_1y2v1nfiu", b = "v16_72_15k6ur9k v16_72_1y2v1nfqp v16_72_1y2v1nfg3", m = "v16_72_15k6ur9l", s = {
-    default: "v16_72_15k6ur9o v16_72_15k6ur9m v16_72_1y2v1nf83",
-    readOnly: "v16_72_15k6ur9p v16_72_15k6ur9n v16_72_1y2v1nfcs"
+/* 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"
 };
-export { f as DEFAULT_WIDTH, s as background, l as disabled, p as field, y as fieldContainer, o as focused, i as fullWidth, q as helperContainer, b as helperText, a as labelContainer, u as labelInner, k as labelText, d 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, 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 };

package/dist-es/text-link.css-mistica.js

@@ -1,10 +1,10 @@
 /* empty css                                     */ /* empty css                                     */ var n = {
-    underlineAlways: "v16_72_1m1n0pr2",
-    underlineOnHover: "v16_72_1m1n0pr3"
+    underlineAlways: "v17_1_1m1n0pr2",
+    underlineOnHover: "v17_1_1m1n0pr3"
 }, r = {
-    default: "v16_72_1m1n0pr8 v16_72_1m1n0pr1 v16_72_1m1n0pr0 v16_72_1y2v1nfqs v16_72_1y2v1nfq7 v16_72_1y2v1nft6 v16_72_1m1n0pr4 v16_72_1y2v1nf34",
-    brand: "v16_72_1m1n0pr9 v16_72_1m1n0pr1 v16_72_1m1n0pr0 v16_72_1y2v1nfqs v16_72_1y2v1nfq7 v16_72_1y2v1nft6 v16_72_1m1n0pr5 v16_72_1y2v1nf37",
-    negative: "v16_72_1m1n0pra v16_72_1m1n0pr1 v16_72_1m1n0pr0 v16_72_1y2v1nfqs v16_72_1y2v1nfq7 v16_72_1y2v1nft6 v16_72_1m1n0pr6 v16_72_1y2v1nf36",
-    media: "v16_72_1m1n0prb v16_72_1m1n0pr1 v16_72_1m1n0pr0 v16_72_1y2v1nfqs v16_72_1y2v1nfq7 v16_72_1y2v1nft6 v16_72_1m1n0pr7 v16_72_1y2v1nf38"
+    default: "v17_1_1m1n0pr8 v17_1_1m1n0pr1 v17_1_1m1n0pr0 v17_1_1y2v1nfry v17_1_1y2v1nfrd v17_1_1y2v1nfuc v17_1_1m1n0pr4 v17_1_1y2v1nf3k",
+    brand: "v17_1_1m1n0pr9 v17_1_1m1n0pr1 v17_1_1m1n0pr0 v17_1_1y2v1nfry v17_1_1y2v1nfrd v17_1_1y2v1nfuc v17_1_1m1n0pr5 v17_1_1y2v1nf3n",
+    negative: "v17_1_1m1n0pra v17_1_1m1n0pr1 v17_1_1m1n0pr0 v17_1_1y2v1nfry v17_1_1y2v1nfrd v17_1_1y2v1nfuc v17_1_1m1n0pr6 v17_1_1y2v1nf3m",
+    media: "v17_1_1m1n0prb v17_1_1m1n0pr1 v17_1_1m1n0pr0 v17_1_1y2v1nfry v17_1_1y2v1nfrd v17_1_1y2v1nfuc v17_1_1m1n0pr7 v17_1_1y2v1nf3o"
 };
 export { n as linkStyles, r as variants };

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

@@ -1,8 +1,8 @@
 /* empty css                                */ var r = {
-    mobileSize: "var(--v16_72_splu5g0)",
-    desktopSize: "var(--v16_72_splu5g1)",
-    mobileLineHeight: "var(--v16_72_splu5g2)",
-    desktopLineHeight: "var(--v16_72_splu5g3)",
-    lineClamp: "var(--v16_72_splu5g4)"
-}, _ = "v16_72_splu5g5", e = "v16_72_splu5g6", a = "v16_72_splu5g7", p = "v16_72_splu5g8", t = "v16_72_splu5g9";
+    mobileSize: "var(--v17_1_splu5g0)",
+    desktopSize: "var(--v17_1_splu5g1)",
+    mobileLineHeight: "var(--v17_1_splu5g2)",
+    desktopLineHeight: "var(--v17_1_splu5g3)",
+    lineClamp: "var(--v17_1_splu5g4)"
+}, _ = "v17_1_splu5g5", e = "v17_1_splu5g6", a = "v17_1_splu5g7", p = "v17_1_splu5g8", t = "v17_1_splu5g9";
 export { a as text, p as truncate, t as truncateToOneLine, r as vars, _ as withWordBreak, e as withoutWordBreak };