@telefonica/mistica 16.18.2 → 16.20.0

package/dist-es/select.js

@@ -51,29 +51,29 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as r, jsxs as _, Fragment as Ce } from "react/jsx-runtime";
+import { jsx as r, jsxs as _, Fragment as Pe } from "react/jsx-runtime";
 import * as n from "react";
 import k from "classnames";
-import { useForm as Pe } from "./form-context.js";
-import { useTheme as De } from "./hooks.js";
-import { SPACE as re, ENTER as se, ESC as Me, TAB as He, UP as Fe, DOWN as We } from "./utils/keys.js";
-import { FieldContainer as Ge, HelperText as Le, Label as Ze } from "./text-field-components.js";
+import { useForm as De } from "./form-context.js";
+import { useTheme as Me } from "./hooks.js";
+import { SPACE as re, ENTER as se, ESC as He, TAB as Fe, UP as We, DOWN as Ge } from "./utils/keys.js";
+import { FieldContainer as Le, HelperText as Ze, Label as $e } from "./text-field-components.js";
 import oe from "./generated/mistica-icons/icon-chevron-down-regular.js";
-import { TextFieldBaseAutosuggest as $e } from "./text-field-base.js";
-import Be from "./overlay.js";
-import { isAndroid as qe, isIos as ze } from "./utils/platform.js";
+import { TextFieldBaseAutosuggest as Be } from "./text-field-base.js";
+import qe from "./overlay.js";
+import { isAndroid as ze, isIos as je } from "./utils/platform.js";
 import { cancelEvent as m } from "./utils/dom.js";
-import { Text3 as je } from "./text.js";
-import { selectVariants as Ke, arrowDown as Ue, iconContainer as ie, selectContainerVariants as Xe, selectTextVariants as Je, vars as b, optionsContainer as Qe, optionsAnimationsVariants as ce, menuItem as Ye, menuItemSelected as et } from "./select.css-mistica.js";
+import { Text3 as Ke } from "./text.js";
+import { selectVariants as Ue, arrowDown as Xe, iconContainer as ie, selectContainerVariants as Je, selectTextVariants as Qe, vars as b, optionsContainer as Ye, optionsAnimationsVariants as ce, menuItem as et, menuItemSelected as tt } from "./select.css-mistica.js";
 import { inputWithLabel as ae, inputWithoutLabel as le } from "./text-field-base.css-mistica.js";
-import { Portal as tt } from "./portal.js";
-import { pxToRem as nt, applyCssVars as rt } from "./utils/css.js";
-import { ThemeVariant as st } from "./theme-variant-context.js";
-const ot = (param)=>{
-    let { id: ue, label: u, helperText: de, value: fe, defaultValue: pe, onChangeValue: C, name: i, fullWidth: P, options: d, optional: D, disabled: me, error: he, onBlur: M, autoFocus: z = !1, native: Se } = param;
+import { Portal as nt } from "./portal.js";
+import { pxToRem as rt, applyCssVars as st } from "./utils/css.js";
+import { ThemeVariant as ot } from "./theme-variant-context.js";
+const it = (param)=>{
+    let { id: ue, label: u, helperText: de, value: fe, defaultValue: pe, onChangeValue: C, name: i, fullWidth: P, options: d, optional: D, showOptionalLabel: me, disabled: he, error: Se, onBlur: M, autoFocus: z = !1, native: ve } = param;
     var ne;
-    const h = n.useRef(null), f = n.useRef(null), S = n.useRef(null), v = n.useRef(null), R = n.useRef(/* @__PURE__ */ new Map()), [ve, ge] = n.useState(!0), [g, Te] = n.useState(pe), [H, j] = n.useState(!1), [K, U] = n.useState(!1), [X, O] = n.useState(!1), [a, F] = n.useState({}), [T, W] = n.useState(), G = n.useRef(null), Ie = n.useId(), L = ue || Ie, { rawValues: Ee, setRawValue: Z, setValue: $, formStatus: we, formErrors: J, setFormError: xe, register: B } = Pe(), { platformOverrides: Q } = De(), Oe = Se || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || qe(Q) || ze(Q), I = me || we === "sending", A = he || !!J[i], Y = J[i] || de, l = fe !== null && fe !== void 0 ? fe : Ee[i], ee = (e)=>{
-        C == null || C(e), xe({
+    const h = n.useRef(null), f = n.useRef(null), S = n.useRef(null), v = n.useRef(null), R = n.useRef(/* @__PURE__ */ new Map()), [ge, Te] = n.useState(!0), [g, Ie] = n.useState(pe), [H, j] = n.useState(!1), [K, U] = n.useState(!1), [X, O] = n.useState(!1), [a, F] = n.useState({}), [T, W] = n.useState(), G = n.useRef(null), we = n.useId(), L = ue || we, { rawValues: Ee, setRawValue: Z, setValue: $, formStatus: xe, formErrors: J, setFormError: Oe, register: B } = De(), { platformOverrides: Q } = Me(), ye = ve || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || ze(Q) || je(Q), I = he || xe === "sending", A = Se || !!J[i], Y = J[i] || de, l = fe !== null && fe !== void 0 ? fe : Ee[i], ee = (e)=>{
+        C == null || C(e), Oe({
             name: i,
             error: ""
         }), Z({
@@ -83,18 +83,18 @@ const ot = (param)=>{
             name: i,
             value: e
         });
-    }, E = (e)=>{
+    }, w = (e)=>{
         if (e) {
             if (S != null && S.current) {
-                const o = S.current.getBoundingClientRect(), p = o.top, x = o.width, y = o.left, Ve = o.height, N = p + Ve, V = Math.min(d.length, 8) * 48 + 16;
+                const o = S.current.getBoundingClientRect(), p = o.top, x = o.width, y = o.left, _e = o.height, N = p + _e, V = Math.min(d.length, 8) * 48 + 16;
                 if (N + V + 12 > window.innerHeight) {
-                    const _e = window.innerHeight - N;
-                    if (p > _e) {
-                        const ke = p - V;
+                    const ke = window.innerHeight - N;
+                    if (p > ke) {
+                        const Ce = p - V;
                         F({
                             minWidth: x,
                             left: y,
-                            top: Math.max(ke, 12),
+                            top: Math.max(Ce, 12),
                             maxHeight: Math.min(p - 12, V),
                             transformOrigin: "center bottom"
                         });
@@ -119,8 +119,8 @@ const ot = (param)=>{
         } else U(!1), j(!1), W(void 0);
     }, q = (e)=>{
         var t;
-        G.current = (t = v.current) == null ? void 0 : t.scrollTop, E(!1), ee && typeof e == "string" && ee(e), typeof l > "u" && Te(e);
-    }, ye = (e)=>{
+        G.current = (t = v.current) == null ? void 0 : t.scrollTop, w(!1), ee && typeof e == "string" && ee(e), typeof l > "u" && Ie(e);
+    }, Ne = (e)=>{
         var s;
         const t = (s = v.current) == null ? void 0 : s.getBoundingClientRect();
         if (t && e && R.current.has(e)) {
@@ -131,7 +131,7 @@ const ot = (param)=>{
             }
             o && o.top + o.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
         }
-    }, Ne = f.current, be = h.current;
+    }, be = f.current, Re = h.current;
     n.useEffect(()=>{
         Z({
             name: i,
@@ -160,15 +160,15 @@ const ot = (param)=>{
         B,
         f,
         h,
-        Ne,
         be,
+        Re,
         u
     ]), n.useEffect(()=>{
         const e = (s)=>{
             var p;
             const o = {
-                [Fe]: -1,
-                [We]: 1
+                [We]: -1,
+                [Ge]: 1
             }[s.key];
             if (o) {
                 m(s);
@@ -177,22 +177,22 @@ const ot = (param)=>{
                     let { value: y } = param;
                     return y === T;
                 }) + o]) == null ? void 0 : p.value) !== null && _ref !== void 0 ? _ref : T;
-                W(x), ye(x);
+                W(x), Ne(x);
             }
         }, t = (s)=>{
             if (H) switch(s.key){
-                case He:
+                case Fe:
                     m(s);
                     break;
-                case Me:
-                    E(!1);
+                case He:
+                    w(!1);
                     break;
                 case se:
                 case re:
                     m(s), d.findIndex((param)=>{
                         let { value: c } = param;
                         return c === T;
-                    }) !== -1 && T !== g && q(T), E(!1);
+                    }) !== -1 && T !== g && q(T), w(!1);
                     break;
             }
             K && e(s);
@@ -205,49 +205,49 @@ const ot = (param)=>{
     }, [
         z
     ]), n.useEffect(()=>{
-        ge(!1);
+        Te(!1);
     }, []);
-    const Re = (e)=>{
+    const Ae = (e)=>{
         var t;
         return e ? (t = d.find((param)=>{
             let { value: s } = param;
             return s === e;
         })) == null ? void 0 : t.text : "";
-    }, Ae = {
+    }, Ve = {
         tabIndex: 0,
         onFocus: ()=>O(!0),
         onBlur: ()=>O(!1),
         onClick: ()=>{
-            E(!0), O(!0);
+            w(!0), O(!0);
         },
         onKeyDown: (e)=>{
-            !H && (e.key === re || e.key === se) && (m(e), E(!0));
+            !H && (e.key === re || e.key === se) && (m(e), w(!0));
         }
-    }, te = nt(20), w = g !== null && g !== void 0 ? g : l;
+    }, te = rt(20), E = g !== null && g !== void 0 ? g : l;
     var _a_transformOrigin;
-    return /* @__PURE__ */ r(st, {
+    return /* @__PURE__ */ r(ot, {
         isInverse: !1,
-        children: Oe || ve ? /* @__PURE__ */ _(Ge, {
+        children: ye || ge ? /* @__PURE__ */ _(Le, {
             disabled: I,
-            helperText: /* @__PURE__ */ r(Le, {
+            helperText: /* @__PURE__ */ r(Ze, {
                 error: A,
                 leftText: Y
             }),
             fieldRef: S,
             fullWidth: P,
             children: [
-                u && /* @__PURE__ */ r(Ze, {
+                u && /* @__PURE__ */ r($e, {
                     error: A,
                     forId: L,
-                    inputState: X ? "focused" : (w !== null && w !== void 0 ? w : (ne = h.current) == null ? void 0 : ne.value) ? "filled" : "default",
-                    optional: D,
+                    inputState: X ? "focused" : (E !== null && E !== void 0 ? E : (ne = h.current) == null ? void 0 : ne.value) ? "filled" : "default",
+                    showOptional: D && me,
                     children: u
                 }),
                 /* @__PURE__ */ _("select", {
-                    className: k(Ke[I ? "disabled" : "default"], u ? ae : le),
+                    className: k(Ue[I ? "disabled" : "default"], u ? ae : le),
                     id: L,
                     "aria-invalid": !!A,
-                    value: w,
+                    value: E,
                     required: !D,
                     disabled: I,
                     onChange: (e)=>{
@@ -270,10 +270,10 @@ const ot = (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: E ? void 0 : "transparent"
                     },
                     children: [
-                        !w && d.every((param)=>{
+                        !E && d.every((param)=>{
                             let { value: e } = param;
                             return !!e;
                         }) && // If no "empty" option exists, insert a dummy empty option. Once an option is selected,
@@ -305,7 +305,7 @@ const ot = (param)=>{
                     ]
                 }),
                 /* @__PURE__ */ r("div", {
-                    className: Ue,
+                    className: Xe,
                     "aria-hidden": !0,
                     children: /* @__PURE__ */ r("div", {
                         className: ie,
@@ -316,16 +316,16 @@ const ot = (param)=>{
                     })
                 })
             ]
-        }) : /* @__PURE__ */ _(Ce, {
+        }) : /* @__PURE__ */ _(Pe, {
             children: [
                 /* @__PURE__ */ _("div", _object_spread_props(_object_spread({
-                    className: Xe[P ? "fullWidth" : "default"],
+                    className: Je[P ? "fullWidth" : "default"],
                     role: "button",
                     "aria-haspopup": "listbox",
                     ref: f
-                }, !I && Ae), {
+                }, !I && Ve), {
                     children: [
-                        /* @__PURE__ */ r($e, {
+                        /* @__PURE__ */ r(Be, {
                             style: {
                                 visibility: "hidden"
                             },
@@ -338,7 +338,7 @@ const ot = (param)=>{
                             }),
                             focus: X,
                             label: u,
-                            value: w,
+                            value: E,
                             shrinkLabel: !!(l || g),
                             name: i,
                             helperText: Y,
@@ -350,19 +350,19 @@ const ot = (param)=>{
                             fieldRef: S
                         }),
                         /* @__PURE__ */ r("div", {
-                            className: k(Je[I ? "disabled" : "default"], u ? ae : le),
-                            children: Re(w)
+                            className: k(Qe[I ? "disabled" : "default"], u ? ae : le),
+                            children: Ae(E)
                         })
                     ]
                 })),
-                H && /* @__PURE__ */ r(Be, {
+                H && /* @__PURE__ */ r(qe, {
                     onPress: (e)=>{
-                        E(!1), m(e);
+                        w(!1), m(e);
                     },
                     disableScroll: !0,
-                    children: /* @__PURE__ */ r(tt, {
+                    children: /* @__PURE__ */ r(nt, {
                         children: /* @__PURE__ */ r("ul", {
-                            style: rt({
+                            style: st({
                                 [b.top]: a.top ? `${a.top}px` : "",
                                 [b.left]: a.left ? `${a.left}px` : "",
                                 [b.maxHeight]: a.maxHeight ? `${a.maxHeight}px` : "",
@@ -370,7 +370,7 @@ const ot = (param)=>{
                                 [b.transformOrigin]: (_a_transformOrigin = a.transformOrigin) !== null && _a_transformOrigin !== void 0 ? _a_transformOrigin : ""
                             }),
                             onPointerDown: m,
-                            className: k(Qe, K ? ce.show : ce.hide),
+                            className: k(Ye, K ? ce.show : ce.hide),
                             role: "listbox",
                             ref: v,
                             children: d.map((param)=>{
@@ -379,15 +379,15 @@ const ot = (param)=>{
                                     role: "option",
                                     "aria-selected": e === (g !== null && g !== void 0 ? g : l),
                                     "data-value": e,
-                                    className: k(Ye, {
-                                        [et]: e === T || e === (g !== null && g !== void 0 ? g : l)
+                                    className: k(et, {
+                                        [tt]: e === T || e === (g !== null && g !== void 0 ? g : l)
                                     }),
                                     onPointerDown: m,
                                     onClick: ()=>q(e),
                                     ref: (s)=>{
                                         s ? R.current.set(e, s) : R.current.delete(e);
                                     },
-                                    children: /* @__PURE__ */ r(je, {
+                                    children: /* @__PURE__ */ r(Ke, {
                                         regular: !0,
                                         children: t
                                     })
@@ -399,5 +399,5 @@ const ot = (param)=>{
             ]
         })
     });
-}, Ot = ot;
-export { Ot as default };
+}, yt = it;
+export { yt as default };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./sheet-action-row.css.ts.vanilla.css-mistica.js";
-var n = "v16_18_2_4k81wx1 v16_18_2_1y2v1nf8s v16_18_2_1y2v1nfa1 v16_18_2_1y2v1nfba v16_18_2_1y2v1nfcj v16_18_2_1y2v1nfik v16_18_2_1y2v1nfkx v16_18_2_1y2v1nfiz";
+var n = "v16_20_4k81wx1 v16_20_1y2v1nf8s v16_20_1y2v1nfa1 v16_20_1y2v1nfba v16_20_1y2v1nfcj v16_20_1y2v1nfik v16_20_1y2v1nfkx v16_20_1y2v1nfiz";
 export { n as sheetActionRow };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./sheet-common.css.ts.vanilla.css-mistica.js";
-var n = "v16_18_2_pidemf6 v16_18_2_1y2v1nf47", f = "v16_18_2_pidemf4 v16_18_2_1y2v1nfig v16_18_2_1y2v1nfm6 v16_18_2_1y2v1nfml v16_18_2_1y2v1nfn0", y = "v16_18_2_pidemf9 v16_18_2_1y2v1nf91 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiq", i = "v16_18_2_pidemfu", e = "v16_18_2_1y2v1nflq v16_18_2_1y2v1nfj6 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiq", r = "v16_18_2_pidemfp", a = "v16_18_2_pidemf7", t = "v16_18_2_1y2v1nf5g v16_18_2_1y2v1nfj7 v16_18_2_1y2v1nfjo v16_18_2_1y2v1nfl4", l = "v16_18_2_pidemfe v16_18_2_1y2v1nfij", m = "v16_18_2_1y2v1nfjg v16_18_2_1y2v1nfjr", o = "v16_18_2_pidemfj v16_18_2_1y2v1nf8y v16_18_2_1y2v1nfa7 v16_18_2_1y2v1nfbg v16_18_2_1y2v1nfcp v16_18_2_1y2v1nfif v16_18_2_1y2v1nflr v16_18_2_1y2v1nfml", d = "v16_18_2_pidemfo v16_18_2_1y2v1nfig v16_18_2_1y2v1nf4j v16_18_2_1y2v1nflr v16_18_2_1y2v1nfm6 v16_18_2_1y2v1nfml v16_18_2_1y2v1nfn0", p = "v16_18_2_pidemfc v16_18_2_1y2v1nf8m v16_18_2_1y2v1nf9v v16_18_2_1y2v1nfif v16_18_2_1y2v1nflr v16_18_2_1y2v1nfk1 v16_18_2_1y2v1nfj7 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfit", g = "v16_18_2_pidemft v16_18_2_1y2v1nfii v16_18_2_1y2v1nfn0 v16_18_2_1y2v1nf47", h = "v16_18_2_pidemfr v16_18_2_1y2v1nfii v16_18_2_1y2v1nflr v16_18_2_1y2v1nf47", j = 400;
+var n = "v16_20_pidemf6 v16_20_1y2v1nf47", f = "v16_20_pidemf4 v16_20_1y2v1nfig v16_20_1y2v1nfm6 v16_20_1y2v1nfml v16_20_1y2v1nfn0", y = "v16_20_pidemf9 v16_20_1y2v1nf91 v16_20_1y2v1nfik v16_20_1y2v1nfiq", i = "v16_20_pidemfu", e = "v16_20_1y2v1nflq v16_20_1y2v1nfj6 v16_20_1y2v1nfik v16_20_1y2v1nfiq", r = "v16_20_pidemfp", a = "v16_20_pidemf7", t = "v16_20_1y2v1nf5g v16_20_1y2v1nfj7 v16_20_1y2v1nfjo v16_20_1y2v1nfl4", l = "v16_20_pidemfe v16_20_1y2v1nfij", m = "v16_20_1y2v1nfjg v16_20_1y2v1nfjr", o = "v16_20_pidemfj v16_20_1y2v1nf8y v16_20_1y2v1nfa7 v16_20_1y2v1nfbg v16_20_1y2v1nfcp v16_20_1y2v1nfif v16_20_1y2v1nflr v16_20_1y2v1nfml", d = "v16_20_pidemfo v16_20_1y2v1nfig v16_20_1y2v1nf4j v16_20_1y2v1nflr v16_20_1y2v1nfm6 v16_20_1y2v1nfml v16_20_1y2v1nfn0", p = "v16_20_pidemfc v16_20_1y2v1nf8m v16_20_1y2v1nf9v v16_20_1y2v1nfif v16_20_1y2v1nflr v16_20_1y2v1nfk1 v16_20_1y2v1nfj7 v16_20_1y2v1nfik v16_20_1y2v1nfit", g = "v16_20_pidemft v16_20_1y2v1nfii v16_20_1y2v1nfn0 v16_20_1y2v1nf47", h = "v16_20_pidemfr v16_20_1y2v1nfii v16_20_1y2v1nflr v16_20_1y2v1nf47", j = 400;
 export { n as Sheet, f as SheetContainer, y as SheetContent, i as bodyContent, e as children, r as closingOverlay, a as closingSheet, t as handleBar, l as handleContainer, m as handleTouchable, o as modalCloseButton, d as overlay, p as sheetTopDraggingArea, g as stickyButtons, h as stickyTitle, j as transitionDuration };

package/dist-es/sheet-info.css-mistica.js

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var v = "v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiz v16_18_2_1y2v1nfjw", n = "v16_18_2_1y2v1nfjo v16_18_2_1y2v1nfik", f = "v16_18_2_1y2v1nf8s v16_18_2_1y2v1nfa1 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiz v16_18_2_1y2v1nfkx";
-export { v as infoItemIcon, n as infoItemIconContainer, f as itemContainer };
+var _ = "v16_20_1y2v1nfik v16_20_1y2v1nfiz v16_20_1y2v1nfjw", n = "v16_20_1y2v1nfjo v16_20_1y2v1nfik", f = "v16_20_1y2v1nf8s v16_20_1y2v1nfa1 v16_20_1y2v1nfik v16_20_1y2v1nfiz v16_20_1y2v1nfkx";
+export { _ as infoItemIcon, n as infoItemIconContainer, f as itemContainer };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./skeletons.css.ts.vanilla.css-mistica.js";
-var n = "v16_18_2_zopolw6 v16_18_2_1y2v1nfim", r = {
-    default: "v16_18_2_1y2v1nf4k",
-    inverse: "v16_18_2_1y2v1nf4l"
-}, i = "v16_18_2_1y2v1nfj2 v16_18_2_1y2v1nfj4", a = "v16_18_2_zopolwa v16_18_2_1y2v1nfj3", f = "v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiz v16_18_2_1y2v1nfit";
+var n = "v16_20_zopolw6 v16_20_1y2v1nfim", r = {
+    default: "v16_20_1y2v1nf4k",
+    inverse: "v16_20_1y2v1nf4l"
+}, i = "v16_20_1y2v1nfj2 v16_20_1y2v1nfj4", a = "v16_20_zopolwa v16_20_1y2v1nfj3", f = "v16_20_1y2v1nfik v16_20_1y2v1nfiz v16_20_1y2v1nfit";
 export { n as animation, r as background, i as circle, a as line, f as row };