@telefonica/mistica 16.18.1 → 16.19.0

package/dist-es/form-context.js

@@ -1,8 +1,8 @@
 "use client";
-import * as l from "react";
-import { useTheme as z } from "./hooks.js";
-import { formFieldErrorIsMandatory as A } from "./text-tokens.js";
-const D = /*#__PURE__*/ l.createContext({
+import * as d from "react";
+import { useTheme as A } from "./hooks.js";
+import { formFieldErrorIsMandatory as D } from "./text-tokens.js";
+const G = /*#__PURE__*/ d.createContext({
     values: {},
     setValue: ()=>{},
     rawValues: {},
@@ -15,15 +15,15 @@ const D = /*#__PURE__*/ l.createContext({
     submit: ()=>{},
     validate: ()=>({}),
     formId: ""
-}), M = ()=>l.useContext(D), J = (param)=>{
-    let { name: r, label: d, value: s, defaultValue: u, onChange: f, disabled: x } = param;
-    const { setRawValue: i, setValue: v, rawValues: o, setFormError: E, register: p, formStatus: w } = M();
+}), P = ()=>d.useContext(G), K = (param)=>{
+    let { name: r, label: v, value: s, defaultValue: u, onChange: f, disabled: R } = param;
+    const { setRawValue: i, setValue: E, rawValues: o, setFormError: c, register: p, formStatus: x } = P();
     var _o_r;
-    return l.useEffect(()=>{
+    return d.useEffect(()=>{
         if (o[r] === void 0) {
             var _ref;
             const t = (_ref = s !== null && s !== void 0 ? s : u) !== null && _ref !== void 0 ? _ref : !1;
-            v({
+            E({
                 name: r,
                 value: t
             }), i({
@@ -36,92 +36,92 @@ const D = /*#__PURE__*/ l.createContext({
         r,
         u,
         o,
-        v,
+        E,
         i
     ]), {
         name: r,
-        label: d,
+        label: v,
         value: s,
         defaultValue: u !== null && u !== void 0 ? u : s === void 0 ? (_o_r = o[r]) !== null && _o_r !== void 0 ? _o_r : !1 : void 0,
         focusableRef: (t)=>p(r, {
                 focusableElement: t,
-                label: d
+                label: v
             }),
         onChange: (t)=>{
             i({
                 name: r,
                 value: t
-            }), v({
+            }), E({
                 name: r,
                 value: t
-            }), E({
+            }), c({
                 name: r,
                 error: ""
             }), f == null || f(t);
         },
-        disabled: w === "sending" || x
+        disabled: x === "sending" || R
     };
-}, K = (param)=>{
-    let { name: r, label: d, value: s, defaultValue: u, processValue: f, helperText: x, optional: i, error: v, disabled: o, onBlur: E, validate: p, onChange: w, onChangeValue: t } = param;
+}, L = (param)=>{
+    let { name: r, label: v, value: s, defaultValue: u, processValue: f, helperText: R, optional: i, error: E, disabled: o, onBlur: c, validate: p, validateOnBlurInsideForm: x = !0, onChange: t, onChangeValue: V } = param;
     var _ref, _ref1;
-    const { texts: P, t: j } = z(), { setRawValue: V, setValue: T, rawValues: F, values: q, formErrors: S, formStatus: N, setFormError: R, register: b } = M(), I = (_ref1 = (_ref = s !== null && s !== void 0 ? s : u) !== null && _ref !== void 0 ? _ref : F[r]) !== null && _ref1 !== void 0 ? _ref1 : "", k = l.useRef(f);
-    var _F_r;
-    return l.useEffect(()=>{
-        V({
+    const { texts: j, t: q } = A(), { setRawValue: T, setValue: I, rawValues: w, values: N, formErrors: y, formStatus: b, setFormError: F, register: k } = P(), S = (_ref1 = (_ref = s !== null && s !== void 0 ? s : u) !== null && _ref !== void 0 ? _ref : w[r]) !== null && _ref1 !== void 0 ? _ref1 : "", z = d.useRef(f);
+    var _w_r;
+    return d.useEffect(()=>{
+        T({
             name: r,
-            value: I
-        }), T({
+            value: S
+        }), I({
             name: r,
-            value: k.current(I)
+            value: z.current(S)
         });
     }, [
         r,
-        I,
-        V,
-        T
-    ]), l.useEffect(()=>{
-        o && R({
+        S,
+        T,
+        I
+    ]), d.useEffect(()=>{
+        o && F({
             name: r,
             error: void 0
         });
     }, [
         o,
         r,
-        R
+        F
     ]), {
         value: s,
-        defaultValue: u !== null && u !== void 0 ? u : s === void 0 ? (_F_r = F[r]) !== null && _F_r !== void 0 ? _F_r : "" : void 0,
+        defaultValue: u !== null && u !== void 0 ? u : s === void 0 ? (_w_r = w[r]) !== null && _w_r !== void 0 ? _w_r : "" : void 0,
         name: r,
-        label: d,
-        helperText: S[r] || x,
+        label: v,
+        helperText: y[r] || R,
         required: !i,
-        error: v || !!S[r],
-        disabled: o || N === "sending",
-        onBlur: (c)=>{
+        error: E || !!y[r],
+        disabled: o || b === "sending",
+        onBlur: x ? (l)=>{
             let e;
-            !F[r] && !i ? e = P.formFieldErrorIsMandatory || j(A) : p && (e = p(q[r], F[r])), R({
+            !w[r] && !i ? e = j.formFieldErrorIsMandatory || q(D) : p && (e = p(N[r], w[r])), F({
                 name: r,
                 error: e
-            }), E == null || E(c);
-        },
-        inputRef: (c)=>b(r, {
-                input: c,
+            }), c == null || c(l);
+        } : c,
+        inputRef: (l)=>k(r, {
+                input: l,
                 validator: p,
-                label: d
+                label: v
             }),
-        onChange: (c)=>{
-            const e = c.currentTarget.value, y = f(e);
-            V({
+        onChange: (l)=>{
+            const e = l.currentTarget.value, M = f(e);
+            T({
                 name: r,
                 value: e
-            }), T({
+            }), I({
                 name: r,
-                value: y
-            }), R({
+                value: M
+            }), F({
                 name: r,
                 error: ""
-            }), w == null || w(c), t == null || t(y, e);
+            }), t == null || t(l), V == null || V(M, e);
         }
     };
 };
-export { D as FormContext, J as useControlProps, K as useFieldProps, M as useForm };
+export { G as FormContext, K as useControlProps, L as useFieldProps, P as useForm };

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var o = "v16_18_1_1y2v1nfj7";
+var o = "v16_19_1y2v1nfj7";
 export { o as form };

package/dist-es/generated/mistica-icons/icon-glass-filled.js

@@ -0,0 +1,102 @@
+"use client";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsx as r } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
+import { vars as s } from "../../skins/skin-contract.css-mistica.js";
+const n = (_param)=>{
+    var { color: e, size: o = 24 } = _param, l = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const t = i(), a = e !== null && e !== void 0 ? e : t ? s.colors.inverse : s.colors.neutralHigh;
+    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, l), {
+        children: /* @__PURE__ */ r("path", {
+            fill: a,
+            d: "M2.001 19.468V4.53C1.983 3.085 3.244 2.058 4.63 2h14.742c1.385.058 2.646 1.085 2.628 2.53v14.938c.018 1.445-1.243 2.472-2.628 2.53H4.629c-1.385-.058-2.646-1.085-2.628-2.53M7.967 5.475a.75.75 0 0 0-1.06.008l-1.43 1.452a.75.75 0 1 0 1.068 1.053l1.43-1.452a.75.75 0 0 0-.008-1.06m3.18 2.325a.75.75 0 0 0-1.074-1.048L7.19 9.705a.75.75 0 0 0 1.073 1.048z"
+        })
+    }));
+}, m = n;
+export { m as default };

package/dist-es/generated/mistica-icons/icon-glass-light.js

@@ -0,0 +1,102 @@
+"use client";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsx as r } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
+import { vars as s } from "../../skins/skin-contract.css-mistica.js";
+const n = (_param)=>{
+    var { color: t, size: o = 24 } = _param, a = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const e = l(), i = t !== null && t !== void 0 ? t : e ? s.colors.inverse : s.colors.neutralHigh;
+    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, a), {
+        children: /* @__PURE__ */ r("path", {
+            fill: i,
+            d: "M19.55 2h.01c1.311.055 2.457 1.02 2.44 2.327v15.347c.017 1.306-1.129 2.271-2.44 2.326H4.44C3.13 21.945 1.983 20.98 2 19.673V4.327C1.983 3.02 3.13 2.055 4.44 2h15.11M4.471 3C3.578 3.042 2.99 3.67 3 4.315v15.37c-.01.644.578 1.274 1.472 1.315h15.056c.894-.041 1.482-.67 1.472-1.315V4.315c.01-.644-.578-1.273-1.472-1.315zm3.474 2.46a.5.5 0 0 1 .014.707L6.202 7.992a.5.5 0 1 1-.72-.693l1.757-1.825a.5.5 0 0 1 .707-.014m3.2 1.288a.5.5 0 0 1 .008.707L7.92 10.763a.5.5 0 0 1-.715-.7l3.235-3.307a.5.5 0 0 1 .707-.008"
+        })
+    }));
+}, v = n;
+export { v as default };

package/dist-es/generated/mistica-icons/icon-glass-regular.js

@@ -0,0 +1,102 @@
+"use client";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsx as o } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
+import { vars as s } from "../../skins/skin-contract.css-mistica.js";
+const n = (_param)=>{
+    var { color: a, size: r = 24 } = _param, e = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const l = c(), t = a !== null && a !== void 0 ? a : l ? s.colors.inverse : s.colors.neutralHigh;
+    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: /* @__PURE__ */ o("path", {
+            fill: t,
+            d: "M19.355 2h.015c1.385.058 2.647 1.085 2.628 2.53v14.938c.019 1.445-1.243 2.472-2.628 2.53H4.628C3.243 21.94 1.982 20.913 2 19.468V4.53C1.982 3.085 3.243 2.058 4.628 2h14.726M4.676 3.5c-.758.038-1.183.56-1.176 1.013v14.972c-.007.453.418.976 1.176 1.013h14.646c.758-.038 1.183-.56 1.176-1.013V4.513c.007-.453-.418-.975-1.176-1.013zm3.29 1.975a.75.75 0 0 1 .008 1.06l-1.43 1.453a.75.75 0 1 1-1.069-1.053l1.43-1.452a.75.75 0 0 1 1.061-.008m3.167 1.265a.75.75 0 0 1 .013 1.06l-2.884 2.953a.75.75 0 1 1-1.073-1.048l2.883-2.953a.75.75 0 0 1 1.061-.012"
+        })
+    }));
+}, v = n;
+export { v as default };

package/dist-es/generated/mistica-icons/icon-washing-machine-filled.js

@@ -0,0 +1,108 @@
+"use client";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+const a = (_param)=>{
+    var { color: i, size: c = 24 } = _param, s = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const n = l(), o = i !== null && i !== void 0 ? i : n ? e.colors.inverse : e.colors.neutralHigh;
+    return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, s), {
+        children: [
+            /* @__PURE__ */ r("path", {
+                fill: o,
+                d: "M16.229 3c1.915 0 3.585 1.319 3.758 3.107H4.031C4.204 4.319 5.874 3 7.789 3zM9.665 12.433c0-.92.77-1.664 1.72-1.664h1.156c.95 0 1.72.745 1.72 1.664v1.117c0 .918-.77 1.663-1.72 1.663h-1.156c-.95 0-1.72-.745-1.72-1.663z"
+            }),
+            /* @__PURE__ */ r("path", {
+                fill: o,
+                d: "M20 7.566H4.014L4 16.136c0 1.75 1.422 3.118 3.183 3.371v.763c0 .403.338.73.755.73a.74.74 0 0 0 .754-.73v-.72h6.54v.72c0 .403.339.73.755.73a.743.743 0 0 0 .755-.73v-.755c1.79-.23 3.244-1.609 3.244-3.378zM8.156 12.433c0-1.725 1.446-3.124 3.23-3.124h1.155c1.783 0 3.23 1.399 3.23 3.124v1.117c0 1.724-1.447 3.123-3.23 3.123h-1.156c-1.783 0-3.23-1.399-3.23-3.123z"
+            })
+        ]
+    }));
+}, f = a;
+export { f as default };