@telefonica/mistica 16.28.1 → 16.30.0

package/dist/progress-bar.js

@@ -126,80 +126,79 @@ function _object_spread_props(target, source) {
     return target;
 }
 const K = (param)=>{
-    let { progressPercent: a, color: s, "aria-label": v, "aria-labelledby": c, "aria-hidden": t, dataAttributes: m, reverse: l = !1 } = param;
-    const { texts: d, t: p } = (0, _hooks.useTheme)(), i = (0, _themevariantcontext.useIsInverseVariant)(), e = Math.max(0, Math.min(100, a)), n = t && t !== "false" ? {
-        "aria-hidden": t
+    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 } = (0, _hooks.useTheme)(), l = (0, _themevariantcontext.useIsInverseVariant)(), e = Math.max(0, Math.min(100, r)), i = o && o !== "false" ? {
+        "aria-hidden": o
     } : {
         role: "progressbar",
         "aria-valuenow": e,
         "aria-valuemin": 0,
         "aria-valuemax": 100,
-        "aria-label": c ? void 0 : (()=>{
-            const u = v || d.loading || p(_texttokens.loading), B = d.progressBarCompletedLabel || p(_texttokens.progressBarCompletedLabel);
-            return `${u}, ${e}% ${B}`;
+        "aria-valuetext": (()=>{
+            const b = d.progressBarCompletedLabel || p(_texttokens.progressBarCompletedLabel);
+            return `${e.toFixed(1)}% ${b}`;
         })(),
+        "aria-label": c ? void 0 : g || d.loading || p(_texttokens.loading),
         "aria-labelledby": c
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(m, "ProgressBar")), {
-        className: _progressbarcssmistica.barBackground[i ? "inverse" : "default"]
-    }), n), {
+        className: _progressbarcssmistica.barBackground[l ? "inverse" : "default"]
+    }), i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-            className: (0, _classnames.default)(_progressbarcssmistica.bar, l ? _progressbarcssmistica.inverse : _progressbarcssmistica.normal),
+            className: (0, _classnames.default)(_progressbarcssmistica.bar, s ? _progressbarcssmistica.inverse : _progressbarcssmistica.normal),
             style: {
                 maxWidth: `${e}%`,
-                backgroundColor: s !== null && s !== void 0 ? s : i ? _skincontractcssmistica.vars.colors.controlActivatedInverse : _skincontractcssmistica.vars.colors.controlActivated
+                backgroundColor: t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.controlActivatedInverse : _skincontractcssmistica.vars.colors.controlActivated
             }
         })
     }));
 }, O = (param)=>{
-    let { steps: a, currentStep: s = 0, color: v, dataAttributes: c, "aria-label": t, "aria-labelledby": m, "aria-hidden": l } = param;
-    const { texts: d, t: p } = (0, _hooks.useTheme)(), i = (0, _themevariantcontext.useIsInverseVariant)(), [e, h] = _react.useState(Math.ceil(s)), [n, u] = _react.useState(!1);
+    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 } = (0, _hooks.useTheme)(), l = (0, _themevariantcontext.useIsInverseVariant)(), [e, h] = _react.useState(Math.ceil(t)), [i, b] = _react.useState(!1);
     _react.useEffect(()=>{
-        const r = Math.ceil(s);
-        e !== r && (u(r < e), h(r));
+        const n = Math.ceil(t);
+        e !== n && (b(n < e), h(n));
     }, [
-        s,
-        a,
+        t,
+        r,
         e
     ]);
-    const w = l && l !== "false" ? {
-        "aria-hidden": l
+    const F = s && s !== "false" ? {
+        "aria-hidden": s
     } : {
         role: "progressbar",
         "aria-valuenow": e,
         "aria-valuemin": 0,
-        "aria-valuemax": a,
-        "aria-label": m ? void 0 : (()=>{
-            const r = (d.progressBarStepLabel || p(_texttokens.progressBarStepLabel)).replace("1$s", String(e)).replace("2$s", String(a));
-            return t ? `${t}, ${r.toLowerCase()}` : r;
-        })(),
+        "aria-valuemax": r,
+        "aria-valuetext": (()=>(d.progressBarStepLabel || p(_texttokens.progressBarStepLabel)).replace("1$s", String(e)).replace("2$s", String(r)))(),
+        "aria-label": m ? void 0 : o,
         "aria-labelledby": m
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(c, "ProgressBarStepped")), {
         role: "progressbar"
-    }), w), {
+    }), F), {
         className: _progressbarcssmistica.progressBarSteppedContainer,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_inline.default, {
             space: 8,
             fullWidth: !0,
             children: Array.from({
-                length: a
-            }, (r, b)=>{
-                const x = b === e, S = b < e, C = b === e - 1;
+                length: r
+            }, (n, u)=>{
+                const x = u === e, B = u < e, S = u === e - 1;
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                    className: _progressbarcssmistica.barBackground[i ? "inverse" : "default"],
+                    className: _progressbarcssmistica.barBackground[l ? "inverse" : "default"],
                     "aria-hidden": "true",
-                    children: (S || x) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    children: (B || x) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(_progressbarcssmistica.bar, {
-                            [_progressbarcssmistica.normal]: C && !n,
-                            [_progressbarcssmistica.inverse]: x && n
+                            [_progressbarcssmistica.normal]: S && !i,
+                            [_progressbarcssmistica.inverse]: x && i
                         }),
                         style: {
-                            backgroundColor: v !== null && v !== void 0 ? v : i ? _skincontractcssmistica.vars.colors.controlActivatedInverse : _skincontractcssmistica.vars.colors.controlActivated,
-                            maxWidth: S || C && !n ? "100%" : "0"
+                            backgroundColor: g !== null && g !== void 0 ? g : l ? _skincontractcssmistica.vars.colors.controlActivatedInverse : _skincontractcssmistica.vars.colors.controlActivated,
+                            maxWidth: B || S && !i ? "100%" : "0"
                         }
                     })
-                }, b);
+                }, u);
             })
         })
     }));

package/dist/radio-button.css-mistica.js

@@ -33,20 +33,20 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./radio-button.css.ts.vanilla.css-mistica.js");
-var n = "v16_28_1_c6dmsul", f = {
-    default: "v16_28_1_c6dmsub v16_28_1_1y2v1nfis v16_28_1_1y2v1nflc",
-    checked: "v16_28_1_c6dmsue v16_28_1_c6dmsub v16_28_1_1y2v1nfis v16_28_1_1y2v1nflc v16_28_1_1y2v1nf5n"
+var n = "v16_30_c6dmsul", f = {
+    default: "v16_30_c6dmsub v16_30_1y2v1nfis v16_30_1y2v1nflc",
+    checked: "v16_30_c6dmsue v16_30_c6dmsub v16_30_1y2v1nfis v16_30_1y2v1nflc v16_30_1y2v1nf5n"
 }, y = {
-    default: "v16_28_1_c6dmsub v16_28_1_1y2v1nfis v16_28_1_1y2v1nflc",
-    checked: "v16_28_1_c6dmsuh v16_28_1_c6dmsub v16_28_1_1y2v1nfis v16_28_1_1y2v1nflc v16_28_1_1y2v1nf5p"
+    default: "v16_30_c6dmsub v16_30_1y2v1nfis v16_30_1y2v1nflc",
+    checked: "v16_30_c6dmsuh v16_30_c6dmsub v16_30_1y2v1nfis v16_30_1y2v1nflc v16_30_1y2v1nf5p"
 }, c = {
-    default: "v16_28_1_c6dmsu6 v16_28_1_c6dmsu1 v16_28_1_1y2v1nfit v16_28_1_1y2v1nfj7 v16_28_1_1y2v1nfj1 v16_28_1_1y2v1nflt v16_28_1_1y2v1nfja v16_28_1_1y2v1nflc",
-    ios: "v16_28_1_c6dmsu7 v16_28_1_c6dmsu1 v16_28_1_1y2v1nfit v16_28_1_1y2v1nfj7 v16_28_1_1y2v1nfj1 v16_28_1_1y2v1nflt v16_28_1_1y2v1nfja v16_28_1_1y2v1nflc",
-    checked: "v16_28_1_c6dmsu8 v16_28_1_c6dmsu1 v16_28_1_1y2v1nfit v16_28_1_1y2v1nfj7 v16_28_1_1y2v1nfj1 v16_28_1_1y2v1nflt v16_28_1_1y2v1nfja v16_28_1_1y2v1nflc",
-    checkedIos: "v16_28_1_c6dmsu9 v16_28_1_c6dmsu1 v16_28_1_1y2v1nfit v16_28_1_1y2v1nfj7 v16_28_1_1y2v1nfj1 v16_28_1_1y2v1nflt v16_28_1_1y2v1nfja v16_28_1_1y2v1nflc"
+    default: "v16_30_c6dmsu6 v16_30_c6dmsu1 v16_30_1y2v1nfit v16_30_1y2v1nfj7 v16_30_1y2v1nfj1 v16_30_1y2v1nflt v16_30_1y2v1nfja v16_30_1y2v1nflc",
+    ios: "v16_30_c6dmsu7 v16_30_c6dmsu1 v16_30_1y2v1nfit v16_30_1y2v1nfj7 v16_30_1y2v1nfj1 v16_30_1y2v1nflt v16_30_1y2v1nfja v16_30_1y2v1nflc",
+    checked: "v16_30_c6dmsu8 v16_30_c6dmsu1 v16_30_1y2v1nfit v16_30_1y2v1nfj7 v16_30_1y2v1nfj1 v16_30_1y2v1nflt v16_30_1y2v1nfja v16_30_1y2v1nflc",
+    checkedIos: "v16_30_c6dmsu9 v16_30_c6dmsu1 v16_30_1y2v1nfit v16_30_1y2v1nfj7 v16_30_1y2v1nfj1 v16_30_1y2v1nflt v16_30_1y2v1nfja v16_30_1y2v1nflc"
 }, d = {
-    default: "v16_28_1_c6dmsu2 v16_28_1_c6dmsu1 v16_28_1_1y2v1nfit v16_28_1_1y2v1nfj7 v16_28_1_1y2v1nfj1 v16_28_1_1y2v1nflt v16_28_1_1y2v1nfja v16_28_1_1y2v1nflc",
-    ios: "v16_28_1_c6dmsu3 v16_28_1_c6dmsu1 v16_28_1_1y2v1nfit v16_28_1_1y2v1nfj7 v16_28_1_1y2v1nfj1 v16_28_1_1y2v1nflt v16_28_1_1y2v1nfja v16_28_1_1y2v1nflc",
-    checked: "v16_28_1_c6dmsu4 v16_28_1_c6dmsu1 v16_28_1_1y2v1nfit v16_28_1_1y2v1nfj7 v16_28_1_1y2v1nfj1 v16_28_1_1y2v1nflt v16_28_1_1y2v1nfja v16_28_1_1y2v1nflc",
-    checkedIos: "v16_28_1_c6dmsu5 v16_28_1_c6dmsu1 v16_28_1_1y2v1nfit v16_28_1_1y2v1nfj7 v16_28_1_1y2v1nfj1 v16_28_1_1y2v1nflt v16_28_1_1y2v1nfja v16_28_1_1y2v1nflc"
-}, s = "v16_28_1_c6dmsuj v16_28_1_c6dmsui", u = "v16_28_1_c6dmsuk v16_28_1_c6dmsui";
+    default: "v16_30_c6dmsu2 v16_30_c6dmsu1 v16_30_1y2v1nfit v16_30_1y2v1nfj7 v16_30_1y2v1nfj1 v16_30_1y2v1nflt v16_30_1y2v1nfja v16_30_1y2v1nflc",
+    ios: "v16_30_c6dmsu3 v16_30_c6dmsu1 v16_30_1y2v1nfit v16_30_1y2v1nfj7 v16_30_1y2v1nfj1 v16_30_1y2v1nflt v16_30_1y2v1nfja v16_30_1y2v1nflc",
+    checked: "v16_30_c6dmsu4 v16_30_c6dmsu1 v16_30_1y2v1nfit v16_30_1y2v1nfj7 v16_30_1y2v1nfj1 v16_30_1y2v1nflt v16_30_1y2v1nfja v16_30_1y2v1nflc",
+    checkedIos: "v16_30_c6dmsu5 v16_30_c6dmsu1 v16_30_1y2v1nfit v16_30_1y2v1nfj7 v16_30_1y2v1nfj1 v16_30_1y2v1nflt v16_30_1y2v1nfja v16_30_1y2v1nflc"
+}, s = "v16_30_c6dmsuj v16_30_c6dmsui", u = "v16_30_c6dmsuk v16_30_c6dmsui";

package/dist/rating.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     IconWrapper: function() {
-        return i;
+        return _;
     },
     disabled: function() {
         return r;
@@ -39,6 +39,6 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./rating.css.ts.vanilla.css-mistica.js");
-var i = "v16_28_1_igrtie3 v16_28_1_1y2v1nfis v16_28_1_1y2v1nfj1 v16_28_1_1y2v1nfj7", r = "v16_28_1_igrtie9", a = "v16_28_1_igrtiea", n = "v16_28_1_igrtie8 v16_28_1_1y2v1nfim", t = "v16_28_1_1y2v1nfim", e = "v16_28_1_igrtie6 v16_28_1_1y2v1nfin", o = "v16_28_1_igrtieb", c = "v16_28_1_igrtiec", f = {
-    iconSize: "var(--v16_28_1_igrtie0)"
+var _ = "v16_30_igrtie3 v16_30_1y2v1nfis v16_30_1y2v1nfj1 v16_30_1y2v1nfj7", r = "v16_30_igrtie9", a = "v16_30_igrtiea", n = "v16_30_igrtie8 v16_30_1y2v1nfim", t = "v16_30_1y2v1nfim", e = "v16_30_igrtie6 v16_30_1y2v1nfin", o = "v16_30_igrtieb", c = "v16_30_igrtiec", f = {
+    iconSize: "var(--v16_30_igrtie0)"
 };

package/dist/responsive-layout.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     MOBILE_SIDE_MARGIN: function() {
-        return v;
+        return _;
     },
     SMALL_DESKTOP_SIDE_MARGIN: function() {
         return e;
@@ -57,8 +57,8 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./responsive-layout.css.ts.vanilla.css-mistica.js");
-var v = 16, e = 40, o = 32, a = {
-    inverse: "v16_28_1_1y2v1nf4l",
-    media: "v16_28_1_1y2v1nf8k",
-    alternative: "v16_28_1_1y2v1nf4q"
-}, n = "v16_28_1_17lofg77", t = "v16_28_1_17lofg78", i = "v16_28_1_17lofg7a", f = "v16_28_1_17lofg7g v16_28_1_1y2v1nfjf", l = "v16_28_1_17lofg79", g = "v16_28_1_17lofg73", s = "v16_28_1_17lofg72", M = "v16_28_1_17lofg75", p = "v16_28_1_17lofg74", C = "v16_28_1_17lofg7e", D = "v16_28_1_17lofg76";
+var _ = 16, e = 40, o = 32, a = {
+    inverse: "v16_30_1y2v1nf4l",
+    media: "v16_30_1y2v1nf8k",
+    alternative: "v16_30_1y2v1nf4q"
+}, n = "v16_30_17lofg77", t = "v16_30_17lofg78", i = "v16_30_17lofg7a", f = "v16_30_17lofg7g v16_30_1y2v1nfjf", l = "v16_30_17lofg79", g = "v16_30_17lofg73", s = "v16_30_17lofg72", M = "v16_30_17lofg75", p = "v16_30_17lofg74", C = "v16_30_17lofg7e", D = "v16_30_17lofg76";

package/dist/screen-reader-only.css-mistica.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "screenReaderOnly", {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./screen-reader-only.css.ts.vanilla.css-mistica.js");
-var n = "v16_28_1_gwdgwo1 v16_28_1_1y2v1nf8l v16_28_1_1y2v1nf9u v16_28_1_1y2v1nfb3 v16_28_1_1y2v1nfcc v16_28_1_1y2v1nfin v16_28_1_1y2v1nflu v16_28_1_1y2v1nfla";
+var n = "v16_30_gwdgwo1 v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfin v16_30_1y2v1nflu v16_30_1y2v1nfla";

package/dist/select.css-mistica.js

@@ -44,22 +44,22 @@ 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("./select.css.ts.vanilla.css-mistica.js");
-var f = "v16_28_1_1sqpivvo v16_28_1_1y2v1nfin", y = "v16_28_1_1sqpivvp", a = "v16_28_1_1sqpivvr v16_28_1_1y2v1nfbi v16_28_1_1y2v1nfcr v16_28_1_1y2v1nf8u v16_28_1_1y2v1nfa3 v16_28_1_1y2v1nf2c v16_28_1_1y2v1nfis v16_28_1_1y2v1nfj7 v16_28_1_1y2v1nflt", s = "v16_28_1_1y2v1nf4q", r = {
-    show: "v16_28_1_1sqpivv7",
-    hide: "v16_28_1_1sqpivv8"
-}, t = "v16_28_1_1sqpivv6 v16_28_1_1y2v1nf8l v16_28_1_1y2v1nf9u v16_28_1_1y2v1nfb3 v16_28_1_1y2v1nfcc v16_28_1_1y2v1nfio v16_28_1_1y2v1nflj v16_28_1_1y2v1nf4c", p = {
-    default: "v16_28_1_1sqpivvd v16_28_1_1sqpivvc v16_28_1_1y2v1nfim v16_28_1_1y2v1nflt",
-    fullWidth: "v16_28_1_1sqpivve v16_28_1_1sqpivvc v16_28_1_1y2v1nfim v16_28_1_1y2v1nflt"
+var f = "v16_30_1sqpivvo v16_30_1y2v1nfin", y = "v16_30_1sqpivvp", a = "v16_30_1sqpivvr v16_30_1y2v1nfbi v16_30_1y2v1nfcr v16_30_1y2v1nf8u v16_30_1y2v1nfa3 v16_30_1y2v1nf2c v16_30_1y2v1nfis v16_30_1y2v1nfj7 v16_30_1y2v1nflt", s = "v16_30_1y2v1nf4q", r = {
+    show: "v16_30_1sqpivv7",
+    hide: "v16_30_1sqpivv8"
+}, t = "v16_30_1sqpivv6 v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfio v16_30_1y2v1nflj v16_30_1y2v1nf4c", p = {
+    default: "v16_30_1sqpivvd v16_30_1sqpivvc v16_30_1y2v1nfim v16_30_1y2v1nflt",
+    fullWidth: "v16_30_1sqpivve v16_30_1sqpivvc v16_30_1y2v1nfim v16_30_1y2v1nflt"
 }, l = {
-    default: "v16_28_1_1sqpivvl v16_28_1_1sqpivvk v16_28_1_1y2v1nfin v16_28_1_1y2v1nflu v16_28_1_1y2v1nfl7 v16_28_1_1y2v1nf2c",
-    disabled: "v16_28_1_1sqpivvm v16_28_1_1sqpivvk v16_28_1_1y2v1nfin v16_28_1_1y2v1nflu v16_28_1_1y2v1nfl7 v16_28_1_1y2v1nf2c"
+    default: "v16_30_1sqpivvl v16_30_1sqpivvk v16_30_1y2v1nfin v16_30_1y2v1nflu v16_30_1y2v1nfl7 v16_30_1y2v1nf2c",
+    disabled: "v16_30_1sqpivvm v16_30_1sqpivvk v16_30_1y2v1nfin v16_30_1y2v1nflu v16_30_1y2v1nfl7 v16_30_1y2v1nf2c"
 }, e = {
-    default: "v16_28_1_1sqpivvh v16_28_1_1sqpivvg v16_28_1_1y2v1nf8l v16_28_1_1y2v1nf9u v16_28_1_1y2v1nfla v16_28_1_1y2v1nflu v16_28_1_1y2v1nf2c v16_28_1_1y2v1nf8k v16_28_1_1y2v1nfjf",
-    disabled: "v16_28_1_1sqpivvi v16_28_1_1sqpivvg v16_28_1_1y2v1nf8l v16_28_1_1y2v1nf9u v16_28_1_1y2v1nfla v16_28_1_1y2v1nflu v16_28_1_1y2v1nf2c v16_28_1_1y2v1nf8k v16_28_1_1y2v1nfjf"
+    default: "v16_30_1sqpivvh v16_30_1sqpivvg v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfla v16_30_1y2v1nflu v16_30_1y2v1nf2c v16_30_1y2v1nf8k v16_30_1y2v1nfjf",
+    disabled: "v16_30_1sqpivvi v16_30_1sqpivvg v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfla v16_30_1y2v1nflu v16_30_1y2v1nf2c v16_30_1y2v1nf8k v16_30_1y2v1nfjf"
 }, q = {
-    top: "var(--v16_28_1_1sqpivv0)",
-    left: "var(--v16_28_1_1sqpivv1)",
-    transformOrigin: "var(--v16_28_1_1sqpivv2)",
-    minWidth: "var(--v16_28_1_1sqpivv3)",
-    maxHeight: "var(--v16_28_1_1sqpivv4)"
+    top: "var(--v16_30_1sqpivv0)",
+    left: "var(--v16_30_1sqpivv1)",
+    transformOrigin: "var(--v16_30_1sqpivv2)",
+    minWidth: "var(--v16_30_1sqpivv3)",
+    maxHeight: "var(--v16_30_1sqpivv4)"
 };

package/dist/select.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { DataAttributes } from './utils/types';
 export type SelectProps = {
     disabled?: boolean;
     error?: boolean;
@@ -21,6 +22,7 @@ export type SelectProps = {
     fullWidth?: boolean;
     native?: boolean;
     children?: void;
+    dataAttributes?: DataAttributes;
 };
-declare const Select: ({ id, label, helperText: helperTextProp, value: valueProp, defaultValue, onChangeValue: onChangeValueProp, name, fullWidth, options, optional, showOptionalLabel, disabled: disabledProp, error: errorProp, onBlur, autoFocus, native, }: SelectProps) => JSX.Element;
+declare const Select: ({ id, label, helperText: helperTextProp, value: valueProp, defaultValue, onChangeValue: onChangeValueProp, name, fullWidth, options, optional, showOptionalLabel, disabled: disabledProp, error: errorProp, onBlur, autoFocus, native, dataAttributes, }: SelectProps) => JSX.Element;
 export default Select;

package/dist/select.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return bt;
+        return Rt;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -126,11 +126,11 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const ct = (param)=>{
-    let { id: de, label: u, helperText: fe, value: pe, defaultValue: me, onChangeValue: C, name: i, fullWidth: M, options: d, optional: P, showOptionalLabel: he, disabled: Se, error: ve, onBlur: D, autoFocus: z = !1, native: ge } = param;
-    var ne;
-    const h = _react.useRef(null), f = _react.useRef(null), S = _react.useRef(null), v = _react.useRef(null), R = _react.useRef(/* @__PURE__ */ new Map()), [Te, Ie] = _react.useState(!0), [g, we] = _react.useState(me), [H, j] = _react.useState(!1), [K, U] = _react.useState(!1), [X, O] = _react.useState(!1), [a, F] = _react.useState({}), [T, W] = _react.useState(), G = _react.useRef(null), Ee = _react.useId(), L = de || Ee, { rawValues: xe, setRawValue: Z, setValue: $, formStatus: Oe, formErrors: J, setFormError: ye, register: B } = (0, _formcontext.useForm)(), { platformOverrides: Q } = (0, _hooks.useTheme)(), Ne = ge || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(Q) || (0, _platform.isIos)(Q), I = Se || Oe === "sending", A = ve || !!J[i], Y = J[i] || fe, l = pe !== null && pe !== void 0 ? pe : xe[i], ee = (e)=>{
-        C == null || C(e), ye({
+const at = (param)=>{
+    let { id: fe, label: u, helperText: pe, value: me, defaultValue: he, onChangeValue: C, name: i, fullWidth: M, options: d, optional: P, showOptionalLabel: Se, disabled: ve, error: ge, onBlur: D, autoFocus: z = !1, native: Te, dataAttributes: j } = param;
+    var re;
+    const h = _react.useRef(null), f = _react.useRef(null), S = _react.useRef(null), v = _react.useRef(null), R = _react.useRef(/* @__PURE__ */ new Map()), [Ie, we] = _react.useState(!0), [g, Ee] = _react.useState(he), [H, K] = _react.useState(!1), [U, X] = _react.useState(!1), [J, O] = _react.useState(!1), [a, F] = _react.useState({}), [T, W] = _react.useState(), G = _react.useRef(null), xe = _react.useId(), L = fe || xe, { rawValues: Oe, setRawValue: Z, setValue: $, formStatus: ye, formErrors: Q, setFormError: be, register: B } = (0, _formcontext.useForm)(), { platformOverrides: Y } = (0, _hooks.useTheme)(), Ne = Te || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(Y) || (0, _platform.isIos)(Y), I = ve || ye === "sending", A = ge || !!Q[i], ee = Q[i] || pe, l = me !== null && me !== void 0 ? me : Oe[i], te = (e)=>{
+        C == null || C(e), be({
             name: i,
             error: ""
         }), Z({
@@ -143,41 +143,41 @@ const ct = (param)=>{
     }, w = (e)=>{
         if (e) {
             if (S != null && S.current) {
-                const s = S.current.getBoundingClientRect(), p = s.top, x = s.width, y = s.left, ke = s.height, N = p + ke, V = Math.min(d.length, 8) * 48 + 16;
-                if (N + V + 12 > window.innerHeight) {
-                    const Ce = window.innerHeight - N;
-                    if (p > Ce) {
-                        const Me = p - V;
+                const s = S.current.getBoundingClientRect(), p = s.top, x = s.width, y = s.left, Ce = s.height, b = p + Ce, V = Math.min(d.length, 8) * 48 + 16;
+                if (b + V + 12 > window.innerHeight) {
+                    const Me = window.innerHeight - b;
+                    if (p > Me) {
+                        const Pe = p - V;
                         F({
                             minWidth: x,
                             left: y,
-                            top: Math.max(Me, 12),
+                            top: Math.max(Pe, 12),
                             maxHeight: Math.min(p - 12, V),
                             transformOrigin: "center bottom"
                         });
                     } else F({
                         minWidth: x,
-                        top: N,
+                        top: b,
                         left: y,
-                        maxHeight: window.innerHeight - N - 12,
+                        maxHeight: window.innerHeight - b - 12,
                         transformOrigin: "center top"
                     });
                 } else F({
                     minWidth: x,
-                    top: N,
+                    top: b,
                     left: y,
                     maxHeight: V,
                     transformOrigin: "center top"
                 });
             }
-            j(!0), requestAnimationFrame(()=>{
-                G.current && v.current && "scrollTop" in v.current && (v.current.scrollTop = G.current), U(!0);
+            K(!0), requestAnimationFrame(()=>{
+                G.current && v.current && "scrollTop" in v.current && (v.current.scrollTop = G.current), X(!0);
             }), W(g !== null && g !== void 0 ? g : l);
-        } else U(!1), j(!1), W(void 0);
+        } else X(!1), K(!1), W(void 0);
     }, q = (e)=>{
         var t;
-        G.current = (t = v.current) == null ? void 0 : t.scrollTop, w(!1), ee && typeof e == "string" && ee(e), typeof l > "u" && we(e);
-    }, be = (e)=>{
+        G.current = (t = v.current) == null ? void 0 : t.scrollTop, w(!1), te && typeof e == "string" && te(e), typeof l > "u" && Ee(e);
+    }, Re = (e)=>{
         var o;
         const t = (o = v.current) == null ? void 0 : o.getBoundingClientRect();
         if (t && e && R.current.has(e)) {
@@ -188,7 +188,7 @@ const ct = (param)=>{
             }
             s && s.top + s.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
         }
-    }, Re = f.current, Ae = h.current;
+    }, Ae = f.current, Ve = h.current;
     _react.useEffect(()=>{
         Z({
             name: i,
@@ -217,8 +217,8 @@ const ct = (param)=>{
         B,
         f,
         h,
-        Re,
         Ae,
+        Ve,
         u
     ]), _react.useEffect(()=>{
         const e = (o)=>{
@@ -234,7 +234,7 @@ const ct = (param)=>{
                     let { value: y } = param;
                     return y === T;
                 }) + s]) == null ? void 0 : p.value) !== null && _ref !== void 0 ? _ref : T;
-                W(x), be(x);
+                W(x), Re(x);
             }
         }, t = (o)=>{
             if (H) switch(o.key){
@@ -252,7 +252,7 @@ const ct = (param)=>{
                     }) !== -1 && T !== g && q(T), w(!1);
                     break;
             }
-            K && e(o);
+            U && e(o);
         };
         return document.addEventListener("keydown", t, !1), ()=>{
             document.removeEventListener("keydown", t, !1);
@@ -262,15 +262,15 @@ const ct = (param)=>{
     }, [
         z
     ]), _react.useEffect(()=>{
-        Ie(!1);
+        we(!1);
     }, []);
-    const Ve = (e)=>{
+    const _e = (e)=>{
         var t;
         return e ? (t = d.find((param)=>{
             let { value: o } = param;
             return o === e;
         })) == null ? void 0 : t.text : "";
-    }, _e = {
+    }, ke = {
         tabIndex: 0,
         onFocus: ()=>O(!0),
         onBlur: ()=>O(!1),
@@ -280,24 +280,27 @@ const ct = (param)=>{
         onKeyDown: (e)=>{
             !H && (e.key === _keys.SPACE || e.key === _keys.ENTER) && ((0, _dom.cancelEvent)(e), w(!0));
         }
-    }, te = (0, _css.pxToRem)(20), E = g !== null && g !== void 0 ? g : l;
+    }, ne = (0, _css.pxToRem)(20), E = g !== null && g !== void 0 ? g : l;
     var _a_transformOrigin;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
-        isInverse: !1,
-        children: Ne || Te ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
+        variant: "default",
+        children: Ne || Ie ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
             disabled: I,
             helperText: /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.HelperText, {
                 error: A,
-                leftText: Y
+                leftText: ee
             }),
             fieldRef: S,
             fullWidth: M,
+            dataAttributes: _object_spread({
+                testid: "Select"
+            }, j),
             children: [
                 u && /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.Label, {
                     error: A,
                     forId: L,
-                    inputState: X ? "focused" : (E !== null && E !== void 0 ? E : (ne = h.current) == null ? void 0 : ne.value) ? "filled" : "default",
-                    showOptional: P && he,
+                    inputState: J ? "focused" : (E !== null && E !== void 0 ? E : (re = h.current) == null ? void 0 : re.value) ? "filled" : "default",
+                    showOptional: P && Se,
                     children: u
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsxs)("select", {
@@ -367,7 +370,7 @@ const ct = (param)=>{
                         className: _selectcssmistica.iconContainer,
                         "data-testid": "endIcon",
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevrondownregular.default, {
-                            size: te,
+                            size: ne,
                             color: _skincontractcssmistica.vars.colors.neutralMedium
                         })
                     })
@@ -380,7 +383,7 @@ const ct = (param)=>{
                     role: "button",
                     "aria-haspopup": "listbox",
                     ref: f
-                }, !I && _e), {
+                }, !I && ke), {
                     children: [
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, {
                             style: {
@@ -390,26 +393,29 @@ const ct = (param)=>{
                             endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _selectcssmistica.iconContainer,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevrondownregular.default, {
-                                    size: te,
+                                    size: ne,
                                     color: _skincontractcssmistica.vars.colors.neutralMedium
                                 })
                             }),
-                            focus: X,
+                            focus: J,
                             label: u,
                             value: E,
                             shrinkLabel: !!(l || g),
                             name: i,
-                            helperText: Y,
+                            helperText: ee,
                             required: !P,
                             disabled: I,
                             id: L,
                             error: A,
                             inputRef: h,
-                            fieldRef: S
+                            fieldRef: S,
+                            dataAttributes: _object_spread({
+                                testid: "Select"
+                            }, j)
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                             className: (0, _classnames.default)(_selectcssmistica.selectTextVariants[I ? "disabled" : "default"], u ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
-                            children: Ve(E)
+                            children: _e(E)
                         })
                     ]
                 })),
@@ -428,7 +434,7 @@ const ct = (param)=>{
                                 [_selectcssmistica.vars.transformOrigin]: (_a_transformOrigin = a.transformOrigin) !== null && _a_transformOrigin !== void 0 ? _a_transformOrigin : ""
                             }),
                             onPointerDown: _dom.cancelEvent,
-                            className: (0, _classnames.default)(_selectcssmistica.optionsContainer, K ? _selectcssmistica.optionsAnimationsVariants.show : _selectcssmistica.optionsAnimationsVariants.hide),
+                            className: (0, _classnames.default)(_selectcssmistica.optionsContainer, U ? _selectcssmistica.optionsAnimationsVariants.show : _selectcssmistica.optionsAnimationsVariants.hide),
                             role: "listbox",
                             ref: v,
                             children: d.map((param)=>{
@@ -457,4 +463,4 @@ const ct = (param)=>{
             ]
         })
     });
-}, bt = ct;
+}, Rt = at;

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

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "sheetActionRow", {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./sheet-action-row.css.ts.vanilla.css-mistica.js");
-var n = "v16_28_1_4k81wx1 v16_28_1_1y2v1nf90 v16_28_1_1y2v1nfa9 v16_28_1_1y2v1nfbi v16_28_1_1y2v1nfcr v16_28_1_1y2v1nfis v16_28_1_1y2v1nfl5 v16_28_1_1y2v1nfj7";
+var n = "v16_30_4k81wx1 v16_30_1y2v1nf90 v16_30_1y2v1nfa9 v16_30_1y2v1nfbi v16_30_1y2v1nfcr v16_30_1y2v1nfis v16_30_1y2v1nfl5 v16_30_1y2v1nfj7";

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

@@ -60,4 +60,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./sheet-common.css.ts.vanilla.css-mistica.js");
-var n = "v16_28_1_pidemf6 v16_28_1_1y2v1nf4b", f = "v16_28_1_pidemf4 v16_28_1_1y2v1nfio v16_28_1_1y2v1nfmf v16_28_1_1y2v1nfmu v16_28_1_1y2v1nfn9", y = "v16_28_1_pidemf9 v16_28_1_1y2v1nf99 v16_28_1_1y2v1nfis v16_28_1_1y2v1nfiy", e = "v16_28_1_pidemfu", i = "v16_28_1_1y2v1nflz v16_28_1_1y2v1nfje v16_28_1_1y2v1nfis v16_28_1_1y2v1nfiy", a = "v16_28_1_pidemfp", r = "v16_28_1_pidemf7", m = "v16_28_1_1y2v1nf5m v16_28_1_1y2v1nfjf v16_28_1_1y2v1nfjw v16_28_1_1y2v1nfld", t = "v16_28_1_pidemfe v16_28_1_1y2v1nfir", o = "v16_28_1_1y2v1nfjo v16_28_1_1y2v1nfjz", d = "v16_28_1_pidemfj v16_28_1_1y2v1nf96 v16_28_1_1y2v1nfaf v16_28_1_1y2v1nfbo v16_28_1_1y2v1nfcx v16_28_1_1y2v1nfin v16_28_1_1y2v1nfm0 v16_28_1_1y2v1nfmu", p = "v16_28_1_pidemfo v16_28_1_1y2v1nfio v16_28_1_1y2v1nf4n v16_28_1_1y2v1nfm0 v16_28_1_1y2v1nfmf v16_28_1_1y2v1nfmu v16_28_1_1y2v1nfn9", l = "v16_28_1_pidemfc v16_28_1_1y2v1nf8u v16_28_1_1y2v1nfa3 v16_28_1_1y2v1nfin v16_28_1_1y2v1nfm0 v16_28_1_1y2v1nfk9 v16_28_1_1y2v1nfjf v16_28_1_1y2v1nfis v16_28_1_1y2v1nfj1", s = "v16_28_1_pidemft v16_28_1_1y2v1nfiq v16_28_1_1y2v1nfn9 v16_28_1_1y2v1nf4b", h = "v16_28_1_pidemfr v16_28_1_1y2v1nfiq v16_28_1_1y2v1nfm0 v16_28_1_1y2v1nf4b", u = 400;
+var n = "v16_30_pidemf6 v16_30_1y2v1nf4b", f = "v16_30_pidemf4 v16_30_1y2v1nfio v16_30_1y2v1nfmf v16_30_1y2v1nfmu v16_30_1y2v1nfn9", y = "v16_30_pidemf9 v16_30_1y2v1nf99 v16_30_1y2v1nfis v16_30_1y2v1nfiy", e = "v16_30_pidemfu", i = "v16_30_1y2v1nflz v16_30_1y2v1nfje v16_30_1y2v1nfis v16_30_1y2v1nfiy", a = "v16_30_pidemfp", r = "v16_30_pidemf7", m = "v16_30_1y2v1nf5m v16_30_1y2v1nfjf v16_30_1y2v1nfjw v16_30_1y2v1nfld", t = "v16_30_pidemfe v16_30_1y2v1nfir", o = "v16_30_1y2v1nfjo v16_30_1y2v1nfjz", d = "v16_30_pidemfj v16_30_1y2v1nf96 v16_30_1y2v1nfaf v16_30_1y2v1nfbo v16_30_1y2v1nfcx v16_30_1y2v1nfin v16_30_1y2v1nfm0 v16_30_1y2v1nfmu", p = "v16_30_pidemfo v16_30_1y2v1nfio v16_30_1y2v1nf4n v16_30_1y2v1nfm0 v16_30_1y2v1nfmf v16_30_1y2v1nfmu v16_30_1y2v1nfn9", l = "v16_30_pidemfc v16_30_1y2v1nf8u v16_30_1y2v1nfa3 v16_30_1y2v1nfin v16_30_1y2v1nfm0 v16_30_1y2v1nfk9 v16_30_1y2v1nfjf v16_30_1y2v1nfis v16_30_1y2v1nfj1", s = "v16_30_pidemft v16_30_1y2v1nfiq v16_30_1y2v1nfn9 v16_30_1y2v1nf4b", h = "v16_30_pidemfr v16_30_1y2v1nfiq v16_30_1y2v1nfm0 v16_30_1y2v1nf4b", u = 400;

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

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     infoItemIcon: function() {
-        return v;
+        return _;
     },
     infoItemIconContainer: function() {
         return n;
@@ -20,4 +20,4 @@ _export(exports, {
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var v = "v16_28_1_1y2v1nfis v16_28_1_1y2v1nfj7 v16_28_1_1y2v1nfk4", n = "v16_28_1_1y2v1nfjw v16_28_1_1y2v1nfis", f = "v16_28_1_1y2v1nf90 v16_28_1_1y2v1nfa9 v16_28_1_1y2v1nfis v16_28_1_1y2v1nfj7 v16_28_1_1y2v1nfl5";
+var _ = "v16_30_1y2v1nfis v16_30_1y2v1nfj7 v16_30_1y2v1nfk4", n = "v16_30_1y2v1nfjw v16_30_1y2v1nfis", f = "v16_30_1y2v1nf90 v16_30_1y2v1nfa9 v16_30_1y2v1nfis v16_30_1y2v1nfj7 v16_30_1y2v1nfl5";

package/dist/skeletons.css-mistica.js

@@ -27,7 +27,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./skeletons.css.ts.vanilla.css-mistica.js");
-var n = "v16_28_1_zopolw6 v16_28_1_1y2v1nfiu", r = {
-    default: "v16_28_1_1y2v1nf4o",
-    inverse: "v16_28_1_1y2v1nf4p"
-}, a = "v16_28_1_1y2v1nfja v16_28_1_1y2v1nfjc", o = "v16_28_1_zopolwa v16_28_1_1y2v1nfjb", f = "v16_28_1_1y2v1nfis v16_28_1_1y2v1nfj7 v16_28_1_1y2v1nfj1";
+var n = "v16_30_zopolw6 v16_30_1y2v1nfiu", r = {
+    default: "v16_30_1y2v1nf4o",
+    inverse: "v16_30_1y2v1nf4p"
+}, a = "v16_30_1y2v1nfja v16_30_1y2v1nfjc", o = "v16_30_zopolwa v16_30_1y2v1nfjb", f = "v16_30_1y2v1nfis v16_30_1y2v1nfj7 v16_30_1y2v1nfj1";