@telefonica/mistica 16.0.0 → 16.1.0

package/dist/credit-card-expiration-field.d.ts

@@ -9,5 +9,5 @@ export interface CreditCardExpirationFieldProps extends CommonFormFieldProps {
     validate?: (value: ExpirationDateValue | undefined, rawValue: string) => string | undefined;
     onChangeValue?: (value: ExpirationDateValue) => void;
 }
-declare const CreditCardExpirationField: ({ disabled, error, helperText, name, optional, validate: validateProp, onChange, onChangeValue, onBlur, value, autoComplete, defaultValue, dataAttributes, ...rest }: CreditCardExpirationFieldProps) => JSX.Element;
+declare const CreditCardExpirationField: ({ disabled, error, helperText, name, label, optional, validate: validateProp, onChange, onChangeValue, onBlur, value, autoComplete, defaultValue, dataAttributes, ...rest }: CreditCardExpirationFieldProps) => JSX.Element;
 export default CreditCardExpirationField;

package/dist/credit-card-expiration-field.js

@@ -135,43 +135,44 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const N = (_param)=>{
-    var { inputRef: h, defaultValue: u, value: l } = _param, i = _object_without_properties(_param, [
+const K = (_param)=>{
+    var { inputRef: d, defaultValue: s, value: l } = _param, c = _object_without_properties(_param, [
         "inputRef",
         "defaultValue",
         "value"
     ]);
-    const { texts: p, t: c } = (0, _hooks.useTheme)(), d = _react.useRef(""), s = (r)=>{
-        if (r.length === 2 && d.current === "Backspace") return r[0];
+    const { texts: f, t: g } = (0, _hooks.useTheme)(), i = _react.useRef(""), u = (r)=>{
+        if (r.length === 2 && i.current === "Backspace") return r[0];
         let e = "";
         return [
             ...r
-        ].forEach((E)=>{
-            e = (e + E).replace(/[^0-9]/g, "").replace(/^([2-9])$/g, "0$1").replace(/^(1{1})([3-9]{1})$/g, "0$1/$2").replace(/^0{1,}/g, "0").replace(/^([0-1]{1}[0-9]{1})([0-9]{1,2}).*/g, "$1/$2");
+        ].forEach((h)=>{
+            e = (e + h).replace(/[^0-9]/g, "").replace(/^([2-9])$/g, "0$1").replace(/^(1{1})([3-9]{1})$/g, "0$1/$2").replace(/^0{1,}/g, "0").replace(/^([0-1]{1}[0-9]{1})([0-9]{1,2}).*/g, "$1/$2");
         }), e.length === 2 ? e + "/" : e;
-    }, C = (r)=>{
-        d.current = r.key;
+    }, x = (r)=>{
+        i.current = r.key;
     };
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("input", _object_spread_props(_object_spread({}, i), {
-        placeholder: p.expirationDatePlaceholder || c(_texttokens.expirationDatePlaceholder),
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("input", _object_spread_props(_object_spread({}, c), {
+        placeholder: f.expirationDatePlaceholder || g(_texttokens.expirationDatePlaceholder),
         type: "text",
         inputMode: "decimal",
         maxLength: "5",
-        onKeyDown: C,
+        onKeyDown: x,
         onInput: (r)=>{
-            const e = s(r.currentTarget.value);
+            const e = u(r.currentTarget.value);
             r.currentTarget.value = e;
         },
-        value: l === void 0 ? void 0 : s(l),
-        defaultValue: u === void 0 ? void 0 : s(u),
-        ref: h
+        value: l === void 0 ? void 0 : u(l),
+        defaultValue: s === void 0 ? void 0 : u(s),
+        ref: d
     }));
-}, V = (_param)=>{
-    var { disabled: h, error: u, helperText: l, name: i, optional: p, validate: c, onChange: d, onChangeValue: s, onBlur: C, value: r, autoComplete: e = "cc-exp", defaultValue: E, dataAttributes: T } = _param, w = _object_without_properties(_param, [
+}, N = (_param)=>{
+    var { disabled: d, error: s, helperText: l, name: c, label: f, optional: g, validate: i, onChange: u, onChangeValue: x, onBlur: r, value: e, autoComplete: h = "cc-exp", defaultValue: I, dataAttributes: M } = _param, Y = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
         "name",
+        "label",
         "optional",
         "validate",
         "onChange",
@@ -182,49 +183,49 @@ const N = (_param)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: m, t: f } = (0, _hooks.useTheme)(), { setFormError: Y, jumpToNext: k } = (0, _formcontext.useForm)(), g = (t, o)=>{
-        if (!o) return p ? "" : m.formFieldErrorIsMandatory || f(_texttokens.formFieldErrorIsMandatory);
-        const { month: a, year: n } = t;
-        if (!a || !n) return m.formCreditCardExpirationError || f(_texttokens.formCreditCardExpirationError);
-        const x = /* @__PURE__ */ new Date(), v = x.getMonth() + 1, $ = x.getFullYear();
-        return n < $ ? m.formCreditCardExpirationError || f(_texttokens.formCreditCardExpirationError) : n === $ && a < v ? m.formCreditCardExpirationError || f(_texttokens.formCreditCardExpirationError) : c == null ? void 0 : c(t, o);
-    }, F = (t)=>{
-        const [o, a] = String(t).split("/").map((x)=>parseInt(x)), n = Number.isInteger(a) ? 2e3 + a : null;
+    const { texts: C, t: E } = (0, _hooks.useTheme)(), { setFormError: k, jumpToNext: v } = (0, _formcontext.useForm)(), p = (t, n)=>{
+        const { month: a, year: o } = t;
+        if (!a || !o) return C.formCreditCardExpirationError || E(_texttokens.formCreditCardExpirationError);
+        const m = /* @__PURE__ */ new Date(), R = m.getMonth() + 1, $ = m.getFullYear();
+        return o < $ ? C.formCreditCardExpirationError || E(_texttokens.formCreditCardExpirationError) : o === $ && a < R ? C.formCreditCardExpirationError || E(_texttokens.formCreditCardExpirationError) : i == null ? void 0 : i(t, n);
+    }, D = (t)=>{
+        const [n, a] = String(t).split("/").map((m)=>parseInt(m)), o = Number.isInteger(a) ? 2e3 + a : null;
         return {
-            month: o || null,
-            year: n,
+            month: n || null,
+            year: o,
             raw: t
         };
-    }, D = (0, _formcontext.useFieldProps)({
-        name: i,
-        value: r,
-        defaultValue: E,
-        processValue: F,
+    }, F = (0, _formcontext.useFieldProps)({
+        name: c,
+        label: f,
+        value: e,
+        defaultValue: I,
+        processValue: D,
         helperText: l,
-        optional: p,
-        error: u,
-        disabled: h,
-        onBlur: C,
-        validate: g,
-        onChange: d,
-        onChangeValue: s
+        optional: g,
+        error: s,
+        disabled: d,
+        onBlur: r,
+        validate: p,
+        onChange: u,
+        onChangeValue: x
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, w, D), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, Y, F), {
         onChange: (t)=>{
-            D.onChange(t);
-            const o = t.currentTarget.value, a = F(o);
-            if (o.length === 5) {
-                const n = g == null ? void 0 : g(a, o);
-                n ? Y({
-                    name: i,
-                    error: n
-                }) : k(i);
+            F.onChange(t);
+            const n = t.currentTarget.value, a = D(n);
+            if (n.length === 5) {
+                const o = p == null ? void 0 : p(a, n);
+                o ? k({
+                    name: c,
+                    error: o
+                }) : v(c);
             }
         },
-        autoComplete: e,
-        inputComponent: N,
+        autoComplete: h,
+        inputComponent: K,
         dataAttributes: _object_spread({
             "component-name": "CreditCardExpirationField"
-        }, T)
+        }, M)
     }));
-}, H = V;
+}, H = N;

package/dist/credit-card-number-field.d.ts

@@ -5,5 +5,5 @@ interface CreditCardNumberFieldProps extends CommonFormFieldProps {
     acceptedCards?: CardOptions;
     onChangeValue?: (value: string, rawValue: string) => void;
 }
-declare const CreditCardNumberField: ({ disabled, error, helperText, name, optional, validate: validateProp, onChange, onChangeValue, onBlur, acceptedCards, value, autoComplete, defaultValue, dataAttributes, ...rest }: CreditCardNumberFieldProps) => JSX.Element;
+declare const CreditCardNumberField: ({ disabled, error, helperText, name, label, optional, validate: validateProp, onChange, onChangeValue, onBlur, acceptedCards, value, autoComplete, defaultValue, dataAttributes, ...rest }: CreditCardNumberFieldProps) => JSX.Element;
 export default CreditCardNumberField;

package/dist/credit-card-number-field.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return Er;
+        return Ir;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -152,35 +152,35 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const rr = (r)=>{
-    var t;
+    var i;
     const n = String(r !== null && r !== void 0 ? r : "").replace(/[^\d]/g, "");
     var _ref;
-    return (_ref = (t = n.match(/.{1,4}/g)) == null ? void 0 : t.join(" ")) !== null && _ref !== void 0 ? _ref : n;
+    return (_ref = (i = n.match(/.{1,4}/g)) == null ? void 0 : i.join(" ")) !== null && _ref !== void 0 ? _ref : n;
 }, er = (_param)=>{
-    var { inputRef: r, value: n, defaultValue: t, onChange: e } = _param, a = _object_without_properties(_param, [
+    var { inputRef: r, value: n, defaultValue: i, onChange: e } = _param, a = _object_without_properties(_param, [
         "inputRef",
         "value",
         "defaultValue",
         "onChange"
     ]);
-    const [c, T] = _react.useState(t !== null && t !== void 0 ? t : ""), m = _react.useRef(null), f = typeof n < "u", u = f ? n : c, g = _react.useCallback((C)=>{
-        f || T(C), m.current && (e == null || e((0, _dom.createChangeEvent)(m.current, C)));
+    const [N, m] = _react.useState(i !== null && i !== void 0 ? i : ""), f = _react.useRef(null), u = typeof n < "u", T = u ? n : N, d = _react.useCallback((g)=>{
+        u || m(g), f.current && (e == null || e((0, _dom.createChangeEvent)(f.current, g)));
     }, [
-        f,
+        u,
         e
-    ]), d = (0, _rifm.useRifm)({
+    ]), c = (0, _rifm.useRifm)({
         format: rr,
-        value: u,
-        onChange: g,
+        value: T,
+        onChange: d,
         accept: /[\d]+/g
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("input", _object_spread_props(_object_spread({}, a), {
         type: "text",
         inputMode: "decimal",
-        maxLength: (0, _creditcard.getCreditCardNumberLength)(d.value) + 3,
-        onChange: d.onChange,
-        value: d.value,
-        ref: (0, _common.combineRefs)(r, m)
+        maxLength: (0, _creditcard.getCreditCardNumberLength)(c.value) + 3,
+        onChange: c.onChange,
+        value: c.value,
+        ref: (0, _common.combineRefs)(r, f)
     }));
 }, tr = (r)=>(0, _creditcard.isVisa)(r) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconvisa.default, {
         size: _iconbuttoncssmistica.iconSize.default
@@ -195,15 +195,15 @@ const rr = (r)=>{
     }),
     isAnimating: !1
 }, nr = (r, param)=>{
-    let { type: n, value: t } = param;
+    let { type: n, value: i } = param;
     if (n === "INPUT") {
-        const e = tr(t);
+        const e = tr(i);
         if (e && !r.showBackface) return {
             animationTarget: e,
             showBackface: !0,
             isAnimating: !0
         };
-        if (!(0, _creditcard.isVisa)(t) && !(0, _creditcard.isMasterCard)(t) && !(0, _creditcard.isAmericanExpress)(t) && r.showBackface) return {
+        if (!(0, _creditcard.isVisa)(i) && !(0, _creditcard.isMasterCard)(i) && !(0, _creditcard.isAmericanExpress)(i) && r.showBackface) return {
             animationTarget: r.animationTarget,
             showBackface: !1,
             isAnimating: !0
@@ -217,7 +217,7 @@ const rr = (r)=>{
     }) : r;
 }, or = (param)=>{
     let { value: r } = param;
-    const [{ showBackface: n, animationTarget: t, isAnimating: e }, a] = _react.useReducer(nr, ir);
+    const [{ showBackface: n, animationTarget: i, isAnimating: e }, a] = _react.useReducer(nr, ir);
     return _react.useEffect(()=>{
         a({
             type: "INPUT",
@@ -242,21 +242,22 @@ const rr = (r)=>{
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _creditcardnumberfieldcssmistica.flipBack,
-                    children: t
+                    children: i
                 })
             ]
         })
     });
 }, sr = (_param)=>{
-    var { disabled: r, error: n, helperText: t, name: e, optional: a, validate: c, onChange: T, onChangeValue: m, onBlur: f, acceptedCards: u = {
+    var { disabled: r, error: n, helperText: i, name: e, label: a, optional: N, validate: m, onChange: f, onChangeValue: u, onBlur: T, acceptedCards: d = {
         americanExpress: !0,
         visa: !0,
         masterCard: !0
-    }, value: g, autoComplete: d = "cc-number", defaultValue: C, dataAttributes: R } = _param, z = _object_without_properties(_param, [
+    }, value: c, autoComplete: g = "cc-number", defaultValue: w, dataAttributes: R } = _param, z = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
         "name",
+        "label",
         "optional",
         "validate",
         "onChange",
@@ -268,43 +269,44 @@ const rr = (r)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: x, t: k } = (0, _hooks.useTheme)(), { jumpToNext: S, rawValues: y, setFormError: M } = (0, _formcontext.useForm)(), h = (i, N)=>{
-        const s = x.formCreditCardNumberError || k(_texttokens.formCreditCardNumberError);
-        return i ? (0, _creditcard.isAmericanExpress)(i) && !u.americanExpress || (0, _creditcard.isVisa)(i) && !u.visa || (0, _creditcard.isMasterCard)(i) && !u.masterCard || !(0, _creditcard.isValidCreditCardNumber)(i) || (0, _creditcard.getCreditCardNumberLength)(i) !== i.length ? s : c == null ? void 0 : c(i, N) : a ? "" : x.formFieldErrorIsMandatory || k(_texttokens.formFieldErrorIsMandatory);
-    }, B = (i)=>i.replace(/\s/g, ""), V = (0, _formcontext.useFieldProps)({
+    const { texts: F, t: S } = (0, _hooks.useTheme)(), { jumpToNext: j, rawValues: y, setFormError: M } = (0, _formcontext.useForm)(), C = (t, h)=>{
+        const s = F.formCreditCardNumberError || S(_texttokens.formCreditCardNumberError);
+        return (0, _creditcard.isAmericanExpress)(t) && !d.americanExpress || (0, _creditcard.isVisa)(t) && !d.visa || (0, _creditcard.isMasterCard)(t) && !d.masterCard || !(0, _creditcard.isValidCreditCardNumber)(t) || (0, _creditcard.getCreditCardNumberLength)(t) !== (t == null ? void 0 : t.length) ? s : m == null ? void 0 : m(t, h);
+    }, E = (t)=>t.replace(/\s/g, ""), k = (0, _formcontext.useFieldProps)({
         name: e,
-        value: g,
-        defaultValue: C,
-        processValue: B,
-        helperText: t,
-        optional: a,
+        label: a,
+        value: c,
+        defaultValue: w,
+        processValue: E,
+        helperText: i,
+        optional: N,
         error: n,
         disabled: r,
-        onBlur: f,
-        validate: h,
-        onChange: T,
-        onChangeValue: m
+        onBlur: T,
+        validate: C,
+        onChange: f,
+        onChangeValue: u
     });
     var _ref;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, z, V), {
-        onChange: (i)=>{
-            V.onChange(i);
-            const N = i.currentTarget.value, s = B(N);
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, z, k), {
+        onChange: (t)=>{
+            k.onChange(t);
+            const h = t.currentTarget.value, s = E(h);
             if (s.length >= (0, _creditcard.getCreditCardNumberLength)(s)) {
-                const F = h == null ? void 0 : h(s, N);
-                F ? M({
+                const B = C == null ? void 0 : C(s, h);
+                B ? M({
                     name: e,
-                    error: F
-                }) : S(e);
+                    error: B
+                }) : j(e);
             }
         },
         inputComponent: er,
-        autoComplete: d,
+        autoComplete: g,
         endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)(or, {
-            value: (_ref = g !== null && g !== void 0 ? g : y[e]) !== null && _ref !== void 0 ? _ref : ""
+            value: (_ref = c !== null && c !== void 0 ? c : y[e]) !== null && _ref !== void 0 ? _ref : ""
         }),
         dataAttributes: _object_spread({
             "component-name": "CreditCardNumberField"
         }, R)
     }));
-}, Er = sr;
+}, Ir = sr;

package/dist/cvv-field.d.ts

@@ -5,5 +5,5 @@ export interface CvvFieldProps extends CommonFormFieldProps {
     acceptedCards?: CardOptions;
     onChangeValue?: (value: string, rawValue: string) => void;
 }
-declare const CvvField: ({ disabled, error, helperText, name, optional, validate: validateProp, onChange, onChangeValue, onBlur, acceptedCards, maxLength, value, autoComplete, defaultValue, dataAttributes, ...rest }: CvvFieldProps) => JSX.Element;
+declare const CvvField: ({ disabled, error, helperText, name, label, optional, validate: validateProp, onChange, onChangeValue, onBlur, acceptedCards, maxLength, value, autoComplete, defaultValue, dataAttributes, ...rest }: CvvFieldProps) => JSX.Element;
 export default CvvField;

package/dist/cvv-field.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return Br;
+        return zo;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -154,7 +154,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const ir = (param)=>{
+const io = (param)=>{
     let { acceptedCards: t } = param;
     const { texts: i, t: n } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
@@ -187,24 +187,24 @@ const ir = (param)=>{
                             }),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.default, {
                                 children: i.formCreditCardCvvTooltipAmex || n(_texttokens.formCreditCardCvvTooltipAmex)
-                            }),
-                            ")"
+                            })
                         ]
                     })
                 ]
             })
         })
     });
-}, nr = (_param)=>{
-    var { disabled: t, error: i, helperText: n, name: a, optional: v, validate: p, onChange: B, onChangeValue: E, onBlur: y, acceptedCards: z = {
+}, no = (_param)=>{
+    var { disabled: t, error: i, helperText: n, name: l, label: M, optional: B, validate: c, onChange: z, onChangeValue: A, onBlur: E, acceptedCards: $ = {
         americanExpress: !0,
         visa: !0,
         masterCard: !0
-    }, maxLength: f = 4, value: A, autoComplete: $ = "cc-csc", defaultValue: j, dataAttributes: O } = _param, S = _object_without_properties(_param, [
+    }, maxLength: p = 4, value: j, autoComplete: y = "cc-csc", defaultValue: O, dataAttributes: S } = _param, b = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
         "name",
+        "label",
         "optional",
         "validate",
         "onChange",
@@ -217,40 +217,41 @@ const ir = (param)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: s, t: m } = (0, _hooks.useTheme)(), { setFormError: b, jumpToNext: w } = (0, _formcontext.useForm)(), [d, u] = _react.useState(!1), h = (o, l)=>o ? o.length !== f ? s.formCreditCardCvvError || m(_texttokens.formCreditCardCvvError) : p == null ? void 0 : p(o, l) : v ? "" : s.formFieldErrorIsMandatory || m(_texttokens.formFieldErrorIsMandatory), g = (o)=>o, T = (0, _formcontext.useFieldProps)({
-        name: a,
-        value: A,
-        defaultValue: j,
-        processValue: g,
+    const { texts: a, t: C } = (0, _hooks.useTheme)(), { setFormError: w, jumpToNext: R } = (0, _formcontext.useForm)(), [f, v] = _react.useState(!1), u = (r, s)=>r.length !== p ? a.formCreditCardCvvError || C(_texttokens.formCreditCardCvvError) : c == null ? void 0 : c(r, s), h = (r)=>r, g = (0, _formcontext.useFieldProps)({
+        name: l,
+        label: M,
+        value: j,
+        defaultValue: O,
+        processValue: h,
         helperText: n,
-        optional: v,
+        optional: B,
         error: i,
         disabled: t,
-        onBlur: y,
-        validate: h,
-        onChange: B,
-        onChangeValue: E
+        onBlur: E,
+        validate: u,
+        onChange: z,
+        onChangeValue: A
     }), e = (0, _css.pxToRem)(16);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, S, T), {
-        maxLength: f,
-        onChange: (o)=>{
-            T.onChange(o);
-            const l = o.currentTarget.value, x = g(l);
-            if (x.length === f) {
-                const I = h(x, l);
-                I ? b({
-                    name: a,
-                    error: I
-                }) : w(a);
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, b, g), {
+        maxLength: p,
+        onChange: (r)=>{
+            g.onChange(r);
+            const s = r.currentTarget.value, T = h(s);
+            if (T.length === p) {
+                const x = u(T, s);
+                x ? w({
+                    name: l,
+                    error: x
+                }) : R(l);
             }
         },
         endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)(_popover.default, {
             position: "top",
-            open: d,
-            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ir, {
-                acceptedCards: z
+            open: f,
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(io, {
+                acceptedCards: $
             }),
-            onClose: ()=>u(!1),
+            onClose: ()=>v(!1),
             target: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
                     width: e,
@@ -267,8 +268,8 @@ const ir = (param)=>{
                         left: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${e}) / 2)`,
                         top: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${e}) / 2)`
                     },
-                    onPress: ()=>u(!d),
-                    "aria-label": d ? s.formCreditCardCvvTooltipVisaMcButtonClose || m(_texttokens.formCreditCardCvvTooltipVisaMcButtonClose) : s.formCreditCardCvvTooltipVisaMcButtonOpen || m(_texttokens.formCreditCardCvvTooltipVisaMcButtonOpen),
+                    onPress: ()=>v(!f),
+                    "aria-label": f ? a.formCreditCardCvvTooltipVisaMcButtonClose || C(_texttokens.formCreditCardCvvTooltipVisaMcButtonClose) : a.formCreditCardCvvTooltipVisaMcButtonOpen || C(_texttokens.formCreditCardCvvTooltipVisaMcButtonOpen),
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconinformationregular.default, {
                         size: e,
                         color: _skincontractcssmistica.vars.colors.neutralMedium
@@ -276,10 +277,10 @@ const ir = (param)=>{
                 })
             })
         }),
-        autoComplete: $,
+        autoComplete: y,
         inputComponent: _integerfield.IntegerInput,
         dataAttributes: _object_spread({
             "component-name": "CvvField"
-        }, O)
+        }, S)
     }));
-}, Br = nr;
+}, zo = no;

package/dist/date-field.d.ts

@@ -5,5 +5,5 @@ export interface DateFieldProps extends CommonFormFieldProps {
     min?: Date;
     max?: Date;
 }
-declare const DateField: ({ disabled, error, helperText, name, optional, validate: validateProp, onChange, onChangeValue: onChangeValueProp, onBlur, value, defaultValue, min, max, dataAttributes, ...rest }: DateFieldProps) => JSX.Element;
+declare const DateField: ({ disabled, error, helperText, name, label, optional, validate: validateProp, onChange, onChangeValue: onChangeValueProp, onBlur, value, defaultValue, min, max, dataAttributes, ...rest }: DateFieldProps) => JSX.Element;
 export default DateField;

package/dist/date-field.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return P;
+        return ee;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -147,12 +147,13 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const M = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")))), V = (_param)=>{
-    var { disabled: D, error: g, helperText: F, name: R, optional: c, validate: n, onChange: S, onChangeValue: s, onBlur: O, value: k, defaultValue: y, min: o, max: i, dataAttributes: d } = _param, u = _object_without_properties(_param, [
+const V = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")))), $ = (_param)=>{
+    var { disabled: D, error: g, helperText: F, name: R, label: S, optional: c, validate: n, onChange: O, onChangeValue: s, onBlur: k, value: y, defaultValue: I, min: o, max: i, dataAttributes: d } = _param, u = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
         "name",
+        "label",
         "optional",
         "validate",
         "onChange",
@@ -164,18 +165,19 @@ const M = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
         "max",
         "dataAttributes"
     ]);
-    const I = (e)=>e, T = _react.useMemo(()=>(0, _platform.isFirefox)() ? !1 : (0, _dom.isInputTypeSupported)("date"), []), { texts: h, t: x } = (0, _hooks.useTheme)(), a = (e)=>!(o && e && e < (0, _time.getLocalDateString)(o) || i && e && e > (0, _time.getLocalDateString)(i)), p = (0, _formcontext.useFieldProps)({
+    const T = (e)=>e, h = _react.useMemo(()=>(0, _platform.isFirefox)() ? !1 : (0, _dom.isInputTypeSupported)("date"), []), { texts: x, t: z } = (0, _hooks.useTheme)(), a = (e)=>!(o && e && e < (0, _time.getLocalDateString)(o) || i && e && e > (0, _time.getLocalDateString)(i)), p = (0, _formcontext.useFieldProps)({
         name: R,
-        value: k,
-        defaultValue: y,
-        processValue: I,
+        label: S,
+        value: y,
+        defaultValue: I,
+        processValue: T,
         helperText: F,
         optional: c,
         error: g,
         disabled: D,
-        onBlur: O,
-        validate: (e, m)=>a(e) ? n == null ? void 0 : n(e, m) : h.formDateOutOfRangeError || x(_texttokens.formDateOutOfRangeError),
-        onChange: S,
+        onBlur: k,
+        validate: (e, m)=>a(e) ? n == null ? void 0 : n(e, m) : x.formDateOutOfRangeError || z(_texttokens.formDateOutOfRangeError),
+        onChange: O,
         onChangeValue: (e, m)=>{
             a(e) && (s == null || s(e, m));
         }
@@ -193,9 +195,9 @@ const M = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
             "component-name": "DateField"
         }, d)
     }));
-    return T || (0, _environment.isServerSide)() ? l : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+    return h || (0, _environment.isServerSide)() ? l : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
         fallback: l,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(M, _object_spread_props(_object_spread({}, u, p), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(V, _object_spread_props(_object_spread({}, u, p), {
             optional: c,
             isValidDate: (e)=>a((0, _time.getLocalDateString)(e.toDate())),
             dataAttributes: _object_spread({
@@ -203,4 +205,4 @@ const M = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
             }, d)
         }))
     });
-}, P = V;
+}, ee = $;

package/dist/date-time-field.d.ts

@@ -5,5 +5,5 @@ export interface DateFieldProps extends CommonFormFieldProps {
     min?: Date;
     max?: Date;
 }
-declare const FormDateField: ({ disabled, error, helperText, name, optional, validate: validateProp, onChange, onChangeValue: onChangeValueProp, onBlur, value, defaultValue, min, max, dataAttributes, ...rest }: DateFieldProps) => JSX.Element;
+declare const FormDateField: ({ disabled, error, helperText, name, label, optional, validate: validateProp, onChange, onChangeValue: onChangeValueProp, onBlur, value, defaultValue, min, max, dataAttributes, ...rest }: DateFieldProps) => JSX.Element;
 export default FormDateField;