@telefonica/mistica 13.1.3 → 13.2.0

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

@@ -1,6 +1,6 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./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)",
@@ -8,4 +8,4 @@ var v = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1
     transformOrigin: "var(--_2k0k3u4)",
     maxHeight: "var(--_2k0k3u5)"
 };
-export { v as hideItems, _ as menuContainer, a as showItems, t as vars };
+export { k as hideItems, _ as menuContainer, a as showItems, t as vars };

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

@@ -1,17 +1,17 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./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";
-export { y as burgerIconContainer, _ as burgerMenu, e as burgerMenuEnter, r as burgerMenuEnterActive, f as burgerMenuExit, d as burgerMenuExitActive, c as iconButtonVariants, a as iconCloseHidden, i as iconMenuHidden, t as lineHeightFix, z as logoContainer, o as navbarBorderColorVariants, u as section, l as selectedSectionVariantes, s as spacer, g as textWrapperVariants, b as topFixed };
+}, b = "_1vcy5dz7 _1y2v1nf5d _1y2v1nf9o _1y2v1nfa2 _1y2v1nfag";
+export { y as burgerIconContainer, _ as burgerMenu, e as burgerMenuEnter, r as burgerMenuEnterActive, f as burgerMenuExit, a as burgerMenuExitActive, c as iconButtonVariants, d as iconCloseHidden, i as iconMenuHidden, t as lineHeightFix, z as logoContainer, o as navbarBorderColorVariants, u as section, g as selectedSectionVariantes, s as spacer, l as textWrapperVariants, b as topFixed };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./navigation-breadcrumbs.css.ts.vanilla.js";
-var v = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z", t = "_1y2v1nf59";
-export { v as current, f as link, i as list, t as listItem };
+var r = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79", _ = "_1y2v1nf5j";
+export { r as current, f as link, i as list, _ as listItem };

package/dist-es/package-version.js

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

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./password-field.css.ts.vanilla.js";
-var f = "ptqylz1 _1y2v1nf5w _1y2v1nf6a _1y2v1nf6o _1y2v1nf72 _1y2v1nf95 _1y2v1nf50";
-export { f as shadow };
+var v = "ptqylz1 _1y2v1nf66 _1y2v1nf6k _1y2v1nf6y _1y2v1nf7c _1y2v1nf9f _1y2v1nf5a";
+export { v as shadow };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./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";
-export { t as arrow, r as arrowSize, a as arrowWrapper, _ as closeButtonIcon, o as container, f as defaultPositionDesktop, i as defaultPositionMobile, e as distanceToTarget, y as marginLeftRightMobile, g as maxWidthDesktop, p as textAlign, u as textContent };
+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";
+export { r as arrow, t as arrowSize, o as arrowWrapper, a as closeButtonIcon, _ as container, f as defaultPositionDesktop, i as defaultPositionMobile, y as distanceToTarget, e as marginLeftRightMobile, g as maxWidthDesktop, p as textAlign, c as textContent };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./progress-bar.css.ts.vanilla.js";
-var f = "j0y7r93 _1y2v1nf7t _1y2v1nf96", n = "_1y2v1nf96 _1y2v1nf7w _1y2v1nf3f";
-export { f as bar, n as barBackground };
+var n = "j0y7r93 _1y2v1nf83 _1y2v1nf9g", y = "_1y2v1nf9g _1y2v1nf86 _1y2v1nf3k";
+export { n as bar, y as barBackground };

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

@@ -1,10 +1,10 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./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";
-export { f as disabled, r as innerCircle, d as innerCircleChecked, y as outerCircleCheckedVariants, _ as outerCircleVariants, c as radioButton };
+export { f as disabled, r as innerCircle, y as innerCircleChecked, d as outerCircleCheckedVariants, _ as outerCircleVariants, c as radioButton };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./responsive-layout.css.ts.vanilla.js";
-var v = "_1y2v1nf7d", n = "_17lofg75 _1y2v1nf7d", a = "_1y2v1nf2l", e = "_17lofg73";
-export { v as container, n as fullWidth, a as inverseBackground, e as responsiveLayout };
+var o = "_1y2v1nf7n", v = "_17lofg75 _1y2v1nf7n", a = "_1y2v1nf2q", e = "_17lofg73";
+export { o as container, v as fullWidth, a as inverseBackground, e as responsiveLayout };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./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";
 export { y as screenReaderOnly };

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

@@ -1,17 +1,17 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./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)",
@@ -19,4 +19,4 @@ var n = "_1sqpivvo _1y2v1nf52 _1y2v1nfab", f = "_1sqpivvq _1y2v1nf6q _1y2v1nf74
     minWidth: "var(--_1sqpivv3)",
     maxHeight: "var(--_1sqpivv4)"
 };
-export { n as arrowDown, f as menuItem, i as menuItemSelected, y as optionsAnimationsVariants, s as optionsContainer, a as selectContainerVariants, t as selectTextVariants, p as selectVariants, r as vars };
+export { _ as arrowDown, f as menuItem, i as menuItemSelected, y as optionsAnimationsVariants, a as optionsContainer, s as selectContainerVariants, e as selectTextVariants, p as selectVariants, r as vars };

package/dist-es/select.js

@@ -50,11 +50,11 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-import * as s from "react";
+import * as r from "react";
 import oe from "classnames";
 import { useForm as Ce } from "./form-context.js";
 import { useAriaId as Ne, useTheme as Ae } from "./hooks.js";
-import { TAB as Re, ESC as ve, ENTER as se, SPACE as re, UP as be, DOWN as ke } from "./utils/key-codes.js";
+import { TAB as Re, ESC as be, ENTER as re, SPACE as se, UP as ve, DOWN as ke } from "./utils/key-codes.js";
 import { FieldContainer as _e, HelperText as Ve, Label as De } from "./text-field-components.js";
 import ie from "./generated/mistica-icons/icon-chevron-down-regular.js";
 import { TextFieldBaseAutosuggest as Me } from "./text-field-base.js";
@@ -64,173 +64,173 @@ import { cancelEvent as m } from "./utils/dom.js";
 import { Text3 as Ge } from "./text.js";
 import { selectVariants as Ze, arrowDown as We, selectContainerVariants as Be, selectTextVariants as Le, vars as C, optionsContainer as $e, optionsAnimationsVariants as ce, menuItem as qe, menuItemSelected as je } from "./select.css-mistica.js";
 import { assignInlineVars as ze } from "@vanilla-extract/dynamic";
-import { jsxs as b, jsx as a, Fragment as Ke } from "./_virtual/jsx-runtime.js";
+import { jsxs as k, jsx as a, Fragment as Ke } from "./_virtual/jsx-runtime.js";
 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 = s.useRef(null), f = s.useRef(null), T = s.useRef(null), I = s.useRef(null), N = s.useRef(/* @__PURE__ */ new Map()), [c, pe] = s.useState(), [H, q] = s.useState(!1), [j, z] = s.useState(!1), [K, y] = s.useState(!1), [u, F] = s.useState({}), [x, P] = s.useState(), G = s.useRef(null), Z = Ne(le), { rawValues: me , setRawValue: W , setValue: B , formStatus: he , formErrors: U , setFormError: ge , register: L  } = Ce(), { platformOverrides: X  } = Ae(), Te = fe || process.env.NODE_ENV === "test" || Fe(X) || Pe(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 = r.useRef(null), f = r.useRef(null), T = r.useRef(null), I = r.useRef(null), N = r.useRef(/* @__PURE__ */ new Map()), [c, pe] = r.useState(), [F, j] = r.useState(!1), [z, K] = r.useState(!1), [U, y] = r.useState(!1), [u, P] = r.useState({}), [x, G] = r.useState(), Z = r.useRef(null), W = Ne(le), { rawValues: me , setRawValue: B , setValue: L , formStatus: he , formErrors: X , setFormError: ge , register: $  } = Ce(), { platformOverrides: J  } = Ae(), Te = fe || process.env.NODE_ENV === "test" || Fe(J) || Pe(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;
-    s.useEffect(()=>{
-        W({
+    r.useEffect(()=>{
+        B({
             name: i,
             value: o
-        }), B({
+        }), L({
             name: i,
             value: o
         });
     }, [
         i,
-        W,
         B,
+        L,
         o
-    ]), s.useEffect(()=>(L(i, {
+    ]), r.useEffect(()=>($(i, {
             input: g.current,
             focusableElement: f.current
         }), ()=>{
-            L(i, {
+            $(i, {
                 input: null,
                 focusableElement: null
             });
         }), [
         i,
-        L,
+        $,
         f,
         g,
         xe,
         Ee
-    ]), s.useEffect(()=>{
+    ]), r.useEffect(()=>{
         const e = (n)=>{
-            var O, S;
-            const r = {
-                [be]: -1,
+            var w, O;
+            const s = {
+                [ve]: -1,
                 [ke]: 1
             }[n.keyCode];
-            if (r) {
+            if (s) {
                 m(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 === Re && m(n), n.keyCode === ve && w(!1), (n.keyCode === se || n.keyCode === re) && (m(n), d.findIndex((param)=>{
+            F && (n.keyCode === Re && m(n), n.keyCode === be && S(!1), (n.keyCode === re || n.keyCode === se) && (m(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);
         };
-    }), s.useEffect(()=>{
-        $ && f.current && f.current.focus();
+    }), r.useEffect(()=>{
+        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 === re || e.keyCode === se) && (m(e), w(!0));
+            !F && (e.keyCode === se || e.keyCode === re) && (m(e), S(!0));
         }
     };
-    return Te ? /* @__PURE__ */ b(_e, {
+    return Te ? /* @__PURE__ */ k(_e, {
         disabled: E,
         helperText: /* @__PURE__ */ a(Ve, {
             error: A,
-            leftText: J
+            leftText: Q
         }),
         fieldRef: T,
-        fullWidth: V,
+        fullWidth: D,
         children: [
             h && /* @__PURE__ */ a(De, {
                 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__ */ b("select", {
+            /* @__PURE__ */ k("select", {
                 className: Ze[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)=>{
                     [
@@ -272,32 +272,32 @@ const ut = (param)=>{
                 })
             })
         ]
-    }) : /* @__PURE__ */ b(Ke, {
+    }) : /* @__PURE__ */ k(Ke, {
         children: [
-            /* @__PURE__ */ b("div", _objectSpreadProps(_objectSpread({
-                className: Be[V ? "fullWidth" : "default"],
+            /* @__PURE__ */ k("div", _objectSpreadProps(_objectSpread({
+                className: Be[D ? "fullWidth" : "default"],
                 role: "button",
                 "aria-haspopup": "listbox",
                 ref: f
-            }, !E && Oe), {
+            }, !E && we), {
                 children: [
                     /* @__PURE__ */ a(Me, {
                         style: {
                             visibility: "hidden"
                         },
-                        fullWidth: V,
+                        fullWidth: D,
                         endIcon: /* @__PURE__ */ a(ie, {
                             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
@@ -307,13 +307,13 @@ const ut = (param)=>{
                         style: {
                             top: h ? 27 : 17
                         },
-                        children: we(o != null ? o : c)
+                        children: Se(o != null ? o : c)
                     })
                 ]
             })),
-            H && /* @__PURE__ */ a(He, {
+            F && /* @__PURE__ */ a(He, {
                 onPress: (e)=>{
-                    w(!1), m(e);
+                    S(!1), m(e);
                 },
                 disableScroll: !0,
                 children: /* @__PURE__ */ a("ul", {
@@ -322,10 +322,10 @@ const ut = (param)=>{
                         [C.left]: u.left ? `${u.left}px` : "",
                         [C.maxHeight]: u.maxHeight ? `${u.maxHeight}px` : "",
                         [C.minWidth]: u.minWidth ? `${u.minWidth}px` : "",
-                        [C.transformOrigin]: (te = u.transformOrigin) != null ? te : ""
+                        [C.transformOrigin]: (ne = u.transformOrigin) != null ? ne : ""
                     }),
                     onPointerDown: m,
-                    className: oe($e, j ? ce.show : ce.hide),
+                    className: oe($e, z ? ce.show : ce.hide),
                     role: "listbox",
                     ref: I,
                     children: d.map((param)=>/* @__PURE__ */ {
@@ -338,7 +338,7 @@ const ut = (param)=>{
                                 [je]: e === x || e === (c != null ? c : o)
                             }),
                             onPointerDown: m,
-                            onClick: ()=>Q(e),
+                            onClick: ()=>Y(e),
                             ref: (n)=>{
                                 n ? N.current.set(e, n) : N.current.delete(e);
                             },

package/dist-es/skeleton-base.js

@@ -1,21 +1,21 @@
-import { useIsInverseVariant as t } from "./theme-variant-context.js";
-import i from "classnames";
-import { sprinkles as m } from "./sprinkles.css-mistica.js";
+import { useIsInverseVariant as i } from "./theme-variant-context.js";
+import m from "classnames";
+import { sprinkles as l } from "./sprinkles.css-mistica.js";
 import { vars as r } from "./skins/skin-contract.css-mistica.js";
-import { jsx as l } from "./_virtual/jsx-runtime.js";
-const f = (param)=>{
-    let { width: e = "100%" , height: o = 8 , radius: s = 8 , className: a  } = param;
-    const n = t();
-    return /* @__PURE__ */ l("div", {
-        className: i(a, m({
-            background: n ? r.colors.backgroundSkeletonInverse : r.colors.backgroundSkeleton
+import { jsx as c } from "./_virtual/jsx-runtime.js";
+const v = (param)=>{
+    let { width: e = "100%" , height: o = 8 , radius: s = 8 , className: a , noBorderRadius: n = !1  } = param;
+    const t = i();
+    return /* @__PURE__ */ c("div", {
+        className: m(a, l({
+            background: t ? r.colors.backgroundSkeletonInverse : r.colors.backgroundSkeleton
         })),
         style: {
-            borderRadius: s,
+            borderRadius: n ? 0 : s,
             width: e,
             height: o
         },
         "aria-hidden": !0
     });
 };
-export { f as default };
+export { v as default };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./skeletons.css.ts.vanilla.js";
-var o = "zopolw2 _1y2v1nf58", r = "_1y2v1nf5o _1y2v1nf5q", f = "zopolw6 _1y2v1nf5p", y = "_1y2v1nf56 _1y2v1nf5l _1y2v1nf5f";
-export { o as animation, r as circle, f as line, y as row };
+var o = "zopolw2 _1y2v1nf5i", r = "_1y2v1nf5y _1y2v1nf60", y = "zopolw6 _1y2v1nf5z", f = "_1y2v1nf5g _1y2v1nf5v _1y2v1nf5p";
+export { o as animation, r as circle, y as line, f as row };