@telefonica/mistica 13.1.3 → 13.2.0

package/dist/maybe-dismissable.css-mistica.js

@@ -9,10 +9,10 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    dismissableButton: ()=>f,
-    dismissableCircleContainer: ()=>y,
+    dismissableButton: ()=>y,
+    dismissableCircleContainer: ()=>f,
     dismissableContainer: ()=>_
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./maybe-dismissable.css.ts.vanilla.js");
-var f = "cim30m2 _1y2v1nf52 _1y2v1nf9e _1y2v1nfa6 _1y2v1nf7o _1y2v1nf83 _1y2v1nf56 _1y2v1nf5l _1y2v1nf5f", y = "cim30m4 _1y2v1nf56 _1y2v1nf5l _1y2v1nf5f _1y2v1nf7l _1y2v1nf80 _1y2v1nf95", _ = "_1y2v1nf51 _1y2v1nf56 _1y2v1nf5o";
+var y = "cim30m2 _1y2v1nf5c _1y2v1nf9o _1y2v1nfag _1y2v1nf7y _1y2v1nf8d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p", f = "cim30m4 _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf7v _1y2v1nf8a _1y2v1nf9f", _ = "_1y2v1nf5b _1y2v1nf5g _1y2v1nf5y";

package/dist/menu.css-mistica.js

@@ -9,14 +9,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    hideItems: ()=>v,
+    hideItems: ()=>k,
     menuContainer: ()=>_,
     showItems: ()=>a,
     vars: ()=>t
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./menu.css.ts.vanilla.js");
-var v = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf52 _1y2v1nf2k _1y2v1nf98", a = "_2k0k3u8", t = {
+var k = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5c _1y2v1nf2p _1y2v1nf9i", a = "_2k0k3u8", t = {
     top: "var(--_2k0k3u0)",
     bottom: "var(--_2k0k3u1)",
     right: "var(--_2k0k3u2)",

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

@@ -14,32 +14,32 @@ _export(exports, {
     burgerMenuEnter: ()=>e,
     burgerMenuEnterActive: ()=>r,
     burgerMenuExit: ()=>f,
-    burgerMenuExitActive: ()=>d,
+    burgerMenuExitActive: ()=>a,
     iconButtonVariants: ()=>c,
-    iconCloseHidden: ()=>a,
+    iconCloseHidden: ()=>d,
     iconMenuHidden: ()=>i,
     lineHeightFix: ()=>t,
     logoContainer: ()=>z,
     navbarBorderColorVariants: ()=>o,
     section: ()=>u,
-    selectedSectionVariantes: ()=>l,
+    selectedSectionVariantes: ()=>g,
     spacer: ()=>s,
-    textWrapperVariants: ()=>g,
+    textWrapperVariants: ()=>l,
     topFixed: ()=>b
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./navigation-bar.css.ts.vanilla.js");
-var y = "_1vcy5dz1 _1y2v1nf51 _1y2v1nf7l _1y2v1nf80", _ = "_1vcy5dzr _1y2v1nf53 _1y2v1nf9o _1y2v1nf9s _1y2v1nfa6 _1y2v1nf2j", e = "_1vcy5dzl", r = "_1vcy5dzm", f = "_1vcy5dzn", d = "_1vcy5dzo", c = {
+var y = "_1vcy5dz1 _1y2v1nf5b _1y2v1nf7v _1y2v1nf8a", _ = "_1vcy5dzr _1y2v1nf5d _1y2v1nf9y _1y2v1nfa2 _1y2v1nfag _1y2v1nf2o", e = "_1vcy5dzl", r = "_1vcy5dzm", f = "_1vcy5dzn", a = "_1vcy5dzo", c = {
     default: "_1vcy5dzu _1y2v1nf1e",
     inverse: "_1vcy5dzv _1y2v1nf1d"
-}, a = "_1vcy5dz4 _1vcy5dz3 _1y2v1nf52", i = "_1vcy5dz5 _1vcy5dz3 _1y2v1nf52", t = "_1vcy5dzw", z = "_1y2v1nf56 _1y2v1nf5f", o = {
-    default: "_1vcy5dza _1vcy5dz9 _1y2v1nf5y _1y2v1nf6c _1y2v1nf56 _1y2v1nf5l _1y2v1nf7d _1y2v1nf87",
-    inverse: "_1vcy5dzb _1vcy5dz9 _1y2v1nf5y _1y2v1nf6c _1y2v1nf56 _1y2v1nf5l _1y2v1nf7d _1y2v1nf87",
-    menuOpen: "_1vcy5dzc _1vcy5dz9 _1y2v1nf5y _1y2v1nf6c _1y2v1nf56 _1y2v1nf5l _1y2v1nf7d _1y2v1nf87"
-}, u = "_1vcy5dze _1y2v1nf6o _1y2v1nf72 _1y2v1nf87 _1y2v1nf56 _1y2v1nf5l _1y2v1nf94 _1y2v1nf50", l = {
+}, d = "_1vcy5dz4 _1vcy5dz3 _1y2v1nf5c", i = "_1vcy5dz5 _1vcy5dz3 _1y2v1nf5c", t = "_1vcy5dzw", z = "_1y2v1nf5g _1y2v1nf5p", o = {
+    default: "_1vcy5dza _1vcy5dz9 _1y2v1nf68 _1y2v1nf6m _1y2v1nf5g _1y2v1nf5v _1y2v1nf7n _1y2v1nf8h",
+    inverse: "_1vcy5dzb _1vcy5dz9 _1y2v1nf68 _1y2v1nf6m _1y2v1nf5g _1y2v1nf5v _1y2v1nf7n _1y2v1nf8h",
+    menuOpen: "_1vcy5dzc _1vcy5dz9 _1y2v1nf68 _1y2v1nf6m _1y2v1nf5g _1y2v1nf5v _1y2v1nf7n _1y2v1nf8h"
+}, u = "_1vcy5dze _1y2v1nf6y _1y2v1nf7c _1y2v1nf8h _1y2v1nf5g _1y2v1nf5v _1y2v1nf9e _1y2v1nf5a", g = {
     default: "_1vcy5dzf",
     inverse: "_1vcy5dzg"
-}, s = "_1vcy5dzk _1y2v1nf87", g = {
+}, s = "_1vcy5dzk _1y2v1nf8h", l = {
     default: "_1vcy5dzh",
     inverse: "_1vcy5dzi"
-}, b = "_1vcy5dz7 _1y2v1nf53 _1y2v1nf9e _1y2v1nf9s _1y2v1nfa6";
+}, b = "_1vcy5dz7 _1y2v1nf5d _1y2v1nf9o _1y2v1nfa2 _1y2v1nfag";

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

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    current: ()=>v,
+    current: ()=>r,
     link: ()=>f,
     list: ()=>i,
-    listItem: ()=>t
+    listItem: ()=>_
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./navigation-breadcrumbs.css.ts.vanilla.js");
-var v = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z", t = "_1y2v1nf59";
+var r = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79", _ = "_1y2v1nf5j";

package/dist/package-version.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
     enumerable: true,
     get: ()=>o
 });
-const o = "13.1.3";
+const o = "13.2.0";

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "shadow", {
     enumerable: true,
-    get: ()=>f
+    get: ()=>v
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./password-field.css.ts.vanilla.js");
-var f = "ptqylz1 _1y2v1nf5w _1y2v1nf6a _1y2v1nf6o _1y2v1nf72 _1y2v1nf95 _1y2v1nf50";
+var v = "ptqylz1 _1y2v1nf66 _1y2v1nf6k _1y2v1nf6y _1y2v1nf7c _1y2v1nf9f _1y2v1nf5a";

package/dist/popover.css-mistica.js

@@ -9,19 +9,19 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    arrow: ()=>t,
-    arrowSize: ()=>r,
-    arrowWrapper: ()=>a,
-    closeButtonIcon: ()=>_,
-    container: ()=>o,
+    arrow: ()=>r,
+    arrowSize: ()=>t,
+    arrowWrapper: ()=>o,
+    closeButtonIcon: ()=>a,
+    container: ()=>_,
     defaultPositionDesktop: ()=>f,
     defaultPositionMobile: ()=>i,
-    distanceToTarget: ()=>e,
-    marginLeftRightMobile: ()=>y,
+    distanceToTarget: ()=>y,
+    marginLeftRightMobile: ()=>e,
     maxWidthDesktop: ()=>g,
     textAlign: ()=>p,
-    textContent: ()=>u
+    textContent: ()=>c
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./popover.css.ts.vanilla.js");
-var t = "_12igu661 _1y2v1nf52 _1y2v1nf9e _1y2v1nf93 _1y2v1nf96 _1y2v1nf2k", r = 12, a = "_12igu663 _1y2v1nf52 _1y2v1nf2 _1y2v1nf9c", _ = "_12igu669 _1y2v1nf52 _1y2v1nf9h _1y2v1nfa9", o = "_12igu665 _1y2v1nf52 _1y2v1nf7e _1y2v1nf2k _1y2v1nf93 _1y2v1nf98", f = "bottom", i = "top", e = 20, y = 16, g = 488, p = "_1y2v1nf56 _1y2v1nf5l _1y2v1nf7t", u = "_12igu667";
+var r = "_12igu661 _1y2v1nf5c _1y2v1nf9o _1y2v1nf9d _1y2v1nf9g _1y2v1nf2p", t = 12, o = "_12igu663 _1y2v1nf5c _1y2v1nf2 _1y2v1nf9m", a = "_12igu669 _1y2v1nf5c _1y2v1nf9r _1y2v1nfaj", _ = "_12igu665 _1y2v1nf5c _1y2v1nf7o _1y2v1nf2p _1y2v1nf9d _1y2v1nf9i", f = "bottom", i = "top", y = 20, e = 16, g = 488, p = "_1y2v1nf5g _1y2v1nf5v _1y2v1nf83", c = "_12igu667";

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

@@ -9,9 +9,9 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    bar: ()=>f,
-    barBackground: ()=>n
+    bar: ()=>n,
+    barBackground: ()=>y
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./progress-bar.css.ts.vanilla.js");
-var f = "j0y7r93 _1y2v1nf7t _1y2v1nf96", n = "_1y2v1nf96 _1y2v1nf7w _1y2v1nf3f";
+var n = "j0y7r93 _1y2v1nf83 _1y2v1nf9g", y = "_1y2v1nf9g _1y2v1nf86 _1y2v1nf3k";

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

@@ -11,17 +11,17 @@ function _export(target, all) {
 _export(exports, {
     disabled: ()=>f,
     innerCircle: ()=>r,
-    innerCircleChecked: ()=>d,
-    outerCircleCheckedVariants: ()=>y,
+    innerCircleChecked: ()=>y,
+    outerCircleCheckedVariants: ()=>d,
     outerCircleVariants: ()=>_,
     radioButton: ()=>c
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./radio-button.css.ts.vanilla.js");
-var f = "c6dmsub", r = "c6dmsu5 _1y2v1nf56 _1y2v1nf95", d = "c6dmsu7 _1y2v1nf3g", y = {
+var f = "c6dmsub", r = "c6dmsu5 _1y2v1nf5g _1y2v1nf9f", y = "c6dmsu7 _1y2v1nf3l", d = {
     default: "c6dmsu9",
     ios: "c6dmsua"
 }, _ = {
-    default: "c6dmsu2 c6dmsu1 _1y2v1nf57 _1y2v1nf5l _1y2v1nf5f _1y2v1nf9b _1y2v1nf5o _1y2v1nf95 _1y2v1nf2j",
-    ios: "c6dmsu3 c6dmsu1 _1y2v1nf57 _1y2v1nf5l _1y2v1nf5f _1y2v1nf9b _1y2v1nf5o _1y2v1nf95 _1y2v1nf2j"
+    default: "c6dmsu2 c6dmsu1 _1y2v1nf5h _1y2v1nf5v _1y2v1nf5p _1y2v1nf9l _1y2v1nf5y _1y2v1nf9f _1y2v1nf2o",
+    ios: "c6dmsu3 c6dmsu1 _1y2v1nf5h _1y2v1nf5v _1y2v1nf5p _1y2v1nf9l _1y2v1nf5y _1y2v1nf9f _1y2v1nf2o"
 }, c = "c6dmsu8";

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

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    container: ()=>v,
-    fullWidth: ()=>n,
+    container: ()=>o,
+    fullWidth: ()=>v,
     inverseBackground: ()=>a,
     responsiveLayout: ()=>e
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./responsive-layout.css.ts.vanilla.js");
-var v = "_1y2v1nf7d", n = "_17lofg75 _1y2v1nf7d", a = "_1y2v1nf2l", e = "_17lofg73";
+var o = "_1y2v1nf7n", v = "_17lofg75 _1y2v1nf7n", a = "_1y2v1nf2q", e = "_17lofg73";

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

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "screenReaderOnly", {
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./screen-reader-only.css.ts.vanilla.js");
-var y = "gwdgwo1 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf52 _1y2v1nf9c _1y2v1nf94";
+var y = "gwdgwo1 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5c _1y2v1nf9m _1y2v1nf9e";

package/dist/select.css-mistica.js

@@ -9,30 +9,30 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    arrowDown: ()=>n,
+    arrowDown: ()=>_,
     menuItem: ()=>f,
     menuItemSelected: ()=>i,
     optionsAnimationsVariants: ()=>y,
-    optionsContainer: ()=>s,
-    selectContainerVariants: ()=>a,
-    selectTextVariants: ()=>t,
+    optionsContainer: ()=>a,
+    selectContainerVariants: ()=>s,
+    selectTextVariants: ()=>e,
     selectVariants: ()=>p,
     vars: ()=>r
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./select.css.ts.vanilla.js");
-var n = "_1sqpivvo _1y2v1nf52 _1y2v1nfab", f = "_1sqpivvq _1y2v1nf6q _1y2v1nf74 _1y2v1nf5w _1y2v1nf6a _1y2v1nf1m _1y2v1nf56 _1y2v1nf5l _1y2v1nf9b _1y2v1nf83", i = "_1y2v1nf2p", y = {
+var _ = "_1sqpivvo _1y2v1nf5c _1y2v1nfal", f = "_1sqpivvq _1y2v1nf70 _1y2v1nf7e _1y2v1nf66 _1y2v1nf6k _1y2v1nf1n _1y2v1nf5g _1y2v1nf5v _1y2v1nf9l _1y2v1nf8d", i = "_1y2v1nf2u", y = {
     show: "_1sqpivv7",
     hide: "_1sqpivv8"
-}, s = "_1sqpivv6 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf52 _1y2v1nf98 _1y2v1nf2k", a = {
-    default: "_1sqpivvd _1sqpivvc _1y2v1nf51",
-    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nf51"
-}, t = {
-    default: "_1sqpivvl _1sqpivvk _1y2v1nf52 _1y2v1nf9c _1y2v1nf91 _1y2v1nf1m",
-    disabled: "_1sqpivvm _1sqpivvk _1y2v1nf52 _1y2v1nf9c _1y2v1nf91 _1y2v1nf1m"
+}, a = "_1sqpivv6 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5c _1y2v1nf9i _1y2v1nf2p", s = {
+    default: "_1sqpivvd _1sqpivvc _1y2v1nf5b",
+    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nf5b"
+}, e = {
+    default: "_1sqpivvl _1sqpivvk _1y2v1nf5c _1y2v1nf9m _1y2v1nf9b _1y2v1nf1n",
+    disabled: "_1sqpivvm _1sqpivvk _1y2v1nf5c _1y2v1nf9m _1y2v1nf9b _1y2v1nf1n"
 }, p = {
-    default: "_1sqpivvh _1sqpivvg _1y2v1nf94 _1y2v1nf1m _1y2v1nf50 _1y2v1nf7d _1y2v1nf7t",
-    disabled: "_1sqpivvi _1sqpivvg _1y2v1nf94 _1y2v1nf1m _1y2v1nf50 _1y2v1nf7d _1y2v1nf7t"
+    default: "_1sqpivvh _1sqpivvg _1y2v1nf9e _1y2v1nf1n _1y2v1nf5a _1y2v1nf7n _1y2v1nf83",
+    disabled: "_1sqpivvi _1sqpivvg _1y2v1nf9e _1y2v1nf1n _1y2v1nf5a _1y2v1nf7n _1y2v1nf83"
 }, r = {
     top: "var(--_1sqpivv0)",
     left: "var(--_1sqpivv1)",

package/dist/select.js

@@ -118,171 +118,171 @@ function _objectSpreadProps(target, source) {
     return target;
 }
 const ut = (param)=>{
-    let { id: le , label: h , helperText: ae , value: k , onChangeValue: _ , name: i , fullWidth: V , options: d , optional: D , disabled: ue , error: de , onBlur: M , autoFocus: $ = !1 , native: fe  } = param;
-    var Y, ee, te;
-    const g = _react.useRef(null), f = _react.useRef(null), T = _react.useRef(null), I = _react.useRef(null), N = _react.useRef(/* @__PURE__ */ new Map()), [c, pe] = _react.useState(), [H, q] = _react.useState(!1), [j, z] = _react.useState(!1), [K, y] = _react.useState(!1), [u, F] = _react.useState({}), [x, P] = _react.useState(), G = _react.useRef(null), Z = (0, _hooksJs.useAriaId)(le), { rawValues: me , setRawValue: W , setValue: B , formStatus: he , formErrors: U , setFormError: ge , register: L  } = (0, _formContextJs.useForm)(), { platformOverrides: X  } = (0, _hooksJs.useTheme)(), Te = fe || process.env.NODE_ENV === "test" || (0, _platformJs.isAndroid)(X) || (0, _platformJs.isIos)(X), E = ue || he === "sending", A = de || !!U[i], J = U[i] || ae, o = k != null ? k : me[i], R = (e)=>{
-        _ == null || _(e), ge({
+    let { id: le , label: h , helperText: ae , value: _ , onChangeValue: V , name: i , fullWidth: D , options: d , optional: M , disabled: ue , error: de , onBlur: H , autoFocus: q = !1 , native: fe  } = param;
+    var ee, te, ne;
+    const g = _react.useRef(null), f = _react.useRef(null), T = _react.useRef(null), I = _react.useRef(null), N = _react.useRef(/* @__PURE__ */ new Map()), [c, pe] = _react.useState(), [F, j] = _react.useState(!1), [z, K] = _react.useState(!1), [U, y] = _react.useState(!1), [u, P] = _react.useState({}), [x, G] = _react.useState(), Z = _react.useRef(null), W = (0, _hooksJs.useAriaId)(le), { rawValues: me , setRawValue: B , setValue: L , formStatus: he , formErrors: X , setFormError: ge , register: $  } = (0, _formContextJs.useForm)(), { platformOverrides: J  } = (0, _hooksJs.useTheme)(), Te = fe || process.env.NODE_ENV === "test" || (0, _platformJs.isAndroid)(J) || (0, _platformJs.isIos)(J), E = ue || he === "sending", A = de || !!X[i], Q = X[i] || ae, o = _ != null ? _ : me[i], R = (e)=>{
+        V == null || V(e), ge({
             name: i,
             error: ""
-        }), W({
+        }), B({
             name: i,
             value: e
-        }), B({
+        }), L({
             name: i,
             value: e
         });
-    }, w = (e)=>{
+    }, S = (e)=>{
         if (e) {
             if (T != null && T.current) {
-                const { top: r , width: O , left: S , height: v  } = T.current.getBoundingClientRect(), p = r + v, ne = Math.min(d.length, 8) * 48 + 16;
-                if (p + ne + 12 > window.innerHeight) {
-                    const Se = window.innerHeight - p;
-                    if (r > Se) {
-                        const ye = r - ne;
-                        F({
-                            minWidth: O,
-                            left: S,
+                const { top: s , width: w , left: O , height: b  } = T.current.getBoundingClientRect(), p = s + b, v = Math.min(d.length, 8) * 48 + 16;
+                if (p + v + 12 > window.innerHeight) {
+                    const Oe = window.innerHeight - p;
+                    if (s > Oe) {
+                        const ye = s - v;
+                        P({
+                            minWidth: w,
+                            left: O,
                             top: Math.max(ye, 12),
-                            maxHeight: r - 12,
+                            maxHeight: Math.min(s - 12, v),
                             transformOrigin: "center bottom"
                         });
-                    } else F({
-                        minWidth: O,
+                    } else P({
+                        minWidth: w,
                         top: p,
-                        left: S,
+                        left: O,
                         maxHeight: window.innerHeight - p - 12,
                         transformOrigin: "center top"
                     });
-                } else F({
-                    minWidth: O,
+                } else P({
+                    minWidth: w,
                     top: p,
-                    left: S,
-                    maxHeight: void 0,
+                    left: O,
+                    maxHeight: v,
                     transformOrigin: "center top"
                 });
             }
-            q(!0), requestAnimationFrame(()=>{
-                G.current && I.current && "scrollTop" in I.current && (I.current.scrollTop = G.current), z(!0);
-            }), P(c != null ? c : o);
-        } else z(!1), q(!1), P(void 0);
-    }, Q = (e)=>{
+            j(!0), requestAnimationFrame(()=>{
+                Z.current && I.current && "scrollTop" in I.current && (I.current.scrollTop = Z.current), K(!0);
+            }), G(c != null ? c : o);
+        } else K(!1), j(!1), G(void 0);
+    }, Y = (e)=>{
         var t;
-        G.current = (t = I.current) == null ? void 0 : t.scrollTop, w(!1), R && typeof e == "string" && R(e), typeof o > "u" && pe(e);
+        Z.current = (t = I.current) == null ? void 0 : t.scrollTop, S(!1), R && typeof e == "string" && R(e), typeof o > "u" && pe(e);
     }, Ie = (e)=>{
         var n;
         const t = (n = I.current) == null ? void 0 : n.getBoundingClientRect();
         if (t && e && N.current.has(e)) {
-            const l = N.current.get(e), r = l == null ? void 0 : l.getBoundingClientRect();
-            if (r && r.top + r.height / 2 >= t.top + t.height) {
+            const l = N.current.get(e), s = l == null ? void 0 : l.getBoundingClientRect();
+            if (s && s.top + s.height / 2 >= t.top + t.height) {
                 l == null || l.scrollIntoView();
                 return;
             }
-            r && r.top + r.height / 2 <= t.top && (l == null || l.scrollIntoView(!1));
+            s && s.top + s.height / 2 <= t.top && (l == null || l.scrollIntoView(!1));
         }
     }, xe = f.current, Ee = g.current;
     _react.useEffect(()=>{
-        W({
+        B({
             name: i,
             value: o
-        }), B({
+        }), L({
             name: i,
             value: o
         });
     }, [
         i,
-        W,
         B,
+        L,
         o
-    ]), _react.useEffect(()=>(L(i, {
+    ]), _react.useEffect(()=>($(i, {
             input: g.current,
             focusableElement: f.current
         }), ()=>{
-            L(i, {
+            $(i, {
                 input: null,
                 focusableElement: null
             });
         }), [
         i,
-        L,
+        $,
         f,
         g,
         xe,
         Ee
     ]), _react.useEffect(()=>{
         const e = (n)=>{
-            var O, S;
-            const r = {
+            var w, O;
+            const s = {
                 [_keyCodesJs.UP]: -1,
                 [_keyCodesJs.DOWN]: 1
             }[n.keyCode];
-            if (r) {
+            if (s) {
                 (0, _domJs.cancelEvent)(n);
-                const v = (S = (O = d[d.findIndex((param)=>{
+                const b = (O = (w = d[d.findIndex((param)=>{
                     let { value: p  } = param;
                     return p === x;
-                }) + r]) == null ? void 0 : O.value) != null ? S : x;
-                P(v), Ie(v);
+                }) + s]) == null ? void 0 : w.value) != null ? O : x;
+                G(b), Ie(b);
             }
         }, t = (n)=>{
-            H && (n.keyCode === _keyCodesJs.TAB && (0, _domJs.cancelEvent)(n), n.keyCode === _keyCodesJs.ESC && w(!1), (n.keyCode === _keyCodesJs.ENTER || n.keyCode === _keyCodesJs.SPACE) && ((0, _domJs.cancelEvent)(n), d.findIndex((param)=>{
+            F && (n.keyCode === _keyCodesJs.TAB && (0, _domJs.cancelEvent)(n), n.keyCode === _keyCodesJs.ESC && S(!1), (n.keyCode === _keyCodesJs.ENTER || n.keyCode === _keyCodesJs.SPACE) && ((0, _domJs.cancelEvent)(n), d.findIndex((param)=>{
                 let { value: l  } = param;
                 return l === x;
-            }) !== -1 && x !== c && Q(x), w(!1))), j && e(n);
+            }) !== -1 && x !== c && Y(x), S(!1))), z && e(n);
         };
         return document.addEventListener("keydown", t, !1), ()=>{
             document.removeEventListener("keydown", t, !1);
         };
     }), _react.useEffect(()=>{
-        $ && f.current && f.current.focus();
+        q && f.current && f.current.focus();
     }, [
-        $
+        q
     ]);
-    const we = (e)=>{
+    const Se = (e)=>{
         var t;
         return e ? (t = d.find((param)=>{
             let { value: n  } = param;
             return n === e;
         })) == null ? void 0 : t.text : "";
-    }, Oe = {
+    }, we = {
         tabIndex: 0,
         onFocus: ()=>y(!0),
         onBlur: ()=>y(!1),
         onClick: ()=>{
-            w(!0), y(!0);
+            S(!0), y(!0);
         },
         onKeyDown: (e)=>{
-            !H && (e.keyCode === _keyCodesJs.SPACE || e.keyCode === _keyCodesJs.ENTER) && ((0, _domJs.cancelEvent)(e), w(!0));
+            !F && (e.keyCode === _keyCodesJs.SPACE || e.keyCode === _keyCodesJs.ENTER) && ((0, _domJs.cancelEvent)(e), S(!0));
         }
     };
     return Te ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_textFieldComponentsJs.FieldContainer, {
         disabled: E,
         helperText: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textFieldComponentsJs.HelperText, {
             error: A,
-            leftText: J
+            leftText: Q
         }),
         fieldRef: T,
-        fullWidth: V,
+        fullWidth: D,
         children: [
             h && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textFieldComponentsJs.Label, {
                 error: A,
-                forId: Z,
-                inputState: K ? "focused" : ((ee = o != null ? o : c) != null ? ee : (Y = g.current) == null ? void 0 : Y.value) ? "filled" : "default",
-                optional: D,
+                forId: W,
+                inputState: U ? "focused" : ((te = o != null ? o : c) != null ? te : (ee = g.current) == null ? void 0 : ee.value) ? "filled" : "default",
+                optional: M,
                 children: h
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("select", {
                 className: _selectCssMisticaJs.selectVariants[E ? "disabled" : "default"],
-                id: Z,
+                id: W,
                 "aria-invalid": !!A,
                 value: o,
-                required: !D,
+                required: !M,
                 disabled: E,
                 onChange: (e)=>{
                     R && R(e.target.value);
                 },
                 onFocus: ()=>y(!0),
                 onBlur: (e)=>{
-                    y(!1), M == null || M(e);
+                    y(!1), H == null || H(e);
                 },
                 ref: (e)=>{
                     [
@@ -327,29 +327,29 @@ const ut = (param)=>{
     }) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", _objectSpreadProps(_objectSpread({
-                className: _selectCssMisticaJs.selectContainerVariants[V ? "fullWidth" : "default"],
+                className: _selectCssMisticaJs.selectContainerVariants[D ? "fullWidth" : "default"],
                 role: "button",
                 "aria-haspopup": "listbox",
                 ref: f
-            }, !E && Oe), {
+            }, !E && we), {
                 children: [
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textFieldBaseJs.TextFieldBaseAutosuggest, {
                         style: {
                             visibility: "hidden"
                         },
-                        fullWidth: V,
+                        fullWidth: D,
                         endIcon: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconChevronDownRegularJs.default, {
                             size: 20
                         }),
-                        focus: K,
+                        focus: U,
                         label: h,
                         value: o,
                         shrinkLabel: !!(o || c),
                         name: i,
-                        helperText: J,
-                        required: !D,
+                        helperText: Q,
+                        required: !M,
                         disabled: E,
-                        id: Z,
+                        id: W,
                         error: A,
                         inputRef: g,
                         fieldRef: T
@@ -359,13 +359,13 @@ const ut = (param)=>{
                         style: {
                             top: h ? 27 : 17
                         },
-                        children: we(o != null ? o : c)
+                        children: Se(o != null ? o : c)
                     })
                 ]
             })),
-            H && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_overlayJs.default, {
+            F && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_overlayJs.default, {
                 onPress: (e)=>{
-                    w(!1), (0, _domJs.cancelEvent)(e);
+                    S(!1), (0, _domJs.cancelEvent)(e);
                 },
                 disableScroll: !0,
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("ul", {
@@ -374,10 +374,10 @@ const ut = (param)=>{
                         [_selectCssMisticaJs.vars.left]: u.left ? `${u.left}px` : "",
                         [_selectCssMisticaJs.vars.maxHeight]: u.maxHeight ? `${u.maxHeight}px` : "",
                         [_selectCssMisticaJs.vars.minWidth]: u.minWidth ? `${u.minWidth}px` : "",
-                        [_selectCssMisticaJs.vars.transformOrigin]: (te = u.transformOrigin) != null ? te : ""
+                        [_selectCssMisticaJs.vars.transformOrigin]: (ne = u.transformOrigin) != null ? ne : ""
                     }),
                     onPointerDown: _domJs.cancelEvent,
-                    className: (0, _classnames.default)(_selectCssMisticaJs.optionsContainer, j ? _selectCssMisticaJs.optionsAnimationsVariants.show : _selectCssMisticaJs.optionsAnimationsVariants.hide),
+                    className: (0, _classnames.default)(_selectCssMisticaJs.optionsContainer, z ? _selectCssMisticaJs.optionsAnimationsVariants.show : _selectCssMisticaJs.optionsAnimationsVariants.hide),
                     role: "listbox",
                     ref: I,
                     children: d.map((param)=>/* @__PURE__ */ {
@@ -390,7 +390,7 @@ const ut = (param)=>{
                                 [_selectCssMisticaJs.menuItemSelected]: e === x || e === (c != null ? c : o)
                             }),
                             onPointerDown: _domJs.cancelEvent,
-                            onClick: ()=>Q(e),
+                            onClick: ()=>Y(e),
                             ref: (n)=>{
                                 n ? N.current.set(e, n) : N.current.delete(e);
                             },

package/dist/skeleton-base.d.ts

@@ -4,6 +4,7 @@ type SkeletonBaseProps = {
     height?: string | number;
     radius?: string | number;
     className?: string;
+    noBorderRadius?: boolean;
 };
-declare const SkeletonBase: ({ width, height, radius, className, }: SkeletonBaseProps) => JSX.Element;
+declare const SkeletonBase: ({ width, height, radius, className, noBorderRadius, }: SkeletonBaseProps) => JSX.Element;
 export default SkeletonBase;

package/dist/skeleton-base.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>f
+    get: ()=>v
 });
 const _themeVariantContextJs = require("./theme-variant-context.js");
 const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
@@ -16,15 +16,15 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
-const f = (param)=>{
-    let { width: e = "100%" , height: o = 8 , radius: s = 8 , className: a  } = param;
-    const n = (0, _themeVariantContextJs.useIsInverseVariant)();
+const v = (param)=>{
+    let { width: e = "100%" , height: o = 8 , radius: s = 8 , className: a , noBorderRadius: n = !1  } = param;
+    const t = (0, _themeVariantContextJs.useIsInverseVariant)();
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
         className: (0, _classnames.default)(a, (0, _sprinklesCssMisticaJs.sprinkles)({
-            background: n ? _skinContractCssMisticaJs.vars.colors.backgroundSkeletonInverse : _skinContractCssMisticaJs.vars.colors.backgroundSkeleton
+            background: t ? _skinContractCssMisticaJs.vars.colors.backgroundSkeletonInverse : _skinContractCssMisticaJs.vars.colors.backgroundSkeleton
         })),
         style: {
-            borderRadius: s,
+            borderRadius: n ? 0 : s,
             width: e,
             height: o
         },

package/dist/skeletons.css-mistica.js

@@ -11,9 +11,9 @@ function _export(target, all) {
 _export(exports, {
     animation: ()=>o,
     circle: ()=>r,
-    line: ()=>f,
-    row: ()=>y
+    line: ()=>y,
+    row: ()=>f
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./skeletons.css.ts.vanilla.js");
-var o = "zopolw2 _1y2v1nf58", r = "_1y2v1nf5o _1y2v1nf5q", f = "zopolw6 _1y2v1nf5p", y = "_1y2v1nf56 _1y2v1nf5l _1y2v1nf5f";
+var o = "zopolw2 _1y2v1nf5i", r = "_1y2v1nf5y _1y2v1nf60", y = "zopolw6 _1y2v1nf5z", f = "_1y2v1nf5g _1y2v1nf5v _1y2v1nf5p";

package/dist/skeletons.d.ts

@@ -19,6 +19,7 @@ type SkeletonRectangleProps = {
     dataAttributes?: DataAttributes;
     width?: number | string;
     height?: number | string;
+    noBorderRadius?: boolean;
 };
-export declare const SkeletonRectangle: ({ width, height, ariaLabel, dataAttributes, }: SkeletonRectangleProps) => JSX.Element;
+export declare const SkeletonRectangle: ({ width, height, ariaLabel, dataAttributes, noBorderRadius, }: SkeletonRectangleProps) => JSX.Element;
 export {};