@telefonica/mistica 16.37.4 → 16.38.0

package/dist/loading-screen.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     inOutAnimationMs: function() {
-        return v;
+        return _;
     },
     loadingScreen: function() {
         return n;
@@ -45,7 +45,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./loading-screen.css.ts.vanilla.css-mistica.js");
-var v = 500, n = "v16_37_4_flke8b1 v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfjy v16_37_4_1y2v1nfk7", r = "v16_37_4_1y2v1nfke v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfjy v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfk1", a = "v16_37_4_flke8b9 v16_37_4_1y2v1nfa6", f = "v16_37_4_flke8bb", l = "v16_37_4_flke8bc", k = "v16_37_4_flke8bf", o = "v16_37_4_flke8be", i = {
-    default: "v16_37_4_flke8b4",
-    inverse: "v16_37_4_flke8b5"
-}, d = "v16_37_4_flke8b3", t = "v16_37_4_flke8b6";
+var _ = 500, n = "v16_38_flke8b1 v16_38_1y2v1nfjs v16_38_1y2v1nfjy v16_38_1y2v1nfk7", r = "v16_38_1y2v1nfke v16_38_1y2v1nfjs v16_38_1y2v1nfjy v16_38_1y2v1nfk7 v16_38_1y2v1nfk1", a = "v16_38_flke8b9 v16_38_1y2v1nfa6", f = "v16_38_flke8bb", l = "v16_38_flke8bc", k = "v16_38_flke8bf", o = "v16_38_flke8be", i = {
+    default: "v16_38_flke8b4",
+    inverse: "v16_38_flke8b5"
+}, d = "v16_38_flke8b3", t = "v16_38_flke8b6";

package/dist/logo.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     logoContainer: function() {
-        return v;
+        return _;
     },
     svg: function() {
         return r;
@@ -20,9 +20,9 @@ _export(exports, {
     }
 });
 require("./logo.css.ts.vanilla.css-mistica.js");
-var v = "v16_37_4_140ft6x5", r = "v16_37_4_140ft6x4", t = {
-    size: "var(--v16_37_4_140ft6x0)",
-    sizeMobile: "var(--v16_37_4_140ft6x1)",
-    sizeTablet: "var(--v16_37_4_140ft6x2)",
-    sizeDesktop: "var(--v16_37_4_140ft6x3)"
+var _ = "v16_38_140ft6x5", r = "v16_38_140ft6x4", t = {
+    size: "var(--v16_38_140ft6x0)",
+    sizeMobile: "var(--v16_38_140ft6x1)",
+    sizeTablet: "var(--v16_38_140ft6x2)",
+    sizeDesktop: "var(--v16_38_140ft6x3)"
 };

package/dist/menu.css-mistica.js

@@ -42,17 +42,17 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./menu.css.ts.vanilla.css-mistica.js");
-var k = "v16_37_4_2k0k3uk", e = "v16_37_4_2k0k3uj", n = "v16_37_4_2k0k3u8 v16_37_4_1y2v1nf9u v16_37_4_1y2v1nfb3 v16_37_4_1y2v1nfcc v16_37_4_1y2v1nfdl v16_37_4_1y2v1nf4u v16_37_4_1y2v1nfmm v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfjy v16_37_4_1y2v1nfjn", r = "v16_37_4_2k0k3ud", u = "v16_37_4_2k0k3ug", t = "v16_37_4_2k0k3uf", a = "v16_37_4_2k0k3ue", i = "v16_37_4_2k0k3ui v16_37_4_1y2v1nf9u v16_37_4_1y2v1nfb3", m = {
-    enter: "v16_37_4_2k0k3u9",
-    enterActive: "v16_37_4_2k0k3ua",
-    exit: "v16_37_4_2k0k3ub",
-    exitActive: "v16_37_4_2k0k3uc"
+var k = "v16_38_2k0k3uk", e = "v16_38_2k0k3uj", n = "v16_38_2k0k3u8 v16_38_1y2v1nf9u v16_38_1y2v1nfb3 v16_38_1y2v1nfcc v16_38_1y2v1nfdl v16_38_1y2v1nf4u v16_38_1y2v1nfmm v16_38_1y2v1nfjs v16_38_1y2v1nfjy v16_38_1y2v1nfjn", r = "v16_38_2k0k3ud", u = "v16_38_2k0k3ug", t = "v16_38_2k0k3uf", a = "v16_38_2k0k3ue", i = "v16_38_2k0k3ui v16_38_1y2v1nf9u v16_38_1y2v1nfb3", m = {
+    enter: "v16_38_2k0k3u9",
+    enterActive: "v16_38_2k0k3ua",
+    exit: "v16_38_2k0k3ub",
+    exitActive: "v16_38_2k0k3uc"
 }, f = {
-    top: "var(--v16_37_4_2k0k3u0)",
-    bottom: "var(--v16_37_4_2k0k3u1)",
-    left: "var(--v16_37_4_2k0k3u2)",
-    right: "var(--v16_37_4_2k0k3u4)",
-    width: "var(--v16_37_4_2k0k3u3)",
-    maxHeight: "var(--v16_37_4_2k0k3u5)",
-    transformOrigin: "var(--v16_37_4_2k0k3u6)"
+    top: "var(--v16_38_2k0k3u0)",
+    bottom: "var(--v16_38_2k0k3u1)",
+    left: "var(--v16_38_2k0k3u2)",
+    right: "var(--v16_38_2k0k3u4)",
+    width: "var(--v16_38_2k0k3u3)",
+    maxHeight: "var(--v16_38_2k0k3u5)",
+    transformOrigin: "var(--v16_38_2k0k3u6)"
 };

package/dist/mosaic.css-mistica.js

@@ -16,8 +16,8 @@ _export(exports, {
         return t;
     },
     squareContainer: function() {
-        return _;
+        return a;
     }
 });
 require("./mosaic.css.ts.vanilla.css-mistica.js");
-var r = "v16_37_4_1j2q6te2", t = "v16_37_4_1j2q6te1", _ = "v16_37_4_1j2q6te0";
+var r = "v16_38_1j2q6te2", t = "v16_38_1j2q6te1", a = "v16_38_1j2q6te0";

package/dist/mosaic.d.ts

@@ -9,12 +9,18 @@ type HorizontalMosaicProps = {
     withBullets?: boolean;
     withControls?: boolean;
     free?: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
     dataAttributes?: DataAttributes;
 };
-export declare const HorizontalMosaic: ({ items, withBullets, withControls, free, dataAttributes, }: HorizontalMosaicProps) => JSX.Element;
+export declare const HorizontalMosaic: ({ items, withBullets, withControls, free, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, dataAttributes, }: HorizontalMosaicProps) => JSX.Element;
 type VerticalMosaicProps = {
     items: ReadonlyArray<MosaicItem>;
     dataAttributes?: DataAttributes;
+    role?: string;
+    itemRole?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 };
-export declare const VerticalMosaic: ({ items, dataAttributes }: VerticalMosaicProps) => JSX.Element;
+export declare const VerticalMosaic: ({ items, dataAttributes, role, itemRole, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, }: VerticalMosaicProps) => JSX.Element;
 export {};

package/dist/mosaic.js

@@ -13,7 +13,7 @@ _export(exports, {
         return N;
     },
     VerticalMosaic: function() {
-        return b;
+        return V;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -72,138 +72,161 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const s = {
+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;
+    }) : r, y = (param)=>{
+    let { items: r, isEven: o } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-        className: n.length === 1 ? _mosaiccssmistica.singleItemRowContainer : _mosaiccssmistica.squareContainer,
+        className: r.length === 1 ? _mosaiccssmistica.singleItemRowContainer : _mosaiccssmistica.squareContainer,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.Grid, {
-            gap: s,
+            gap: p,
             rows: 2,
             columns: 2,
             height: "100%",
-            children: n.length === 3 ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            children: r.length === 3 ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
                         columnSpan: o ? 2 : void 0,
-                        children: t(n[0], o ? "horizontal" : "square")
+                        children: l(r[0], o ? "horizontal" : "square")
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
-                        children: t(n[1], "square")
+                        children: l(r[1], "square")
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
                         columnSpan: o ? void 0 : 2,
-                        children: t(n[2], o ? "square" : "horizontal")
+                        children: l(r[2], o ? "square" : "horizontal")
                     })
                 ]
-            }) : n.map((a, i)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
-                    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__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
+                    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);
+    return r.forEach((c, h)=>{
+        const w = Math.min(u - 1, Math.floor(h / 3));
+        i[w].push(c);
     }), /* @__PURE__ */ (0, _jsxruntime.jsx)(_carousel.Carousel, {
-        dataAttributes: _object_spread_props(_object_spread({}, u), {
+        "aria-label": g,
+        "aria-labelledby": m,
+        dataAttributes: _object_spread_props(_object_spread({}, f), {
             "component-name": "HorizontalMosaic"
         }),
-        items: d.map((g, p)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.Grid, {
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(S, {
-                    items: g,
-                    isEven: p % 2 === 0
-                }, p)
+        items: i.map((c, h)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.Grid, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(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__ */ (0, _jsxruntime.jsx)("div", {
                 className: _mosaiccssmistica.singleItemRowContainer,
+                role: "none",
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.Grid, {
-                    gap: s,
+                    role: "none",
+                    gap: p,
                     columns: 2,
                     height: "100%",
-                    children: n.map((o, a)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
-                            columnSpan: n.length === 2 ? void 0 : 2,
-                            children: t(o, n.length === 2 ? "square" : "horizontal")
-                        }, a))
+                    children: r.map((t, n)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
+                            role: o,
+                            columnSpan: r.length === 2 ? void 0 : 2,
+                            children: l(t, r.length === 2 ? "square" : "horizontal")
+                        }, n))
                 })
             });
         case 3:
             return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _mosaiccssmistica.squareContainer,
+                role: "none",
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.Grid, {
-                    gap: s,
+                    role: "none",
+                    gap: p,
                     columns: 2,
                     flow: "column",
                     height: "100%",
-                    children: n.map((o, a)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
-                            rowSpan: a === 0 ? 2 : void 0,
-                            children: t(o, a === 0 ? "vertical" : "square")
-                        }, a))
+                    children: r.map((t, n)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
+                            role: o,
+                            rowSpan: n === 0 ? 2 : void 0,
+                            children: l(t, n === 0 ? "vertical" : "square")
+                        }, n))
                 })
             });
         case 4:
         default:
             return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _mosaiccssmistica.fourItemsContainer,
+                role: "none",
                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_grid.Grid, {
-                    gap: s,
+                    role: "none",
+                    gap: p,
                     rows: 3,
                     columns: 2,
                     height: "100%",
                     children: [
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
+                            role: o,
+                            order: 0,
                             rowSpan: 2,
-                            children: t(n[0], "vertical")
+                            children: l(r[0], "vertical")
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
-                            children: t(n[1], "square")
+                            role: o,
+                            order: 1,
+                            children: l(r[1], "square")
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
-                            rowSpan: 2,
-                            children: t(n[3], "vertical")
+                            role: o,
+                            order: 3,
+                            children: l(r[2], "square")
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
-                            children: t(n[2], "square")
+                            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);
+    return r.forEach((i, c)=>{
+        const h = Math.floor(c / 4);
+        u[h].push(i);
     }), /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.Grid, {
+        role: t,
         rows: 1,
-        gap: s,
-        dataAttributes: _object_spread_props(_object_spread({}, o), {
-            "component-name": "VerticalMosaic"
-        }),
-        children: u.map((c, l)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(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__ */ (0, _jsxruntime.jsx)(z, {
+                items: i,
+                itemRole: n
+            }, c))
     });
 };

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

@@ -138,19 +138,19 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./navigation-bar.css.ts.vanilla.css-mistica.js");
-var n = 300, y = 400, e = 184, f = "v16_37_4_1vcy5dz1 v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfko v16_37_4_1y2v1nfl4", r = "v16_37_4_1y2v1nfjo v16_37_4_1y2v1nfnb v16_37_4_1y2v1nfnf v16_37_4_1y2v1nfnu v16_37_4_1y2v1nfo9 v16_37_4_1y2v1nf4t", a = "v16_37_4_1vcy5dz1f", d = "v16_37_4_1y2v1nfkw v16_37_4_1y2v1nfjm", t = "v16_37_4_1vcy5dz1j v16_37_4_1y2v1nfmz v16_37_4_1y2v1nfkf v16_37_4_1y2v1nfkw v16_37_4_1y2v1nfjn v16_37_4_1y2v1nfn0", c = {
-    enter: "v16_37_4_1vcy5dz16",
-    enterActive: "v16_37_4_1vcy5dz17",
-    exit: "v16_37_4_1vcy5dz18",
-    exitActive: "v16_37_4_1vcy5dz19"
-}, o = "v16_37_4_1vcy5dz1z v16_37_4_1y2v1nfac v16_37_4_1y2v1nfbl v16_37_4_1y2v1nfjm", i = "v16_37_4_1vcy5dz1v v16_37_4_1y2v1nf4u v16_37_4_1y2v1nfjn v16_37_4_1y2v1nfnf v16_37_4_1y2v1nfnu", z = "v16_37_4_1vcy5dz21", u = "v16_37_4_1vcy5dz1t v16_37_4_1y2v1nfjo v16_37_4_1y2v1nfnf v16_37_4_1y2v1nfnu", s = "v16_37_4_1vcy5dz20", k = "v16_37_4_1vcy5dzf", p = "v16_37_4_1vcy5dzg", j = "v16_37_4_1vcy5dzn v16_37_4_1y2v1nf9l v16_37_4_1y2v1nfau v16_37_4_1y2v1nfc3 v16_37_4_1y2v1nfdc v16_37_4_1y2v1nfma v16_37_4_1y2v1nf9k", M = "v16_37_4_1vcy5dzl v16_37_4_1y2v1nfjn v16_37_4_1y2v1nfn0 v16_37_4_1y2v1nfo9 v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk7", l = "v16_37_4_1vcy5dzi v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfjs", C = "v16_37_4_1y2v1nfjm", m = "v16_37_4_1y2v1nfjn v16_37_4_1y2v1nfnf v16_37_4_1y2v1nfnu", g = "v16_37_4_1vcy5dzx", b = "v16_37_4_1vcy5dz1x v16_37_4_1y2v1nfco v16_37_4_1y2v1nfdx v16_37_4_1y2v1nfac v16_37_4_1y2v1nfbl v16_37_4_1y2v1nf4u v16_37_4_1y2v1nfjo v16_37_4_1y2v1nfmz", S = "v16_37_4_1vcy5dz5 v16_37_4_1vcy5dz3 v16_37_4_1y2v1nfjn", A = "v16_37_4_1vcy5dz4 v16_37_4_1vcy5dz3 v16_37_4_1y2v1nfjn", B = "v16_37_4_1vcy5dz7 v16_37_4_1vcy5dz3 v16_37_4_1y2v1nfjn", N = "v16_37_4_1vcy5dz6 v16_37_4_1vcy5dz3 v16_37_4_1y2v1nfjn", x = "v16_37_4_1vcy5dz1o", I = "v16_37_4_1vcy5dz1e v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk1", O = "v16_37_4_1vcy5dz1c v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfke", T = "v16_37_4_1vcy5dz1q v16_37_4_1y2v1nfkf", E = {
-    default: "v16_37_4_1vcy5dzc v16_37_4_1vcy5dzb v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfkf",
-    noBorder: "v16_37_4_1vcy5dzd v16_37_4_1vcy5dzb v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfkf",
-    menuOpen: "v16_37_4_1vcy5dze v16_37_4_1vcy5dzb v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfkf"
-}, R = "v16_37_4_1y2v1nf9l v16_37_4_1y2v1nfau v16_37_4_1y2v1nfc3 v16_37_4_1y2v1nfdc v16_37_4_1y2v1nfma v16_37_4_1y2v1nf9k", U = "v16_37_4_1vcy5dzv v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfkf v16_37_4_1y2v1nfjs", W = "v16_37_4_1vcy5dzz v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfk2", w = "v16_37_4_1vcy5dz11 v16_37_4_1vcy5dzz v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfk2 v16_37_4_1y2v1nfke", D = "v16_37_4_1vcy5dzp v16_37_4_1y2v1nfcc v16_37_4_1y2v1nfdl v16_37_4_1y2v1nflb v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfma v16_37_4_1y2v1nf9k v16_37_4_1y2v1nfjm", h = {
-    default: "v16_37_4_1vcy5dzq",
-    inverse: "v16_37_4_1vcy5dzr"
-}, F = "v16_37_4_1y2v1nflb v16_37_4_1vcy5dz12", H = "v16_37_4_1vcy5dz15 v16_37_4_1vcy5dz12", L = {
-    default: "v16_37_4_1vcy5dzs",
-    inverse: "v16_37_4_1vcy5dzt"
-}, V = "v16_37_4_1vcy5dz9 v16_37_4_1y2v1nfjo v16_37_4_1y2v1nfn0 v16_37_4_1y2v1nfnf v16_37_4_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";

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

@@ -24,4 +24,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./navigation-breadcrumbs.css.ts.vanilla.css-mistica.js");
-var n = "v16_37_4_1fniauj3", r = "v16_37_4_1fniauj2", a = "v16_37_4_1fniauj5 v16_37_4_1y2v1nf9l v16_37_4_1y2v1nfau v16_37_4_1y2v1nfc3 v16_37_4_1y2v1nfdc", f = "v16_37_4_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";

package/dist/package-version.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
         return o;
     }
 });
-const o = "16.37.4";
+const o = "16.38.0";

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

@@ -41,4 +41,4 @@ require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./text-field-base.css.ts.vanilla.css-mistica.js");
 require("./pin-field.css.ts.vanilla.css-mistica.js");
-var p = "v16_37_4_3pc6ro1", f = "v16_37_4_3pc6ro3 v16_37_4_1y2v1nfmb v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfmj v16_37_4_1y2v1nfjm v16_37_4_1y2v1nf4u", o = "v16_37_4_3pc6ro0", y = "v16_37_4_3pc6ro4 v16_37_4_3pc6ro3 v16_37_4_1y2v1nfmb v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfmj v16_37_4_1y2v1nfjm v16_37_4_1y2v1nf4u", a = "v16_37_4_3pc6ro6", i = "v16_37_4_3pc6ro9", m = "v16_37_4_1y2v1nf4q", e = "1.000rem", t = "v16_37_4_3pc6ro5 v16_37_4_3pc6ro3 v16_37_4_1y2v1nfmb v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfmj v16_37_4_1y2v1nfjm v16_37_4_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";

package/dist/pin-field.js

@@ -124,11 +124,11 @@ function _object_spread_props(target, source) {
 }
 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 } = (0, _hooks.useTheme)(), [k, v] = _react.useState((_ref = b == null ? void 0 : b.slice(0, i)) !== null && _ref !== void 0 ? _ref : ""), [F, w] = _react.useState(void 0), l = _react.useRef(Array.from({
+    const { texts: T, t: k } = (0, _hooks.useTheme)(), [A, v] = _react.useState((_ref = b == null ? void 0 : b.slice(0, i)) !== null && _ref !== void 0 ? _ref : ""), [w, g] = _react.useState(void 0), l = _react.useRef(Array.from({
         length: i
-    }, ()=>null)).current, u = typeof y < "u", r = u ? y : k, p = _react.useCallback((s)=>{
+    }, ()=>null)).current, u = typeof F < "u", r = u ? F : A, p = _react.useCallback((s)=>{
         if (s === r) return;
         u || v(s);
         const e = l[0];
@@ -173,7 +173,7 @@ const te = (param)=>{
         i,
         d
     ]);
-    const $ = (s)=>(e)=>{
+    const E = (s)=>(e)=>{
             var V;
             const t = e.target.value;
             if (t === "") return;
@@ -198,23 +198,23 @@ const te = (param)=>{
         }).map((s, e)=>/* @__PURE__ */ {
             var _r_e;
             return (0, _jsxruntime.jsxs)("div", {
-                className: g ? _pinfieldcssmistica.readOnlyField : e === F ? _pinfieldcssmistica.focusedField : _pinfieldcssmistica.field,
+                className: y ? _pinfieldcssmistica.readOnlyField : e === w ? _pinfieldcssmistica.focusedField : _pinfieldcssmistica.field,
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_integerfield.IntegerInput, {
-                        "aria-label": (C.pinFieldInputLabel || T(_texttokens.pinFieldInputLabel)).replace("1$s", String(e + 1)).replace("2$s", String(i)),
+                        "aria-label": k(T.pinFieldInputLabel || _texttokens.pinFieldInputLabel, 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: (0, _classnames.default)(_textfieldbasecssmistica.input, _pinfieldcssmistica.input, {
                             [_pinfieldcssmistica.passwordInput]: n
@@ -226,10 +226,10 @@ const te = (param)=>{
                             borderRadius: _skincontractcssmistica.vars.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":
@@ -264,29 +264,29 @@ const te = (param)=>{
         })
     });
 }, re = (param)=>{
-    let { length: i = 6, hideCode: n = !1, readSms: d = !n, 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;
+    let { length: i = 6, hideCode: n = !1, readSms: d = !n, 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 = (0, _formcontext.useFieldProps)({
-        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 = _react.useId();
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
         role: "group",
-        "aria-labelledby": F !== null && F !== void 0 ? F : u,
+        "aria-labelledby": w !== null && w !== void 0 ? w : u,
         className: (0, _classnames.default)(_pinfieldcssmistica.fieldContainer, {
             [_pinfieldcssmistica.disabled]: h
         })
-    }, (0, _dom.getPrefixedDataAttributes)(w, "PinField")), {
+    }, (0, _dom.getPrefixedDataAttributes)(g, "PinField")), {
         children: [
-            v && !F && /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
+            v && !w && /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     id: u,
                     children: v
@@ -301,7 +301,7 @@ const te = (param)=>{
                 defaultValue: l.defaultValue,
                 disabled: l.disabled,
                 onChange: l.onChange,
-                readOnly: g
+                readOnly: y
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.HelperText, {
                 error: l.error,

package/dist/popover.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "content", {
     }
 });
 require("./popover.css.ts.vanilla.css-mistica.js");
-var o = "v16_37_4_12igu660";
+var o = "v16_38_12igu660";

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

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     bar: function() {
-        return r;
+        return _;
     },
     barBackground: function() {
         return a;
@@ -27,7 +27,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./progress-bar.css.ts.vanilla.css-mistica.js");
-var r = "v16_37_4_1y2v1nfkw v16_37_4_1y2v1nfmq", a = {
-    default: "v16_37_4_j0y7r91 v16_37_4_1y2v1nfmq v16_37_4_1y2v1nfkz",
-    inverse: "v16_37_4_j0y7r92 v16_37_4_1y2v1nfmq v16_37_4_1y2v1nfkz"
-}, n = "v16_37_4_j0y7r97", y = "v16_37_4_j0y7r96", e = "v16_37_4_j0y7r98";
+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";

package/dist/progress-bar.js

@@ -170,7 +170,7 @@ const K = (param)=>{
         "aria-valuenow": e,
         "aria-valuemin": 0,
         "aria-valuemax": r,
-        "aria-valuetext": (()=>(d.progressBarStepLabel || p(_texttokens.progressBarStepLabel)).replace("1$s", String(e)).replace("2$s", String(r)))(),
+        "aria-valuetext": (()=>p(d.progressBarStepLabel || _texttokens.progressBarStepLabel, e, r))(),
         "aria-label": m ? void 0 : o,
         "aria-labelledby": m
     };
@@ -184,18 +184,18 @@ const K = (param)=>{
             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__ */ (0, _jsxruntime.jsx)("div", {
                     className: _progressbarcssmistica.barBackground[l ? "inverse" : "default"],
                     "aria-hidden": "true",
                     children: (B || x) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(_progressbarcssmistica.bar, {
-                            [_progressbarcssmistica.normal]: S && !i,
+                            [_progressbarcssmistica.normal]: I && !i,
                             [_progressbarcssmistica.inverse]: x && i
                         }),
                         style: {
                             backgroundColor: g !== null && g !== void 0 ? g : l ? _skincontractcssmistica.vars.colors.controlActivatedInverse : _skincontractcssmistica.vars.colors.controlActivated,
-                            maxWidth: B || S && !i ? "100%" : "0"
+                            maxWidth: B || I && !i ? "100%" : "0"
                         }
                     })
                 }, u);