@telefonica/mistica 16.37.5 → 16.38.0

package/dist-es/mosaic.js

@@ -50,143 +50,166 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as r, jsxs as m, Fragment as w } from "react/jsx-runtime";
-import { Grid as h, GridItem as e } from "./grid.js";
-import { Carousel as q } from "./carousel.js";
-import { singleItemRowContainer as f, squareContainer as M, fourItemsContainer as C } from "./mosaic.css-mistica.js";
-const s = {
+import { jsx as a, jsxs as b, Fragment as q } from "react/jsx-runtime";
+import { Grid as s, GridItem as e } from "./grid.js";
+import { Carousel as C } from "./carousel.js";
+import { singleItemRowContainer as M, squareContainer as v, fourItemsContainer as S } from "./mosaic.css-mistica.js";
+const p = {
     mobile: 8,
     desktop: 16
-}, t = (n, o)=>typeof n == "function" ? n({
+}, l = (r, o)=>typeof r == "function" ? r({
         gridMode: o
-    }) : n, S = (param)=>{
-    let { items: n, isEven: o } = param;
-    return /* @__PURE__ */ r("div", {
-        className: n.length === 1 ? f : M,
-        children: /* @__PURE__ */ r(h, {
-            gap: s,
+    }) : r, y = (param)=>{
+    let { items: r, isEven: o } = param;
+    return /* @__PURE__ */ a("div", {
+        className: r.length === 1 ? M : v,
+        children: /* @__PURE__ */ a(s, {
+            gap: p,
             rows: 2,
             columns: 2,
             height: "100%",
-            children: n.length === 3 ? /* @__PURE__ */ m(w, {
+            children: r.length === 3 ? /* @__PURE__ */ b(q, {
                 children: [
-                    /* @__PURE__ */ r(e, {
+                    /* @__PURE__ */ a(e, {
                         columnSpan: o ? 2 : void 0,
-                        children: t(n[0], o ? "horizontal" : "square")
+                        children: l(r[0], o ? "horizontal" : "square")
                     }),
-                    /* @__PURE__ */ r(e, {
-                        children: t(n[1], "square")
+                    /* @__PURE__ */ a(e, {
+                        children: l(r[1], "square")
                     }),
-                    /* @__PURE__ */ r(e, {
+                    /* @__PURE__ */ a(e, {
                         columnSpan: o ? void 0 : 2,
-                        children: t(n[2], o ? "square" : "horizontal")
+                        children: l(r[2], o ? "square" : "horizontal")
                     })
                 ]
-            }) : n.map((a, i)=>/* @__PURE__ */ r(e, {
-                    columnSpan: n.length === 4 ? void 0 : 2,
-                    rowSpan: n.length === 1 ? 2 : void 0,
-                    children: t(a, n.length === 4 ? "square" : "horizontal")
-                }, i))
+            }) : r.map((t, n)=>/* @__PURE__ */ a(e, {
+                    columnSpan: r.length === 4 ? void 0 : 2,
+                    rowSpan: r.length === 1 ? 2 : void 0,
+                    children: l(t, r.length === 4 ? "square" : "horizontal")
+                }, n))
         })
     });
 }, N = (param)=>{
-    let { items: n, withBullets: o, withControls: a = !0, free: i, dataAttributes: u } = param;
-    const c = n.length, l = c < 5 ? Math.min(c, 1) : Math.floor((c + 1) / 3), d = Array.from({
-        length: l
+    let { items: r, withBullets: o, withControls: t = !0, free: n, "aria-label": g, "aria-labelledby": m, dataAttributes: f } = param;
+    const d = r.length, u = d < 5 ? Math.min(d, 1) : Math.floor((d + 1) / 3), i = Array.from({
+        length: u
     }, ()=>[]);
-    return n.forEach((g, p)=>{
-        const v = Math.min(l - 1, Math.floor(p / 3));
-        d[v].push(g);
-    }), /* @__PURE__ */ r(q, {
-        dataAttributes: _object_spread_props(_object_spread({}, u), {
+    return r.forEach((c, h)=>{
+        const w = Math.min(u - 1, Math.floor(h / 3));
+        i[w].push(c);
+    }), /* @__PURE__ */ a(C, {
+        "aria-label": g,
+        "aria-labelledby": m,
+        dataAttributes: _object_spread_props(_object_spread({}, f), {
             "component-name": "HorizontalMosaic"
         }),
-        items: d.map((g, p)=>/* @__PURE__ */ r(h, {
-                children: /* @__PURE__ */ r(S, {
-                    items: g,
-                    isEven: p % 2 === 0
-                }, p)
+        items: i.map((c, h)=>/* @__PURE__ */ a(s, {
+                children: /* @__PURE__ */ a(y, {
+                    items: c,
+                    isEven: h % 2 === 0
+                }, h)
             })),
         withBullets: o,
-        withControls: a,
-        free: i
+        withControls: t,
+        free: n
     });
 }, z = (param)=>{
-    let { items: n } = param;
-    switch(n.length){
+    let { items: r, itemRole: o } = param;
+    switch(r.length){
         case 1:
         case 2:
-            return /* @__PURE__ */ r("div", {
-                className: f,
-                children: /* @__PURE__ */ r(h, {
-                    gap: s,
+            return /* @__PURE__ */ a("div", {
+                className: M,
+                role: "none",
+                children: /* @__PURE__ */ a(s, {
+                    role: "none",
+                    gap: p,
                     columns: 2,
                     height: "100%",
-                    children: n.map((o, a)=>/* @__PURE__ */ r(e, {
-                            columnSpan: n.length === 2 ? void 0 : 2,
-                            children: t(o, n.length === 2 ? "square" : "horizontal")
-                        }, a))
+                    children: r.map((t, n)=>/* @__PURE__ */ a(e, {
+                            role: o,
+                            columnSpan: r.length === 2 ? void 0 : 2,
+                            children: l(t, r.length === 2 ? "square" : "horizontal")
+                        }, n))
                 })
             });
         case 3:
-            return /* @__PURE__ */ r("div", {
-                className: M,
-                children: /* @__PURE__ */ r(h, {
-                    gap: s,
+            return /* @__PURE__ */ a("div", {
+                className: v,
+                role: "none",
+                children: /* @__PURE__ */ a(s, {
+                    role: "none",
+                    gap: p,
                     columns: 2,
                     flow: "column",
                     height: "100%",
-                    children: n.map((o, a)=>/* @__PURE__ */ r(e, {
-                            rowSpan: a === 0 ? 2 : void 0,
-                            children: t(o, a === 0 ? "vertical" : "square")
-                        }, a))
+                    children: r.map((t, n)=>/* @__PURE__ */ a(e, {
+                            role: o,
+                            rowSpan: n === 0 ? 2 : void 0,
+                            children: l(t, n === 0 ? "vertical" : "square")
+                        }, n))
                 })
             });
         case 4:
         default:
-            return /* @__PURE__ */ r("div", {
-                className: C,
-                children: /* @__PURE__ */ m(h, {
-                    gap: s,
+            return /* @__PURE__ */ a("div", {
+                className: S,
+                role: "none",
+                children: /* @__PURE__ */ b(s, {
+                    role: "none",
+                    gap: p,
                     rows: 3,
                     columns: 2,
                     height: "100%",
                     children: [
-                        /* @__PURE__ */ r(e, {
+                        /* @__PURE__ */ a(e, {
+                            role: o,
+                            order: 0,
                             rowSpan: 2,
-                            children: t(n[0], "vertical")
+                            children: l(r[0], "vertical")
                         }),
-                        /* @__PURE__ */ r(e, {
-                            children: t(n[1], "square")
+                        /* @__PURE__ */ a(e, {
+                            role: o,
+                            order: 1,
+                            children: l(r[1], "square")
                         }),
-                        /* @__PURE__ */ r(e, {
-                            rowSpan: 2,
-                            children: t(n[3], "vertical")
+                        /* @__PURE__ */ a(e, {
+                            role: o,
+                            order: 3,
+                            children: l(r[2], "square")
                         }),
-                        /* @__PURE__ */ r(e, {
-                            children: t(n[2], "square")
+                        /* @__PURE__ */ a(e, {
+                            role: o,
+                            order: 2,
+                            rowSpan: 2,
+                            children: l(r[3], "vertical")
                         })
                     ]
                 })
             });
     }
-}, b = (param)=>{
-    let { items: n, dataAttributes: o } = param;
-    const a = n.length, i = Math.ceil(a / 4), u = Array.from({
-        length: i
+}, V = (param)=>{
+    let { items: r, dataAttributes: o, role: t = "list", itemRole: n = "listitem", "aria-label": g, "aria-labelledby": m } = param;
+    const f = r.length, d = Math.ceil(f / 4), u = Array.from({
+        length: d
     }, ()=>[]);
-    return n.forEach((c, l)=>{
-        const d = Math.floor(l / 4);
-        u[d].push(c);
-    }), /* @__PURE__ */ r(h, {
+    return r.forEach((i, c)=>{
+        const h = Math.floor(c / 4);
+        u[h].push(i);
+    }), /* @__PURE__ */ a(s, {
+        role: t,
         rows: 1,
-        gap: s,
-        dataAttributes: _object_spread_props(_object_spread({}, o), {
-            "component-name": "VerticalMosaic"
-        }),
-        children: u.map((c, l)=>/* @__PURE__ */ r(z, {
-                items: c
-            }, l))
+        gap: p,
+        "aria-label": g,
+        "aria-labelledby": m,
+        dataAttributes: _object_spread({
+            "component-name": "VerticalMosaic",
+            testid: "VerticalMosaic"
+        }, o),
+        children: u.map((i, c)=>/* @__PURE__ */ a(z, {
+                items: i,
+                itemRole: n
+            }, c))
     });
 };
-export { N as HorizontalMosaic, b as VerticalMosaic };
+export { N as HorizontalMosaic, V as VerticalMosaic };

package/dist-es/navigation-bar.css-mistica.js

@@ -1,19 +1,19 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./navigation-bar.css.ts.vanilla.css-mistica.js";
-var n = 300, y = 400, e = 184, f = "v16_37_5_1vcy5dz1 v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfko v16_37_5_1y2v1nfl4", r = "v16_37_5_1y2v1nfjo v16_37_5_1y2v1nfnb v16_37_5_1y2v1nfnf v16_37_5_1y2v1nfnu v16_37_5_1y2v1nfo9 v16_37_5_1y2v1nf4t", a = "v16_37_5_1vcy5dz1f", d = "v16_37_5_1y2v1nfkw v16_37_5_1y2v1nfjm", t = "v16_37_5_1vcy5dz1j v16_37_5_1y2v1nfmz v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfkw v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfn0", c = {
-    enter: "v16_37_5_1vcy5dz16",
-    enterActive: "v16_37_5_1vcy5dz17",
-    exit: "v16_37_5_1vcy5dz18",
-    exitActive: "v16_37_5_1vcy5dz19"
-}, o = "v16_37_5_1vcy5dz1z v16_37_5_1y2v1nfac v16_37_5_1y2v1nfbl v16_37_5_1y2v1nfjm", i = "v16_37_5_1vcy5dz1v v16_37_5_1y2v1nf4u v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfnf v16_37_5_1y2v1nfnu", z = "v16_37_5_1vcy5dz21", u = "v16_37_5_1vcy5dz1t v16_37_5_1y2v1nfjo v16_37_5_1y2v1nfnf v16_37_5_1y2v1nfnu", s = "v16_37_5_1vcy5dz20", k = "v16_37_5_1vcy5dzf", p = "v16_37_5_1vcy5dzg", j = "v16_37_5_1vcy5dzn v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfma v16_37_5_1y2v1nf9k", M = "v16_37_5_1vcy5dzl v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfn0 v16_37_5_1y2v1nfo9 v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7", l = "v16_37_5_1vcy5dzi v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfjs", C = "v16_37_5_1y2v1nfjm", m = "v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfnf v16_37_5_1y2v1nfnu", g = "v16_37_5_1vcy5dzx", b = "v16_37_5_1vcy5dz1x v16_37_5_1y2v1nfco v16_37_5_1y2v1nfdx v16_37_5_1y2v1nfac v16_37_5_1y2v1nfbl v16_37_5_1y2v1nf4u v16_37_5_1y2v1nfjo v16_37_5_1y2v1nfmz", S = "v16_37_5_1vcy5dz5 v16_37_5_1vcy5dz3 v16_37_5_1y2v1nfjn", A = "v16_37_5_1vcy5dz4 v16_37_5_1vcy5dz3 v16_37_5_1y2v1nfjn", B = "v16_37_5_1vcy5dz7 v16_37_5_1vcy5dz3 v16_37_5_1y2v1nfjn", N = "v16_37_5_1vcy5dz6 v16_37_5_1vcy5dz3 v16_37_5_1y2v1nfjn", x = "v16_37_5_1vcy5dz1o", I = "v16_37_5_1vcy5dz1e v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk1", O = "v16_37_5_1vcy5dz1c v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfke", T = "v16_37_5_1vcy5dz1q v16_37_5_1y2v1nfkf", E = {
-    default: "v16_37_5_1vcy5dzc v16_37_5_1vcy5dzb v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfkf",
-    noBorder: "v16_37_5_1vcy5dzd v16_37_5_1vcy5dzb v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfkf",
-    menuOpen: "v16_37_5_1vcy5dze v16_37_5_1vcy5dzb v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfkf"
-}, R = "v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfma v16_37_5_1y2v1nf9k", U = "v16_37_5_1vcy5dzv v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfjs", W = "v16_37_5_1vcy5dzz v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfk2", w = "v16_37_5_1vcy5dz11 v16_37_5_1vcy5dzz v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfk2 v16_37_5_1y2v1nfke", D = "v16_37_5_1vcy5dzp v16_37_5_1y2v1nfcc v16_37_5_1y2v1nfdl v16_37_5_1y2v1nflb v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfma v16_37_5_1y2v1nf9k v16_37_5_1y2v1nfjm", h = {
-    default: "v16_37_5_1vcy5dzq",
-    inverse: "v16_37_5_1vcy5dzr"
-}, F = "v16_37_5_1y2v1nflb v16_37_5_1vcy5dz12", H = "v16_37_5_1vcy5dz15 v16_37_5_1vcy5dz12", L = {
-    default: "v16_37_5_1vcy5dzs",
-    inverse: "v16_37_5_1vcy5dzt"
-}, V = "v16_37_5_1vcy5dz9 v16_37_5_1y2v1nfjo v16_37_5_1y2v1nfn0 v16_37_5_1y2v1nfnf v16_37_5_1y2v1nfnu";
+var n = 300, y = 400, e = 184, f = "v16_38_1vcy5dz1 v16_38_1y2v1nfjm v16_38_1y2v1nfko v16_38_1y2v1nfl4", r = "v16_38_1y2v1nfjo v16_38_1y2v1nfnb v16_38_1y2v1nfnf v16_38_1y2v1nfnu v16_38_1y2v1nfo9 v16_38_1y2v1nf4t", a = "v16_38_1vcy5dz1f", d = "v16_38_1y2v1nfkw v16_38_1y2v1nfjm", t = "v16_38_1vcy5dz1j v16_38_1y2v1nfmz v16_38_1y2v1nfkf v16_38_1y2v1nfkw v16_38_1y2v1nfjn v16_38_1y2v1nfn0", c = {
+    enter: "v16_38_1vcy5dz16",
+    enterActive: "v16_38_1vcy5dz17",
+    exit: "v16_38_1vcy5dz18",
+    exitActive: "v16_38_1vcy5dz19"
+}, o = "v16_38_1vcy5dz1z v16_38_1y2v1nfac v16_38_1y2v1nfbl v16_38_1y2v1nfjm", i = "v16_38_1vcy5dz1v v16_38_1y2v1nf4u v16_38_1y2v1nfjn v16_38_1y2v1nfnf v16_38_1y2v1nfnu", z = "v16_38_1vcy5dz21", u = "v16_38_1vcy5dz1t v16_38_1y2v1nfjo v16_38_1y2v1nfnf v16_38_1y2v1nfnu", s = "v16_38_1vcy5dz20", k = "v16_38_1vcy5dzf", p = "v16_38_1vcy5dzg", j = "v16_38_1vcy5dzn v16_38_1y2v1nf9l v16_38_1y2v1nfau v16_38_1y2v1nfc3 v16_38_1y2v1nfdc v16_38_1y2v1nfma v16_38_1y2v1nf9k", M = "v16_38_1vcy5dzl v16_38_1y2v1nfjn v16_38_1y2v1nfn0 v16_38_1y2v1nfo9 v16_38_1y2v1nfjs v16_38_1y2v1nfk7", l = "v16_38_1vcy5dzi v16_38_1y2v1nfjm v16_38_1y2v1nfjs", C = "v16_38_1y2v1nfjm", m = "v16_38_1y2v1nfjn v16_38_1y2v1nfnf v16_38_1y2v1nfnu", g = "v16_38_1vcy5dzx", b = "v16_38_1vcy5dz1x v16_38_1y2v1nfco v16_38_1y2v1nfdx v16_38_1y2v1nfac v16_38_1y2v1nfbl v16_38_1y2v1nf4u v16_38_1y2v1nfjo v16_38_1y2v1nfmz", S = "v16_38_1vcy5dz5 v16_38_1vcy5dz3 v16_38_1y2v1nfjn", A = "v16_38_1vcy5dz4 v16_38_1vcy5dz3 v16_38_1y2v1nfjn", B = "v16_38_1vcy5dz7 v16_38_1vcy5dz3 v16_38_1y2v1nfjn", N = "v16_38_1vcy5dz6 v16_38_1vcy5dz3 v16_38_1y2v1nfjn", x = "v16_38_1vcy5dz1o", I = "v16_38_1vcy5dz1e v16_38_1y2v1nfjs v16_38_1y2v1nfk1", O = "v16_38_1vcy5dz1c v16_38_1y2v1nfjs v16_38_1y2v1nfke", T = "v16_38_1vcy5dz1q v16_38_1y2v1nfkf", E = {
+    default: "v16_38_1vcy5dzc v16_38_1vcy5dzb v16_38_1y2v1nfjs v16_38_1y2v1nfk7 v16_38_1y2v1nfkf",
+    noBorder: "v16_38_1vcy5dzd v16_38_1vcy5dzb v16_38_1y2v1nfjs v16_38_1y2v1nfk7 v16_38_1y2v1nfkf",
+    menuOpen: "v16_38_1vcy5dze v16_38_1vcy5dzb v16_38_1y2v1nfjs v16_38_1y2v1nfk7 v16_38_1y2v1nfkf"
+}, R = "v16_38_1y2v1nf9l v16_38_1y2v1nfau v16_38_1y2v1nfc3 v16_38_1y2v1nfdc v16_38_1y2v1nfma v16_38_1y2v1nf9k", U = "v16_38_1vcy5dzv v16_38_1y2v1nfk7 v16_38_1y2v1nfkf v16_38_1y2v1nfjs", W = "v16_38_1vcy5dzz v16_38_1y2v1nfjs v16_38_1y2v1nfk7 v16_38_1y2v1nfk2", w = "v16_38_1vcy5dz11 v16_38_1vcy5dzz v16_38_1y2v1nfjs v16_38_1y2v1nfk7 v16_38_1y2v1nfk2 v16_38_1y2v1nfke", D = "v16_38_1vcy5dzp v16_38_1y2v1nfcc v16_38_1y2v1nfdl v16_38_1y2v1nflb v16_38_1y2v1nfjs v16_38_1y2v1nfk7 v16_38_1y2v1nfma v16_38_1y2v1nf9k v16_38_1y2v1nfjm", h = {
+    default: "v16_38_1vcy5dzq",
+    inverse: "v16_38_1vcy5dzr"
+}, F = "v16_38_1y2v1nflb v16_38_1vcy5dz12", H = "v16_38_1vcy5dz15 v16_38_1vcy5dz12", L = {
+    default: "v16_38_1vcy5dzs",
+    inverse: "v16_38_1vcy5dzt"
+}, V = "v16_38_1vcy5dz9 v16_38_1y2v1nfjo v16_38_1y2v1nfn0 v16_38_1y2v1nfnf v16_38_1y2v1nfnu";
 export { n as BURGER_MENU_ANIMATION_DURATION_MS, y as DESKTOP_MENU_ANIMATION_DURATION_MS, e as DESKTOP_SMALL_MENU_WIDTH, f as burgerIconContainer, r as burgerMenu, a as burgerMenuButton, d as burgerMenuContainer, t as burgerMenuContentContainer, c as burgerMenuTransition, o as desktopMenu, i as desktopMenuBackgroundContainer, z as desktopMenuColumnItem, u as desktopMenuContainer, s as desktopMenuContentFadeIn, k as desktopMenuFirstSection, p as desktopMenuLastSection, j as desktopMenuSectionArrow, M as desktopMenuSectionArrowContainer, l as desktopMenuSectionContainer, C as desktopMenuSectionWithArrowWrapper, m as desktopMenuWrapper, g as desktopOnly, b as desktopSmallMenuContainer, S as iconCloseHidden, A as iconCloseOpen, B as iconMenuHidden, N as iconMenuOpen, x as lineHeightFix, I as logoContainer, O as mainNavBarSectionsContainer, T as mainNavigationBarContentWrapper, E as navbarBorderColorVariants, R as navigationBarAction, U as navigationBarContent, W as navigationBarContentRight, w as navigationBarContentRightExpanded, D as section, h as selectedSectionVariantes, F as spacer, H as spacerLarge, L as textWrapperVariants, V as topFixed };

package/dist-es/navigation-breadcrumbs.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./navigation-breadcrumbs.css.ts.vanilla.css-mistica.js";
-var n = "v16_37_5_1fniauj3", r = "v16_37_5_1fniauj2", a = "v16_37_5_1fniauj5 v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc", f = "v16_37_5_1y2v1nfjv";
+var n = "v16_38_1fniauj3", r = "v16_38_1fniauj2", a = "v16_38_1fniauj5 v16_38_1y2v1nf9l v16_38_1y2v1nfau v16_38_1y2v1nfc3 v16_38_1y2v1nfdc", f = "v16_38_1y2v1nfjv";
 export { n as current, r as link, a as list, f as listItem };

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
-const o = "16.37.5";
+const o = "16.38.0";
 export { o as PACKAGE_VERSION };

package/dist-es/pin-field.css-mistica.js

@@ -2,5 +2,5 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
 import "./pin-field.css.ts.vanilla.css-mistica.js";
-var p = "v16_37_5_3pc6ro1", f = "v16_37_5_3pc6ro3 v16_37_5_1y2v1nfmb v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfmj v16_37_5_1y2v1nfjm v16_37_5_1y2v1nf4u", o = "v16_37_5_3pc6ro0", y = "v16_37_5_3pc6ro4 v16_37_5_3pc6ro3 v16_37_5_1y2v1nfmb v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfmj v16_37_5_1y2v1nfjm v16_37_5_1y2v1nf4u", a = "v16_37_5_3pc6ro6", i = "v16_37_5_3pc6ro9", m = "v16_37_5_1y2v1nf4q", e = "1.000rem", t = "v16_37_5_3pc6ro5 v16_37_5_3pc6ro3 v16_37_5_1y2v1nfmb v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfmj v16_37_5_1y2v1nfjm v16_37_5_1y2v1nf4u";
+var p = "v16_38_3pc6ro1", f = "v16_38_3pc6ro3 v16_38_1y2v1nfmb v16_38_1y2v1nfjs v16_38_1y2v1nfmj v16_38_1y2v1nfjm v16_38_1y2v1nf4u", o = "v16_38_3pc6ro0", y = "v16_38_3pc6ro4 v16_38_3pc6ro3 v16_38_1y2v1nfmb v16_38_1y2v1nfjs v16_38_1y2v1nfmj v16_38_1y2v1nfjm v16_38_1y2v1nf4u", a = "v16_38_3pc6ro6", i = "v16_38_3pc6ro9", m = "v16_38_1y2v1nf4q", e = "1.000rem", t = "v16_38_3pc6ro5 v16_38_3pc6ro3 v16_38_1y2v1nfmb v16_38_1y2v1nfjs v16_38_1y2v1nfmj v16_38_1y2v1nfjm v16_38_1y2v1nf4u";
 export { p as disabled, f as field, o as fieldContainer, y as focusedField, a as input, i as passwordDot, m as passwordInput, e as pinInputLineHeight, t as readOnlyField };

package/dist-es/pin-field.js

@@ -54,9 +54,9 @@ function _object_spread_props(target, source) {
 import { jsxs as H, jsx as c } from "react/jsx-runtime";
 import N from "classnames";
 import * as a from "react";
-import E from "./inline.js";
-import { input as L } from "./text-field-base.css-mistica.js";
-import { fieldContainer as j, disabled as B, readOnlyField as O, focusedField as W, field as q, input as z, passwordInput as K, pinInputLineHeight as A, passwordDot as M } from "./pin-field.css-mistica.js";
+import L from "./inline.js";
+import { input as j } from "./text-field-base.css-mistica.js";
+import { fieldContainer as B, disabled as O, readOnlyField as W, focusedField as $, field as q, input as z, passwordInput as K, pinInputLineHeight as S, passwordDot as M } from "./pin-field.css-mistica.js";
 import { useTheme as _ } from "./hooks.js";
 import G from "./screen-reader-only.js";
 import { IntegerInput as J } from "./integer-field.js";
@@ -68,11 +68,11 @@ import { pinFieldInputLabel as x } from "./text-tokens.js";
 import { vars as ee } from "./skins/skin-contract.css-mistica.js";
 let R = !1;
 const te = (param)=>{
-    let { length: i = 6, hideCode: n = !1, readSms: d, disabled: h, readOnly: g, value: y, defaultValue: b, onChange: f, inputRef: S } = param;
+    let { length: i = 6, hideCode: n = !1, readSms: d, disabled: h, readOnly: y, value: F, defaultValue: b, onChange: f, inputRef: C } = param;
     var _ref;
-    const { texts: C, t: T } = _(), [k, v] = a.useState((_ref = b == null ? void 0 : b.slice(0, i)) !== null && _ref !== void 0 ? _ref : ""), [F, w] = a.useState(void 0), l = a.useRef(Array.from({
+    const { texts: T, t: k } = _(), [A, v] = a.useState((_ref = b == null ? void 0 : b.slice(0, i)) !== null && _ref !== void 0 ? _ref : ""), [w, g] = a.useState(void 0), l = a.useRef(Array.from({
         length: i
-    }, ()=>null)).current, u = typeof y < "u", r = u ? y : k, p = a.useCallback((s)=>{
+    }, ()=>null)).current, u = typeof F < "u", r = u ? F : A, p = a.useCallback((s)=>{
         if (s === r) return;
         u || v(s);
         const e = l[0];
@@ -117,7 +117,7 @@ const te = (param)=>{
         i,
         d
     ]);
-    const $ = (s)=>(e)=>{
+    const E = (s)=>(e)=>{
             var V;
             const t = e.target.value;
             if (t === "") return;
@@ -133,7 +133,7 @@ const te = (param)=>{
                 p(P);
             }), I !== s && I <= i - 1 && ((V = l[I]) == null || V.focus()));
         };
-    return /* @__PURE__ */ c(E, {
+    return /* @__PURE__ */ c(L, {
         space: 8,
         wrap: !0,
         verticalSpace: 16,
@@ -142,38 +142,38 @@ const te = (param)=>{
         }).map((s, e)=>/* @__PURE__ */ {
             var _r_e;
             return H("div", {
-                className: g ? O : e === F ? W : q,
+                className: y ? W : e === w ? $ : q,
                 children: [
                     /* @__PURE__ */ c(J, {
-                        "aria-label": (C.pinFieldInputLabel || T(x)).replace("1$s", String(e + 1)).replace("2$s", String(i)),
+                        "aria-label": k(T.pinFieldInputLabel || x, e + 1, i),
                         type: n ? "password" : "text",
                         tabIndex: e > r.length ? -1 : void 0,
                         required: !0,
                         onFocus: ()=>{
                             var o;
                             const t = r.length === i ? -1 : r.length;
-                            t >= 0 && t < e ? (o = l[t]) == null || o.focus() : w(e);
+                            t >= 0 && t < e ? (o = l[t]) == null || o.focus() : g(e);
                         },
                         onBlur: ()=>{
-                            w(void 0);
+                            g(void 0);
                         },
                         inputRef: (t)=>{
-                            l[e] = t, e === 0 && S(t);
+                            l[e] = t, e === 0 && C(t);
                         },
-                        className: N(L, z, {
+                        className: N(j, z, {
                             [K]: n
                         }),
                         style: {
-                            lineHeight: A,
-                            fontSize: A,
-                            height: `calc(${A} * 3 - 2px)`,
+                            lineHeight: S,
+                            fontSize: S,
+                            height: `calc(${S} * 3 - 2px)`,
                             borderRadius: ee.borderRadii.input
                         },
                         disabled: h,
-                        readOnly: g,
+                        readOnly: y,
                         autoComplete: d ? "one-time-code" : void 0,
                         value: (_r_e = r[e]) !== null && _r_e !== void 0 ? _r_e : "",
-                        onChange: $(e),
+                        onChange: E(e),
                         onKeyDown: (t)=>{
                             switch(t.key){
                                 case "Backspace":
@@ -209,29 +209,29 @@ const te = (param)=>{
     });
 }, re = (param)=>{
     let { length: i = 6, hideCode: n = !1, readSms: d = !n, // by default, don't read sms if the code is hidden (password input type)
-    disabled: h, readOnly: g, name: y, value: b, defaultValue: f, helperText: S, error: C, onChangeValue: T, onChange: k, "aria-label": v, "aria-labelledby": F, dataAttributes: w } = param;
+    disabled: h, readOnly: y, name: F, value: b, defaultValue: f, helperText: C, error: T, onChangeValue: k, onChange: A, "aria-label": v, "aria-labelledby": w, dataAttributes: g } = param;
     const l = Q({
-        name: y,
+        name: F,
         label: v !== null && v !== void 0 ? v : "",
         value: b,
         defaultValue: f,
         processValue: (r)=>r,
-        helperText: S,
+        helperText: C,
         optional: !1,
-        error: C,
+        error: T,
         disabled: h,
-        onChangeValue: T,
-        onChange: k
+        onChangeValue: k,
+        onChange: A
     }), u = a.useId();
     return /* @__PURE__ */ H("div", _object_spread_props(_object_spread({
         role: "group",
-        "aria-labelledby": F !== null && F !== void 0 ? F : u,
-        className: N(j, {
-            [B]: h
+        "aria-labelledby": w !== null && w !== void 0 ? w : u,
+        className: N(B, {
+            [O]: h
         })
-    }, U(w, "PinField")), {
+    }, U(g, "PinField")), {
         children: [
-            v && !F && /* @__PURE__ */ c(G, {
+            v && !w && /* @__PURE__ */ c(G, {
                 children: /* @__PURE__ */ c("div", {
                     id: u,
                     children: v
@@ -246,7 +246,7 @@ const te = (param)=>{
                 defaultValue: l.defaultValue,
                 disabled: l.disabled,
                 onChange: l.onChange,
-                readOnly: g
+                readOnly: y
             }),
             /* @__PURE__ */ c(Y, {
                 error: l.error,

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

@@ -1,3 +1,3 @@
 import "./popover.css.ts.vanilla.css-mistica.js";
-var o = "v16_37_5_12igu660";
+var o = "v16_38_12igu660";
 export { o as content };

package/dist-es/progress-bar.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./progress-bar.css.ts.vanilla.css-mistica.js";
-var r = "v16_37_5_1y2v1nfkw v16_37_5_1y2v1nfmq", a = {
-    default: "v16_37_5_j0y7r91 v16_37_5_1y2v1nfmq v16_37_5_1y2v1nfkz",
-    inverse: "v16_37_5_j0y7r92 v16_37_5_1y2v1nfmq v16_37_5_1y2v1nfkz"
-}, n = "v16_37_5_j0y7r97", y = "v16_37_5_j0y7r96", e = "v16_37_5_j0y7r98";
-export { r as bar, a as barBackground, n as inverse, y as normal, e as progressBarSteppedContainer };
+var _ = "v16_38_1y2v1nfkw v16_38_1y2v1nfmq", a = {
+    default: "v16_38_j0y7r91 v16_38_1y2v1nfmq v16_38_1y2v1nfkz",
+    inverse: "v16_38_j0y7r92 v16_38_1y2v1nfmq v16_38_1y2v1nfkz"
+}, n = "v16_38_j0y7r97", y = "v16_38_j0y7r96", e = "v16_38_j0y7r98";
+export { _ as bar, a as barBackground, n as inverse, y as normal, e as progressBarSteppedContainer };

package/dist-es/progress-bar.js

@@ -53,17 +53,17 @@ function _object_spread_props(target, source) {
 }
 import { jsx as a } from "react/jsx-runtime";
 import * as f from "react";
-import { useTheme as I } from "./hooks.js";
+import { useTheme as T } from "./hooks.js";
 import { vars as v } from "./skins/skin-contract.css-mistica.js";
-import { barBackground as T, bar as y, inverse as A, normal as C, progressBarSteppedContainer as N } from "./progress-bar.css-mistica.js";
-import { getPrefixedDataAttributes as P } from "./utils/dom.js";
+import { barBackground as y, bar as A, inverse as C, normal as P, progressBarSteppedContainer as N } from "./progress-bar.css-mistica.js";
+import { getPrefixedDataAttributes as S } from "./utils/dom.js";
 import V from "classnames";
-import $ from "./inline.js";
-import { loading as M, progressBarCompletedLabel as w, progressBarStepLabel as W } from "./text-tokens.js";
+import M from "./inline.js";
+import { loading as w, progressBarCompletedLabel as W, progressBarStepLabel as $ } from "./text-tokens.js";
 import { useIsInverseVariant as k } from "./theme-variant-context.js";
 const K = (param)=>{
     let { progressPercent: r, color: t, "aria-label": g, "aria-labelledby": c, "aria-hidden": o, dataAttributes: m, reverse: s = !1 } = param;
-    const { texts: d, t: p } = I(), l = k(), e = Math.max(0, Math.min(100, r)), i = o && o !== "false" ? {
+    const { texts: d, t: p } = T(), l = k(), e = Math.max(0, Math.min(100, r)), i = o && o !== "false" ? {
         "aria-hidden": o
     } : {
         role: "progressbar",
@@ -71,17 +71,17 @@ const K = (param)=>{
         "aria-valuemin": 0,
         "aria-valuemax": 100,
         "aria-valuetext": (()=>{
-            const b = d.progressBarCompletedLabel || p(w);
+            const b = d.progressBarCompletedLabel || p(W);
             return `${e.toFixed(1)}% ${b}`;
         })(),
-        "aria-label": c ? void 0 : g || d.loading || p(M),
+        "aria-label": c ? void 0 : g || d.loading || p(w),
         "aria-labelledby": c
     };
-    return /* @__PURE__ */ a("div", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, P(m, "ProgressBar")), {
-        className: T[l ? "inverse" : "default"]
+    return /* @__PURE__ */ a("div", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, S(m, "ProgressBar")), {
+        className: y[l ? "inverse" : "default"]
     }), i), {
         children: /* @__PURE__ */ a("div", {
-            className: V(y, s ? A : C),
+            className: V(A, s ? C : P),
             style: {
                 maxWidth: `${e}%`,
                 backgroundColor: t !== null && t !== void 0 ? t : l ? v.colors.controlActivatedInverse : v.colors.controlActivated
@@ -90,7 +90,7 @@ const K = (param)=>{
     }));
 }, O = (param)=>{
     let { steps: r, currentStep: t = 0, color: g, dataAttributes: c, "aria-label": o, "aria-labelledby": m, "aria-hidden": s } = param;
-    const { texts: d, t: p } = I(), l = k(), [e, h] = f.useState(Math.ceil(t)), [i, b] = f.useState(!1);
+    const { texts: d, t: p } = T(), l = k(), [e, h] = f.useState(Math.ceil(t)), [i, b] = f.useState(!1);
     f.useEffect(()=>{
         const n = Math.ceil(t);
         e !== n && (b(n < e), h(n));
@@ -106,32 +106,32 @@ const K = (param)=>{
         "aria-valuenow": e,
         "aria-valuemin": 0,
         "aria-valuemax": r,
-        "aria-valuetext": (()=>(d.progressBarStepLabel || p(W)).replace("1$s", String(e)).replace("2$s", String(r)))(),
+        "aria-valuetext": (()=>p(d.progressBarStepLabel || $, e, r))(),
         "aria-label": m ? void 0 : o,
         "aria-labelledby": m
     };
-    return /* @__PURE__ */ a("div", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, P(c, "ProgressBarStepped")), {
+    return /* @__PURE__ */ a("div", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, S(c, "ProgressBarStepped")), {
         role: "progressbar"
     }), F), {
         className: N,
-        children: /* @__PURE__ */ a($, {
+        children: /* @__PURE__ */ a(M, {
             space: 8,
             fullWidth: !0,
             children: Array.from({
                 length: r
             }, (n, u)=>{
-                const x = u === e, B = u < e, S = u === e - 1;
+                const x = u === e, B = u < e, I = u === e - 1;
                 return /* @__PURE__ */ a("div", {
-                    className: T[l ? "inverse" : "default"],
+                    className: y[l ? "inverse" : "default"],
                     "aria-hidden": "true",
                     children: (B || x) && /* @__PURE__ */ a("div", {
-                        className: V(y, {
-                            [C]: S && !i,
-                            [A]: x && i
+                        className: V(A, {
+                            [P]: I && !i,
+                            [C]: x && i
                         }),
                         style: {
                             backgroundColor: g !== null && g !== void 0 ? g : l ? v.colors.controlActivatedInverse : v.colors.controlActivated,
-                            maxWidth: B || S && !i ? "100%" : "0"
+                            maxWidth: B || I && !i ? "100%" : "0"
                         }
                     })
                 }, u);