@telefonica/mistica 17.0.0 → 17.2.0

package/dist/search-field.js

@@ -146,8 +146,8 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const $ = /*#__PURE__*/ _react.forwardRef((_param, g)=>{
-    var { disabled: u, error: f, helperText: m, name: d, label: p, optional: h, validate: S, validateOnBlurInsideForm: I, onChange: t, onChangeValue: l, onBlur: R, value: i, defaultValue: b, withStartIcon: C = !0, dataAttributes: F } = _param, V = _object_without_properties(_param, [
+const $ = /*#__PURE__*/ _react.forwardRef((_param, V)=>{
+    var { disabled: u, error: f, helperText: m, name: d, label: p, optional: h, validate: S, validateOnBlurInsideForm: I, onChange: t, onChangeValue: l, onBlur: R, value: n, defaultValue: b, withStartIcon: C = !0, dataAttributes: v } = _param, F = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -164,7 +164,7 @@ const $ = /*#__PURE__*/ _react.forwardRef((_param, g)=>{
         "withStartIcon",
         "dataAttributes"
     ]);
-    const { texts: v, t: x } = (0, _hooks.useTheme)(), e = _react.useRef(null), [y, P] = _react.useState(b || ""), s = typeof i < "u", n = s ? i : y, a = _react.useCallback((o, A)=>{
+    const { texts: g, t: x } = (0, _hooks.useTheme)(), e = _react.useRef(null), [y, P] = _react.useState(b || ""), s = typeof n < "u", i = s ? n : y, a = _react.useCallback((o, A)=>{
         s || P(o), l === null || l === void 0 ? void 0 : l(o, A);
     }, [
         s,
@@ -180,7 +180,7 @@ const $ = /*#__PURE__*/ _react.forwardRef((_param, g)=>{
     ]), z = (0, _formcontext.useFieldProps)({
         name: d,
         label: p,
-        value: n,
+        value: i,
         defaultValue: void 0,
         processValue: (o)=>o,
         helperText: m,
@@ -194,19 +194,20 @@ const $ = /*#__PURE__*/ _react.forwardRef((_param, g)=>{
         onChangeValue: a
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({
-        ref: (0, _common.combineRefs)(e, g),
+        ref: (0, _common.combineRefs)(e, V),
         startIcon: C ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsearchregular.default, {
             size: _iconbuttoncssmistica.iconSize.small
         }) : void 0,
-        endIcon: n ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.FieldEndIcon, {
+        endIconSpaceReserved: !0,
+        endIcon: i ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.FieldEndIcon, {
             Icon: _iconcloseregular.default,
-            "aria-label": v.formSearchClear || x(_texttokens.formSearchClear),
+            "aria-label": g.formSearchClear || x(_texttokens.formSearchClear),
             onPress: k
         }) : void 0
-    }, V, z), {
+    }, F, z), {
         type: "search",
         dataAttributes: _object_spread({
             testid: "SearchField"
-        }, F)
+        }, v)
     }));
 });

package/dist/select.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     get arrowDown () {
-        return a;
+        return t;
     },
     get iconContainer () {
-        return r;
+        return q;
     },
     get menuItem () {
         return e;
@@ -31,31 +31,31 @@ _export(exports, {
         return y;
     },
     get selectTextVariants () {
-        return t;
+        return a;
     },
     get selectVariants () {
-        return q;
+        return r;
     },
     get vars () {
         return f;
     }
 });
 /* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                  */ var f = {
-    top: "var(--v17_1sqpivv0)",
-    left: "var(--v17_1sqpivv1)",
-    transformOrigin: "var(--v17_1sqpivv2)",
-    minWidth: "var(--v17_1sqpivv3)",
-    maxHeight: "var(--v17_1sqpivv4)"
-}, s = "v17_1sqpivv6 v17_1sqpivv5 v17_1y2v1nffx v17_1y2v1nfh6 v17_1y2v1nfif v17_1y2v1nfjo v17_1y2v1nfq0 v17_1y2v1nfsv v17_1y2v1nf83", p = {
-    show: "v17_1sqpivv7",
-    hide: "v17_1sqpivv8"
+    top: "var(--v17_2_1sqpivv0)",
+    left: "var(--v17_2_1sqpivv1)",
+    transformOrigin: "var(--v17_2_1sqpivv2)",
+    minWidth: "var(--v17_2_1sqpivv3)",
+    maxHeight: "var(--v17_2_1sqpivv4)"
+}, s = "v17_2_1sqpivv6 v17_2_1sqpivv5 v17_2_1y2v1nfh3 v17_2_1y2v1nfic v17_2_1y2v1nfjl v17_2_1y2v1nfku v17_2_1y2v1nfr6 v17_2_1y2v1nfu1 v17_2_1y2v1nf8x", p = {
+    show: "v17_2_1sqpivv7",
+    hide: "v17_2_1sqpivv8"
 }, y = {
-    default: "v17_1sqpivvd v17_1sqpivvc v17_1sqpivvb v17_1y2v1nfpy v17_1y2v1nft6",
-    fullWidth: "v17_1sqpivve v17_1sqpivvc v17_1sqpivvb v17_1y2v1nfpy v17_1y2v1nft6"
-}, q = {
-    default: "v17_1sqpivvh v17_1sqpivvg v17_1sqpivvf v17_1y2v1nffx v17_1y2v1nfh6 v17_1y2v1nfsm v17_1y2v1nft7 v17_1y2v1nf4x v17_1y2v1nffw v17_1y2v1nfqr v17_1y2v1nfsv",
-    disabled: "v17_1sqpivvi v17_1sqpivvg v17_1sqpivvf v17_1y2v1nffx v17_1y2v1nfh6 v17_1y2v1nfsm v17_1y2v1nft7 v17_1y2v1nf4x v17_1y2v1nffw v17_1y2v1nfqr v17_1y2v1nfsv"
-}, t = {
-    default: "v17_1sqpivvl v17_1sqpivvk v17_1sqpivvj v17_1y2v1nfpz v17_1y2v1nft7 v17_1y2v1nfsj v17_1y2v1nf4x",
-    disabled: "v17_1sqpivvm v17_1sqpivvk v17_1sqpivvj v17_1y2v1nfpz v17_1y2v1nft7 v17_1y2v1nfsj v17_1y2v1nf4x"
-}, a = "v17_1sqpivvo v17_1sqpivvn v17_1y2v1nfpz", r = "v17_1sqpivvp", e = "v17_1sqpivvr v17_1sqpivvq v17_1y2v1nfio v17_1y2v1nfjx v17_1y2v1nfg6 v17_1y2v1nfhf v17_1y2v1nf4x v17_1y2v1nfq4 v17_1y2v1nfqj v17_1y2v1nft6", o = "v17_1sqpivvs v17_1y2v1nf7z";
+    default: "v17_2_1sqpivvd v17_2_1sqpivvc v17_2_1sqpivvb v17_2_1y2v1nfr4 v17_2_1y2v1nfud",
+    fullWidth: "v17_2_1sqpivve v17_2_1sqpivvc v17_2_1sqpivvb v17_2_1y2v1nfr4 v17_2_1y2v1nfud"
+}, r = {
+    default: "v17_2_1sqpivvh v17_2_1sqpivvg v17_2_1sqpivvf v17_2_1y2v1nfh3 v17_2_1y2v1nfic v17_2_1y2v1nfts v17_2_1y2v1nfue v17_2_1y2v1nf5i v17_2_1y2v1nfh2 v17_2_1y2v1nfrx v17_2_1y2v1nfu1",
+    disabled: "v17_2_1sqpivvi v17_2_1sqpivvg v17_2_1sqpivvf v17_2_1y2v1nfh3 v17_2_1y2v1nfic v17_2_1y2v1nfts v17_2_1y2v1nfue v17_2_1y2v1nf5i v17_2_1y2v1nfh2 v17_2_1y2v1nfrx v17_2_1y2v1nfu1"
+}, a = {
+    default: "v17_2_1sqpivvl v17_2_1sqpivvk v17_2_1sqpivvj v17_2_1y2v1nfr5 v17_2_1y2v1nfue v17_2_1y2v1nftp v17_2_1y2v1nf5i",
+    disabled: "v17_2_1sqpivvm v17_2_1sqpivvk v17_2_1sqpivvj v17_2_1y2v1nfr5 v17_2_1y2v1nfue v17_2_1y2v1nftp v17_2_1y2v1nf5i"
+}, t = "v17_2_1sqpivvo v17_2_1sqpivvn v17_2_1y2v1nfr5", q = "v17_2_1sqpivvp", e = "v17_2_1sqpivvr v17_2_1sqpivvq v17_2_1y2v1nfju v17_2_1y2v1nfl3 v17_2_1y2v1nfhc v17_2_1y2v1nfil v17_2_1y2v1nf5i v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfud", o = "v17_2_1sqpivvs v17_2_1y2v1nf8k";

package/dist/select.d.ts

@@ -23,6 +23,7 @@ export type SelectProps = {
     native?: boolean;
     children?: void;
     dataAttributes?: DataAttributes;
+    small?: boolean;
 };
-declare const Select: ({ id, label, helperText: helperTextProp, value: valueProp, defaultValue, onChangeValue: onChangeValueProp, name, fullWidth, options, optional, showOptionalLabel, disabled: disabledProp, error: errorProp, onBlur, autoFocus, native, dataAttributes, }: SelectProps) => JSX.Element;
+declare const Select: ({ id, label, helperText: helperTextProp, value: valueProp, defaultValue, onChangeValue: onChangeValueProp, name, fullWidth, options, optional, showOptionalLabel, disabled: disabledProp, error: errorProp, onBlur, autoFocus, native, dataAttributes, small, }: SelectProps) => JSX.Element;
 export default Select;

package/dist/select.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return Nt;
+        return At;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -126,102 +126,102 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const Nt = (param)=>{
-    let { id: ce, label: c, helperText: ue, value: de, defaultValue: fe, onChangeValue: me, name: s, fullWidth: _, options: u, optional: E, showOptionalLabel: pe, disabled: he, error: Se, onBlur: ge, autoFocus: $ = !1, native: ve, dataAttributes: q } = param;
+const At = (param)=>{
+    let { id: ue, label: l, helperText: de, value: fe, defaultValue: pe, onChangeValue: me, name: s, fullWidth: k, options: u, optional: w, showOptionalLabel: he, disabled: Se, error: ge, onBlur: ve, autoFocus: q = !1, native: Te, dataAttributes: z, small: b } = param;
     var _h_current;
-    const h = _react.useRef(null), d = _react.useRef(null), b = _react.useRef(null), S = _react.useRef(null), N = _react.useRef(/* @__PURE__ */ new Map()), [Te, Ie] = _react.useState(!0), [g, we] = _react.useState(fe), [k, z] = _react.useState(!1), [j, K] = _react.useState(!1), [U, x] = _react.useState(!1), [a, M] = _react.useState({}), [v, D] = _react.useState(), H = _react.useRef(null), Ee = _react.useId(), F = ce || Ee, { rawValues: xe, setRawValue: B, setValue: W, formStatus: Oe, formErrors: X, setFormError: Re, register: G } = (0, _formcontext.useForm)(), { platformOverrides: J } = (0, _hooks.useTheme)(), ye = (0, _textfieldcomponents.useApplyCssVars)(), be = ve || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(J) || (0, _platform.isIos)(J), T = he || Oe === "sending", V = Se || !!X[s], Q = X[s] || ue, l = de !== null && de !== void 0 ? de : xe[s], Y = (e)=>{
-        me === null || me === void 0 ? void 0 : me(e), Re({
+    const h = _react.useRef(null), d = _react.useRef(null), N = _react.useRef(null), S = _react.useRef(null), V = _react.useRef(/* @__PURE__ */ new Map()), [Ie, xe] = _react.useState(!0), [g, we] = _react.useState(pe), [M, j] = _react.useState(!1), [K, U] = _react.useState(!1), [X, E] = _react.useState(!1), [a, D] = _react.useState({}), [v, H] = _react.useState(), F = _react.useRef(null), Ee = _react.useId(), B = ue || Ee, { rawValues: Oe, setRawValue: W, setValue: G, formStatus: Re, formErrors: J, setFormError: ye, register: L } = (0, _formcontext.useForm)(), { platformOverrides: Q } = (0, _hooks.useTheme)(), be = (0, _textfieldcomponents.useApplyCssVars)(b), Ne = Te || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(Q) || (0, _platform.isIos)(Q), T = Se || Re === "sending", C = ge || !!J[s], Y = J[s] || de, c = fe !== null && fe !== void 0 ? fe : Oe[s], ee = (e)=>{
+        me === null || me === void 0 ? void 0 : me(e), ye({
             name: s,
             error: ""
-        }), B({
+        }), W({
             name: s,
             value: e
-        }), W({
+        }), G({
             name: s,
             value: e
         });
     }, I = (e)=>{
         if (e) {
-            if (b === null || b === void 0 ? void 0 : b.current) {
-                const f = b.current.getBoundingClientRect(), m = f.top, O = f.width, Z = f.left, _e = f.height, R = m + _e, C = Math.min(u.length, 8) * 48 + 16;
-                if (R + C + 12 > window.innerHeight) {
-                    const ke = window.innerHeight - R;
-                    if (m > ke) {
-                        const Me = m - C;
-                        M({
+            if (N === null || N === void 0 ? void 0 : N.current) {
+                const f = N.current.getBoundingClientRect(), p = f.top, O = f.width, $ = f.left, Me = f.height, R = p + Me, A = Math.min(u.length, 8) * 48 + 16;
+                if (R + A + 12 > window.innerHeight) {
+                    const De = window.innerHeight - R;
+                    if (p > De) {
+                        const He = p - A;
+                        D({
                             minWidth: O,
-                            left: Z,
-                            top: Math.max(Me, 12),
-                            maxHeight: Math.min(m - 12, C),
+                            left: $,
+                            top: Math.max(He, 12),
+                            maxHeight: Math.min(p - 12, A),
                             transformOrigin: "center bottom"
                         });
-                    } else M({
+                    } else D({
                         minWidth: O,
                         top: R,
-                        left: Z,
+                        left: $,
                         maxHeight: window.innerHeight - R - 12,
                         transformOrigin: "center top"
                     });
-                } else M({
+                } else D({
                     minWidth: O,
                     top: R,
-                    left: Z,
-                    maxHeight: C,
+                    left: $,
+                    maxHeight: A,
                     transformOrigin: "center top"
                 });
             }
-            z(!0), requestAnimationFrame(()=>{
-                H.current && S.current && "scrollTop" in S.current && (S.current.scrollTop = H.current), K(!0);
-            }), D(g !== null && g !== void 0 ? g : l);
-        } else K(!1), z(!1), D(void 0);
-    }, L = (e)=>{
+            j(!0), requestAnimationFrame(()=>{
+                F.current && S.current && "scrollTop" in S.current && (S.current.scrollTop = F.current), U(!0);
+            }), H(g !== null && g !== void 0 ? g : c);
+        } else U(!1), j(!1), H(void 0);
+    }, Z = (e)=>{
         var _S_current;
-        H.current = (_S_current = S.current) === null || _S_current === void 0 ? void 0 : _S_current.scrollTop, I(!1), Y && typeof e == "string" && Y(e), typeof l > "u" && we(e);
-    }, Ne = (e)=>{
+        F.current = (_S_current = S.current) === null || _S_current === void 0 ? void 0 : _S_current.scrollTop, I(!1), ee && typeof e == "string" && ee(e), typeof c > "u" && we(e);
+    }, Ve = (e)=>{
         var _S_current;
         const r = (_S_current = S.current) === null || _S_current === void 0 ? void 0 : _S_current.getBoundingClientRect();
-        if (r && e && N.current.has(e)) {
-            const o = N.current.get(e), i = o === null || o === void 0 ? void 0 : o.getBoundingClientRect();
+        if (r && e && V.current.has(e)) {
+            const o = V.current.get(e), i = o === null || o === void 0 ? void 0 : o.getBoundingClientRect();
             if (i && i.top + i.height / 2 >= r.top + r.height) {
                 o === null || o === void 0 ? void 0 : o.scrollIntoView();
                 return;
             }
             i && i.top + i.height / 2 <= r.top && (o === null || o === void 0 ? void 0 : o.scrollIntoView(!1));
         }
-    }, Ve = d.current, Ce = h.current;
+    }, Ce = d.current, Ae = h.current;
     _react.useEffect(()=>{
-        B({
+        W({
             name: s,
-            value: l
-        }), W({
+            value: c
+        }), G({
             name: s,
-            value: l
+            value: c
         });
     }, [
         s,
-        B,
         W,
-        l
-    ]), _react.useEffect(()=>(G(s, {
+        G,
+        c
+    ]), _react.useEffect(()=>(L(s, {
             input: h.current,
             focusableElement: d.current,
-            label: c,
-            required: !E
+            label: l,
+            required: !w
         }), ()=>{
-            G(s, {
+            L(s, {
                 input: null,
                 focusableElement: null,
                 label: ""
             });
         }), [
         s,
-        G,
+        L,
         d,
         h,
-        Ve,
         Ce,
-        c,
-        E
+        Ae,
+        l,
+        w
     ]), _react.useEffect(()=>{
         const e = (o)=>{
             const f = {
@@ -232,14 +232,14 @@ const Nt = (param)=>{
                 var _u_;
                 (0, _dom.cancelEvent)(o);
                 var _u__value;
-                const m = (_u__value = (_u_ = u[u.findIndex((param)=>{
+                const p = (_u__value = (_u_ = u[u.findIndex((param)=>{
                     let { value: O } = param;
                     return O === v;
                 }) + f]) === null || _u_ === void 0 ? void 0 : _u_.value) !== null && _u__value !== void 0 ? _u__value : v;
-                D(m), Ne(m);
+                H(p), Ve(p);
             }
         }, r = (o)=>{
-            if (k) switch(o.key){
+            if (M) switch(o.key){
                 case _keys.TAB:
                     (0, _dom.cancelEvent)(o);
                     break;
@@ -251,73 +251,74 @@ const Nt = (param)=>{
                     (0, _dom.cancelEvent)(o), u.findIndex((param)=>{
                         let { value: i } = param;
                         return i === v;
-                    }) !== -1 && v !== g && L(v), I(!1);
+                    }) !== -1 && v !== g && Z(v), I(!1);
                     break;
             }
-            j && e(o);
+            K && e(o);
         };
         return document.addEventListener("keydown", r, !1), ()=>{
             document.removeEventListener("keydown", r, !1);
         };
     }), _react.useEffect(()=>{
-        $ && d.current && d.current.focus();
+        q && d.current && d.current.focus();
     }, [
-        $
+        q
     ]), _react.useEffect(()=>{
-        Ie(!1);
+        xe(!1);
     }, []);
-    const Ae = (e)=>{
+    const Pe = (e)=>{
         var _u_find;
         return e ? (_u_find = u.find((param)=>{
             let { value: r } = param;
             return r === e;
         })) === null || _u_find === void 0 ? void 0 : _u_find.text : "";
-    }, Pe = {
+    }, _e = {
         tabIndex: 0,
-        onFocus: ()=>x(!0),
-        onBlur: ()=>x(!1),
+        onFocus: ()=>E(!0),
+        onBlur: ()=>E(!1),
         onClick: ()=>{
-            I(!0), x(!0);
+            I(!0), E(!0);
         },
         onKeyDown: (e)=>{
-            !k && (e.key === _keys.SPACE || e.key === _keys.ENTER) && ((0, _dom.cancelEvent)(e), I(!0));
+            !M && (e.key === _keys.SPACE || e.key === _keys.ENTER) && ((0, _dom.cancelEvent)(e), I(!0));
         }
-    }, ee = (0, _css.pxToRem)(20), w = g !== null && g !== void 0 ? g : l;
+    }, te = (0, _css.pxToRem)(20), x = g !== null && g !== void 0 ? g : c, ke = b ? _text.Text2 : _text.Text3;
     var _a_transformOrigin;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
         variant: "default",
-        children: be || Te ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
+        children: Ne || Ie ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
             disabled: T,
             helperText: /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.HelperText, {
-                error: V,
-                leftText: Q
+                error: C,
+                leftText: Y
             }),
-            fieldRef: b,
-            fullWidth: _,
+            fieldRef: N,
+            fullWidth: k,
             dataAttributes: _object_spread({
                 testid: "Select"
-            }, q),
+            }, z),
+            small: b,
             children: [
-                c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.Label, {
-                    error: V,
-                    forId: F,
-                    inputState: U ? "focused" : (w !== null && w !== void 0 ? w : (_h_current = h.current) === null || _h_current === void 0 ? void 0 : _h_current.value) ? "filled" : "default",
-                    showOptional: E && pe,
-                    children: c
+                l && /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.Label, {
+                    error: C,
+                    forId: B,
+                    inputState: X ? "focused" : (x !== null && x !== void 0 ? x : (_h_current = h.current) === null || _h_current === void 0 ? void 0 : _h_current.value) ? "filled" : "default",
+                    showOptional: w && he,
+                    children: l
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsxs)("select", {
-                    className: (0, _classnames.default)(_selectcssmistica.selectVariants[T ? "disabled" : "default"], c ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
-                    id: F,
-                    "aria-invalid": !!V,
-                    value: w,
-                    required: !E,
+                    className: (0, _classnames.default)(_selectcssmistica.selectVariants[T ? "disabled" : "default"], l ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
+                    id: B,
+                    "aria-invalid": !!C,
+                    value: x,
+                    required: !w,
                     disabled: T,
                     onChange: (e)=>{
-                        L(e.target.value);
+                        Z(e.target.value);
                     },
-                    onFocus: ()=>x(!0),
+                    onFocus: ()=>E(!0),
                     onBlur: (e)=>{
-                        x(!1), ge === null || ge === void 0 ? void 0 : ge(e);
+                        E(!1), ve === null || ve === void 0 ? void 0 : ve(e);
                     },
                     ref: (e)=>{
                         [
@@ -332,10 +333,10 @@ const Nt = (param)=>{
                         // Without this fix, the label is invisible when disabled
                         opacity: 1,
                         // Use transparent color for the empty option (show below) to avoid showing it when the menu is closed
-                        color: w ? void 0 : "transparent"
+                        color: x ? void 0 : "transparent"
                     },
                     children: [
-                        !w && u.every((param)=>{
+                        !x && u.every((param)=>{
                             let { value: e } = param;
                             return !!e;
                         }) && // If no "empty" option exists, insert a dummy empty option. Once an option is selected,
@@ -350,7 +351,7 @@ const Nt = (param)=>{
                                 display: "none"
                             },
                             "aria-label": "",
-                            children: c
+                            children: l
                         }),
                         u.map((param)=>{
                             let { value: e, text: r } = param;
@@ -372,7 +373,7 @@ const Nt = (param)=>{
                         className: _selectcssmistica.iconContainer,
                         "data-testid": "endIcon",
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevrondownregular.default, {
-                            size: ee,
+                            size: te,
                             color: _skincontractcssmistica.vars.colors.neutralMedium
                         })
                     })
@@ -381,48 +382,49 @@ const Nt = (param)=>{
         }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
-                    className: _selectcssmistica.selectContainerVariants[_ ? "fullWidth" : "default"],
+                    className: _selectcssmistica.selectContainerVariants[k ? "fullWidth" : "default"],
                     role: "button",
                     "aria-haspopup": "listbox",
                     ref: d
-                }, !T && Pe), {
-                    style: ye,
+                }, !T && _e), {
+                    style: be,
                     children: [
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, {
                             style: {
                                 visibility: "hidden"
                             },
-                            fullWidth: _,
+                            fullWidth: k,
                             endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _selectcssmistica.iconContainer,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevrondownregular.default, {
-                                    size: ee,
+                                    size: te,
                                     color: _skincontractcssmistica.vars.colors.neutralMedium
                                 })
                             }),
-                            focus: U,
-                            label: c,
-                            value: w,
-                            shrinkLabel: !!(l || g),
+                            focus: X,
+                            label: l,
+                            value: x,
+                            shrinkLabel: !!(c || g),
                             name: s,
-                            helperText: Q,
-                            required: !E,
+                            helperText: Y,
+                            required: !w,
                             disabled: T,
-                            id: F,
-                            error: V,
+                            id: B,
+                            error: C,
                             inputRef: h,
-                            fieldRef: b,
+                            fieldRef: N,
                             dataAttributes: _object_spread({
                                 testid: "Select"
-                            }, q)
+                            }, z),
+                            small: b
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            className: (0, _classnames.default)(_selectcssmistica.selectTextVariants[T ? "disabled" : "default"], c ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
-                            children: Ae(w)
+                            className: (0, _classnames.default)(_selectcssmistica.selectTextVariants[T ? "disabled" : "default"], l ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
+                            children: Pe(x)
                         })
                     ]
                 })),
-                k && /* @__PURE__ */ (0, _jsxruntime.jsx)(_overlay.default, {
+                M && /* @__PURE__ */ (0, _jsxruntime.jsx)(_overlay.default, {
                     onPress: (e)=>{
                         I(!1), (0, _dom.cancelEvent)(e);
                     },
@@ -437,24 +439,24 @@ const Nt = (param)=>{
                                 [_selectcssmistica.vars.transformOrigin]: (_a_transformOrigin = a.transformOrigin) !== null && _a_transformOrigin !== void 0 ? _a_transformOrigin : ""
                             }),
                             onPointerDown: _dom.cancelEvent,
-                            className: (0, _classnames.default)(_selectcssmistica.optionsContainer, j ? _selectcssmistica.optionsAnimationsVariants.show : _selectcssmistica.optionsAnimationsVariants.hide),
+                            className: (0, _classnames.default)(_selectcssmistica.optionsContainer, K ? _selectcssmistica.optionsAnimationsVariants.show : _selectcssmistica.optionsAnimationsVariants.hide),
                             role: "listbox",
                             ref: S,
                             children: u.map((param)=>{
                                 let { value: e, text: r } = param;
                                 return /* @__PURE__ */ (0, _jsxruntime.jsx)("li", {
                                     role: "option",
-                                    "aria-selected": e === (g !== null && g !== void 0 ? g : l),
+                                    "aria-selected": e === (g !== null && g !== void 0 ? g : c),
                                     "data-value": e,
                                     className: (0, _classnames.default)(_selectcssmistica.menuItem, {
-                                        [_selectcssmistica.menuItemSelected]: e === v || e === (g !== null && g !== void 0 ? g : l)
+                                        [_selectcssmistica.menuItemSelected]: e === v || e === (g !== null && g !== void 0 ? g : c)
                                     }),
                                     onPointerDown: _dom.cancelEvent,
-                                    onClick: ()=>L(e),
+                                    onClick: ()=>Z(e),
                                     ref: (o)=>{
-                                        o ? N.current.set(e, o) : N.current.delete(e);
+                                        o ? V.current.set(e, o) : V.current.delete(e);
                                     },
-                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
+                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ke, {
                                         regular: !0,
                                         children: r
                                     })

package/dist/sheet-action-row.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "sheetActionRow", {
         return n;
     }
 });
-/* empty css                                     */ /* empty css                                            */ var n = "v17_4k81wx1 v17_4k81wx0 v17_1y2v1nfgc v17_1y2v1nfhl v17_1y2v1nfiu v17_1y2v1nfk3 v17_1y2v1nfq4 v17_1y2v1nfsh v17_1y2v1nfqj";
+/* empty css                                     */ /* empty css                                            */ var n = "v17_2_4k81wx1 v17_2_4k81wx0 v17_2_1y2v1nfhi v17_2_1y2v1nfir v17_2_1y2v1nfk0 v17_2_1y2v1nfl9 v17_2_1y2v1nfra v17_2_1y2v1nftn v17_2_1y2v1nfrp";

package/dist/sheet-common.css-mistica.js

@@ -16,43 +16,43 @@ _export(exports, {
         return n;
     },
     get SheetContent () {
-        return i;
+        return y;
     },
     get bodyContent () {
         return l;
     },
     get children () {
-        return d;
+        return i;
     },
     get closingOverlay () {
-        return a;
+        return m;
     },
     get closingSheet () {
-        return y;
+        return r;
     },
     get dismissButton () {
         return o;
     },
     get handleBar () {
-        return m;
+        return p;
     },
     get handleContainer () {
-        return p;
+        return d;
     },
     get overlay () {
         return t;
     },
     get sheetTopDraggingArea () {
-        return r;
+        return a;
     },
     get stickyButtons () {
-        return s;
+        return h;
     },
     get stickyTitle () {
-        return q;
+        return s;
     },
     get transitionDuration () {
-        return _;
+        return f;
     }
 });
-/* empty css                                     */ /* empty css                                        */ var _ = 400, n = "v17_pidemf4 v17_pidemf3 v17_1y2v1nfq0 v17_1y2v1nfts v17_1y2v1nfu7 v17_1y2v1nfum", e = "v17_pidemf6 v17_pidemf5 v17_1y2v1nf7y", y = "v17_pidemf7", i = "v17_pidemf9 v17_pidemf8 v17_1y2v1nfgl v17_1y2v1nfq4 v17_1y2v1nfqa", d = "v17_pidemfa v17_1y2v1nftc v17_1y2v1nfqq v17_1y2v1nfq4 v17_1y2v1nfqa", r = "v17_pidemfc v17_pidemfb v17_1y2v1nfg6 v17_1y2v1nfhf v17_1y2v1nfpz v17_1y2v1nftd v17_1y2v1nfrl v17_1y2v1nfqr v17_1y2v1nfq4 v17_1y2v1nfqd", p = "v17_pidemfe v17_pidemfd v17_1y2v1nfq3", m = "v17_pidemff v17_1y2v1nfbk v17_1y2v1nfr0 v17_1y2v1nfrb v17_1y2v1nfsp", t = "v17_pidemfi v17_pidemfh v17_1y2v1nfq0 v17_1y2v1nf8e v17_1y2v1nftd v17_1y2v1nfts v17_1y2v1nfu7 v17_1y2v1nfum", a = "v17_pidemfj", o = "v17_pidemfl v17_pidemfk v17_1y2v1nfpz", q = "v17_pidemfn v17_pidemfm v17_1y2v1nfq2 v17_1y2v1nftd v17_1y2v1nf7y", s = "v17_pidemfp v17_pidemfo v17_1y2v1nfq2 v17_1y2v1nfum v17_1y2v1nf7y", l = "v17_pidemfq";
+/* empty css                                     */ /* empty css                                        */ var f = 400, n = "v17_2_pidemf4 v17_2_pidemf3 v17_2_1y2v1nfr6 v17_2_1y2v1nfuz v17_2_1y2v1nfve v17_2_1y2v1nfvt", e = "v17_2_pidemf6 v17_2_pidemf5 v17_2_1y2v1nf8j", r = "v17_2_pidemf7", y = "v17_2_pidemf9 v17_2_pidemf8 v17_2_1y2v1nfhr v17_2_1y2v1nfra v17_2_1y2v1nfrg", i = "v17_2_pidemfa v17_2_1y2v1nfuj v17_2_1y2v1nfrw v17_2_1y2v1nfra v17_2_1y2v1nfrg", a = "v17_2_pidemfc v17_2_pidemfb v17_2_1y2v1nfhc v17_2_1y2v1nfil v17_2_1y2v1nfr5 v17_2_1y2v1nfuk v17_2_1y2v1nfsr v17_2_1y2v1nfrx v17_2_1y2v1nfra v17_2_1y2v1nfrj", d = "v17_2_pidemfe v17_2_pidemfd v17_2_1y2v1nfr9", p = "v17_2_pidemff v17_2_1y2v1nfcq v17_2_1y2v1nfs6 v17_2_1y2v1nfsh v17_2_1y2v1nftv", t = "v17_2_pidemfi v17_2_pidemfh v17_2_1y2v1nfr6 v17_2_1y2v1nf98 v17_2_1y2v1nfuk v17_2_1y2v1nfuz v17_2_1y2v1nfve v17_2_1y2v1nfvt", m = "v17_2_pidemfj", o = "v17_2_pidemfl v17_2_pidemfk v17_2_1y2v1nfr5", s = "v17_2_pidemfn v17_2_pidemfm v17_2_1y2v1nfr8 v17_2_1y2v1nfuk v17_2_1y2v1nf8j", h = "v17_2_pidemfp v17_2_pidemfo v17_2_1y2v1nfr8 v17_2_1y2v1nfvt v17_2_1y2v1nf8j", l = "v17_2_pidemfq";