@telefonica/mistica 16.37.5 → 16.39.0

package/dist-es/switch-component.css-mistica.js

@@ -1,34 +1,34 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./switch-component.css.ts.vanilla.css-mistica.js";
 var a = {
-    default: "v16_37_5_q0hp3a11 v16_37_5_q0hp3az v16_37_5_q0hp3ay v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfo9 v16_37_5_1y2v1nfju v16_37_5_1y2v1nfmc",
-    ios: "v16_37_5_q0hp3a12 v16_37_5_q0hp3a10 v16_37_5_q0hp3ay v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfo9 v16_37_5_1y2v1nfju v16_37_5_1y2v1nfmc",
-    checked: "v16_37_5_q0hp3a13 v16_37_5_q0hp3az v16_37_5_q0hp3ay v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfo9 v16_37_5_1y2v1nfju v16_37_5_1y2v1nfmc",
-    checkedIos: "v16_37_5_q0hp3a14 v16_37_5_q0hp3a10 v16_37_5_q0hp3ay v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfo9 v16_37_5_1y2v1nfju v16_37_5_1y2v1nfmc"
+    default: "v16_39_q0hp3a11 v16_39_q0hp3az v16_39_q0hp3ay v16_39_1y2v1nfjn v16_39_1y2v1nfo9 v16_39_1y2v1nfju v16_39_1y2v1nfmc",
+    ios: "v16_39_q0hp3a12 v16_39_q0hp3a10 v16_39_q0hp3ay v16_39_1y2v1nfjn v16_39_1y2v1nfo9 v16_39_1y2v1nfju v16_39_1y2v1nfmc",
+    checked: "v16_39_q0hp3a13 v16_39_q0hp3az v16_39_q0hp3ay v16_39_1y2v1nfjn v16_39_1y2v1nfo9 v16_39_1y2v1nfju v16_39_1y2v1nfmc",
+    checkedIos: "v16_39_q0hp3a14 v16_39_q0hp3a10 v16_39_q0hp3ay v16_39_1y2v1nfjn v16_39_1y2v1nfo9 v16_39_1y2v1nfju v16_39_1y2v1nfmc"
 }, h = {
-    default: "v16_37_5_q0hp3ai v16_37_5_q0hp3ah v16_37_5_1y2v1nfju",
-    ios: "v16_37_5_q0hp3aj v16_37_5_q0hp3ah v16_37_5_1y2v1nfju",
-    iosDark: "v16_37_5_q0hp3ak v16_37_5_q0hp3ah v16_37_5_1y2v1nfju",
-    checked: "v16_37_5_q0hp3al v16_37_5_q0hp3ah v16_37_5_1y2v1nfju",
-    checkedIos: "v16_37_5_q0hp3am v16_37_5_q0hp3ah v16_37_5_1y2v1nfju"
+    default: "v16_39_q0hp3ai v16_39_q0hp3ah v16_39_1y2v1nfju",
+    ios: "v16_39_q0hp3aj v16_39_q0hp3ah v16_39_1y2v1nfju",
+    iosDark: "v16_39_q0hp3ak v16_39_q0hp3ah v16_39_1y2v1nfju",
+    checked: "v16_39_q0hp3al v16_39_q0hp3ah v16_39_1y2v1nfju",
+    checkedIos: "v16_39_q0hp3am v16_39_q0hp3ah v16_39_1y2v1nfju"
 }, n = {
-    default: "v16_37_5_q0hp3a6 v16_37_5_1y2v1nfjw v16_37_5_1y2v1nfmt",
-    ios: "v16_37_5_q0hp3a7 v16_37_5_1y2v1nfjw v16_37_5_1y2v1nfmt",
-    disabled: "v16_37_5_q0hp3a8 v16_37_5_1y2v1nfjw v16_37_5_1y2v1nfmt",
-    disabledIos: "v16_37_5_q0hp3a9 v16_37_5_1y2v1nfjw v16_37_5_1y2v1nfmt"
-}, p = "v16_37_5_q0hp3au v16_37_5_q0hp3as", y = "v16_37_5_q0hp3av v16_37_5_q0hp3as", f = "v16_37_5_q0hp3aw", q = "v16_37_5_q0hp3at", e = {
-    default: "v16_37_5_q0hp3a15 v16_37_5_q0hp3az v16_37_5_q0hp3ay v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfo9 v16_37_5_1y2v1nfju v16_37_5_1y2v1nfmc",
-    ios: "v16_37_5_q0hp3a16 v16_37_5_q0hp3a10 v16_37_5_q0hp3ay v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfo9 v16_37_5_1y2v1nfju v16_37_5_1y2v1nfmc",
-    checked: "v16_37_5_q0hp3a17 v16_37_5_q0hp3az v16_37_5_q0hp3ay v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfo9 v16_37_5_1y2v1nfju v16_37_5_1y2v1nfmc",
-    checkedIos: "v16_37_5_q0hp3a18 v16_37_5_q0hp3a10 v16_37_5_q0hp3ay v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfo9 v16_37_5_1y2v1nfju v16_37_5_1y2v1nfmc"
+    default: "v16_39_q0hp3a6 v16_39_1y2v1nfjw v16_39_1y2v1nfmt",
+    ios: "v16_39_q0hp3a7 v16_39_1y2v1nfjw v16_39_1y2v1nfmt",
+    disabled: "v16_39_q0hp3a8 v16_39_1y2v1nfjw v16_39_1y2v1nfmt",
+    disabledIos: "v16_39_q0hp3a9 v16_39_1y2v1nfjw v16_39_1y2v1nfmt"
+}, p = "v16_39_q0hp3au v16_39_q0hp3as", y = "v16_39_q0hp3av v16_39_q0hp3as", f = "v16_39_q0hp3aw", q = "v16_39_q0hp3at", e = {
+    default: "v16_39_q0hp3a15 v16_39_q0hp3az v16_39_q0hp3ay v16_39_1y2v1nfjn v16_39_1y2v1nfo9 v16_39_1y2v1nfju v16_39_1y2v1nfmc",
+    ios: "v16_39_q0hp3a16 v16_39_q0hp3a10 v16_39_q0hp3ay v16_39_1y2v1nfjn v16_39_1y2v1nfo9 v16_39_1y2v1nfju v16_39_1y2v1nfmc",
+    checked: "v16_39_q0hp3a17 v16_39_q0hp3az v16_39_q0hp3ay v16_39_1y2v1nfjn v16_39_1y2v1nfo9 v16_39_1y2v1nfju v16_39_1y2v1nfmc",
+    checkedIos: "v16_39_q0hp3a18 v16_39_q0hp3a10 v16_39_q0hp3ay v16_39_1y2v1nfjn v16_39_1y2v1nfo9 v16_39_1y2v1nfju v16_39_1y2v1nfmc"
 }, c = {
-    default: "v16_37_5_q0hp3an v16_37_5_q0hp3ah v16_37_5_1y2v1nfju",
-    ios: "v16_37_5_q0hp3ao v16_37_5_q0hp3ah v16_37_5_1y2v1nfju",
-    iosDark: "v16_37_5_q0hp3ap v16_37_5_q0hp3ah v16_37_5_1y2v1nfju",
-    checked: "v16_37_5_q0hp3aq v16_37_5_q0hp3ah v16_37_5_1y2v1nfju",
-    checkedIos: "v16_37_5_q0hp3ar v16_37_5_q0hp3ah v16_37_5_1y2v1nfju"
+    default: "v16_39_q0hp3an v16_39_q0hp3ah v16_39_1y2v1nfju",
+    ios: "v16_39_q0hp3ao v16_39_q0hp3ah v16_39_1y2v1nfju",
+    iosDark: "v16_39_q0hp3ap v16_39_q0hp3ah v16_39_1y2v1nfju",
+    checked: "v16_39_q0hp3aq v16_39_q0hp3ah v16_39_1y2v1nfju",
+    checkedIos: "v16_39_q0hp3ar v16_39_q0hp3ah v16_39_1y2v1nfju"
 }, j = {
-    default: "v16_37_5_q0hp3ac v16_37_5_q0hp3ab v16_37_5_1y2v1nfjm",
-    ios: "v16_37_5_q0hp3ad v16_37_5_q0hp3ab v16_37_5_1y2v1nfjm"
-}, r = "v16_37_5_q0hp3af v16_37_5_1y2v1nfju v16_37_5_1y2v1nfmu";
+    default: "v16_39_q0hp3ac v16_39_q0hp3ab v16_39_1y2v1nfjm",
+    ios: "v16_39_q0hp3ad v16_39_q0hp3ab v16_39_1y2v1nfjm"
+}, r = "v16_39_q0hp3af v16_39_1y2v1nfju v16_39_1y2v1nfmu";
 export { a as ballVariants, h as barVariants, n as checkboxVariants, p as container, y as containerDisabled, f as disabled, q as interactiveArea, e as inverseBallVariants, c as inverseBarVariants, j as switchCheckboxContainerVariants, r as switchCheckboxLabel };

package/dist-es/tab-focus.js

@@ -1,41 +1,43 @@
 "use client";
 import { jsxs as c, Fragment as a, jsx as d } from "react/jsx-runtime";
 import * as u from "react";
-import { TAB as l } from "./utils/keys.js";
-const e = "mistica-tab-navigation", m = `
+import { TAB as m } from "./utils/keys.js";
+import { fieldFocusRing as l } from "./text-field-components.css-mistica.js";
+const e = "mistica-tab-navigation", f = `
     body:not(.${e}) *:focus,
-    body:not(.${e}) *:active {
+    body:not(.${e}) *:active,
+    body:not(.${e}) .${l} {
         outline: none;
         -webkit-tap-highlight-color: transparent;
     }
 `;
-let o = !1;
-const f = (param)=>{
-    let { children: r, disabled: t } = param;
+let t = !1;
+const v = (param)=>{
+    let { children: r, disabled: o } = param;
     return u.useEffect(()=>{
-        if (t) return;
-        if (o) {
+        if (o) return;
+        if (t) {
             process.env.NODE_ENV !== "production" && console.warn("Multiple TabFocus instances");
             return;
         }
-        o = !0;
+        t = !0;
         const n = (i)=>{
-            i.key === l ? document.body.classList.add(e) : document.body.classList.remove(e);
+            i.key === m ? document.body.classList.add(e) : document.body.classList.remove(e);
         }, s = ()=>{
             document.body.classList.remove(e);
         };
         return window.addEventListener("keydown", n), window.addEventListener("mouseup", s), ()=>{
-            o = !1, window.removeEventListener("keydown", n), window.removeEventListener("mouseup", s);
+            t = !1, window.removeEventListener("keydown", n), window.removeEventListener("mouseup", s);
         };
     }, [
-        t
+        o
     ]), /* @__PURE__ */ c(a, {
         children: [
-            !t && /* @__PURE__ */ d("style", {
-                children: m
+            !o && /* @__PURE__ */ d("style", {
+                children: f
             }),
             r
         ]
     });
-}, p = f;
-export { p as default };
+}, b = v;
+export { b as default };

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

@@ -1,14 +1,14 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 import "./table.css.ts.vanilla.css-mistica.js";
-var e = "v16_37_5_107ok88f", a = "v16_37_5_107ok88g", r = "v16_37_5_107ok886", l = {
-    left: "v16_37_5_107ok888 v16_37_5_107ok887",
-    right: "v16_37_5_107ok889 v16_37_5_107ok887",
-    center: "v16_37_5_107ok88a v16_37_5_107ok887"
-}, t = "v16_37_5_107ok88i", k = "v16_37_5_107ok88k", i = "v16_37_5_107ok883", s = "v16_37_5_107ok882", d = "v16_37_5_107ok885", n = "v16_37_5_107ok884", c = "v16_37_5_107ok88j", p = "v16_37_5_107ok88l", m = "v16_37_5_107ok88n", b = "v16_37_5_107ok88m", I = "v16_37_5_107ok88b", g = "v16_37_5_107ok88c", h = "v16_37_5_107ok881", w = "v16_37_5_107ok88h", H = {
-    maxHeight: "var(--v16_37_5_107ok880)"
+var e = "v16_39_107ok88f", a = "v16_39_107ok88g", r = "v16_39_107ok886", l = {
+    left: "v16_39_107ok888 v16_39_107ok887",
+    right: "v16_39_107ok889 v16_39_107ok887",
+    center: "v16_39_107ok88a v16_39_107ok887"
+}, t = "v16_39_107ok88i", k = "v16_39_107ok88k", i = "v16_39_107ok883", s = "v16_39_107ok882", d = "v16_39_107ok885", n = "v16_39_107ok884", c = "v16_39_107ok88j", p = "v16_39_107ok88l", m = "v16_39_107ok88n", b = "v16_39_107ok88m", I = "v16_39_107ok88b", g = "v16_39_107ok88c", h = "v16_39_107ok881", w = "v16_39_107ok88h", H = {
+    maxHeight: "var(--v16_39_107ok880)"
 }, x = {
-    top: "v16_37_5_107ok88d",
-    middle: "v16_37_5_107ok88e"
+    top: "v16_39_107ok88d",
+    middle: "v16_39_107ok88e"
 };
 export { e as actionsHeaderText, a as actionsTableCell, r as boxed, l as cellTextAlign, t as collapsedRowHeaderItem, k as collapsedRowTitle, i as collapsedRowsInMobile, s as fullWidth, d as hiddenHeadersInDesktop, n as hiddenHeadersInMobile, c as mobileCellHeading, p as rowFirstItem, m as rowLastCollapsedItem, b as rowLastItem, I as scrollContainer, g as scrollOverResponsiveLayout, h as table, w as topActions, H as vars, x as verticalAlign };

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

@@ -1,17 +1,17 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./tabs.css.ts.vanilla.css-mistica.js";
-var n = "v16_37_5_1y2v1nfjr v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfnf v16_37_5_1y2v1nfo9 v16_37_5_1y2v1nfky", f = "v16_37_5_lgofm1q", e = "v16_37_5_lgofm14", r = "v16_37_5_lgofm13 v16_37_5_1y2v1nfm3 v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfjm", y = "v16_37_5_lgofm10", o = "v16_37_5_lgofm11", a = {
-    default: "v16_37_5_lgofm1a",
-    inverse: "v16_37_5_lgofm1b"
+var n = "v16_39_1y2v1nfjr v16_39_1y2v1nfjn v16_39_1y2v1nfnf v16_39_1y2v1nfo9 v16_39_1y2v1nfky", f = "v16_39_lgofm1q", e = "v16_39_lgofm14", r = "v16_39_lgofm13 v16_39_1y2v1nfm3 v16_39_1y2v1nfkf v16_39_1y2v1nfjm", y = "v16_39_lgofm10", o = "v16_39_lgofm11", a = {
+    default: "v16_39_lgofm1a",
+    inverse: "v16_39_lgofm1b"
 }, t = {
-    noSelected: "v16_37_5_1y2v1nf2p",
-    noSelectedInverse: "v16_37_5_1y2v1nf2q",
-    selected: "v16_37_5_lgofm1g",
-    selectedInverse: "v16_37_5_lgofm1h",
-    selectedAnimating: "v16_37_5_lgofm1i",
-    selectedAnimatingInverse: "v16_37_5_lgofm1j"
+    noSelected: "v16_39_1y2v1nf2p",
+    noSelectedInverse: "v16_39_1y2v1nf2q",
+    selected: "v16_39_lgofm1g",
+    selectedInverse: "v16_39_lgofm1h",
+    selectedAnimating: "v16_39_lgofm1i",
+    selectedAnimatingInverse: "v16_39_lgofm1j"
 }, l = {
-    default: "v16_37_5_lgofm17 v16_37_5_1y2v1nfci v16_37_5_1y2v1nfdr v16_37_5_1y2v1nfjt v16_37_5_1y2v1nfka v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nflr v16_37_5_1y2v1nfm3 v16_37_5_1y2v1nf9k",
-    fullWidth: "v16_37_5_lgofm19 v16_37_5_lgofm17 v16_37_5_1y2v1nfci v16_37_5_1y2v1nfdr v16_37_5_1y2v1nfjt v16_37_5_1y2v1nfka v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nflr v16_37_5_1y2v1nfm3 v16_37_5_1y2v1nf9k"
-}, m = "v16_37_5_1y2v1nfm3 v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfjs";
+    default: "v16_39_lgofm17 v16_39_1y2v1nfci v16_39_1y2v1nfdr v16_39_1y2v1nfjt v16_39_1y2v1nfka v16_39_1y2v1nfk7 v16_39_1y2v1nfk1 v16_39_1y2v1nflr v16_39_1y2v1nfm3 v16_39_1y2v1nf9k",
+    fullWidth: "v16_39_lgofm19 v16_39_lgofm17 v16_39_1y2v1nfci v16_39_1y2v1nfdr v16_39_1y2v1nfjt v16_39_1y2v1nfka v16_39_1y2v1nfk7 v16_39_1y2v1nfk1 v16_39_1y2v1nflr v16_39_1y2v1nfm3 v16_39_1y2v1nf9k"
+}, m = "v16_39_1y2v1nfm3 v16_39_1y2v1nfkf v16_39_1y2v1nfjs";
 export { n as animatedLine, f as icon, e as inner, r as outer, y as outerBorder, o as outerBorderInverse, a as tabHover, t as tabSelectionVariants, l as tabVariants, m as tabsContainer };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./tag.css.ts.vanilla.css-mistica.js";
-var n = "v16_37_5_1y2v1nfjt v16_37_5_1y2v1nfc9", y = "v16_37_5_1y2v1nfju", f = "v16_37_5_1wy08671 v16_37_5_1y2v1nf9r v16_37_5_1y2v1nfb0 v16_37_5_1y2v1nfjt v16_37_5_1y2v1nfjx v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nflo";
+var n = "v16_39_1y2v1nfjt v16_39_1y2v1nfc9", y = "v16_39_1y2v1nfju", f = "v16_39_1wy08671 v16_39_1y2v1nf9r v16_39_1y2v1nfb0 v16_39_1y2v1nfjt v16_39_1y2v1nfjx v16_39_1y2v1nfk7 v16_39_1y2v1nfk1 v16_39_1y2v1nflo";
 export { n as badge, y as icon, f as tag };

package/dist-es/text-field-base.css-mistica.js

@@ -1,5 +1,5 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
-var t = "v16_37_5_rhey4t8", n = "v16_37_5_rhey4th v16_37_5_1y2v1nfc9 v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7", r = 12, a = "v16_37_5_rhey4tr", y = 4, f = 11, i = 15, h = "v16_37_5_rhey4t4", d = "v16_37_5_rhey4t7", l = "calc(1.5rem + 24px)", o = "v16_37_5_rhey4ta v16_37_5_1y2v1nfjm v16_37_5_rhey4t1 v16_37_5_1y2v1nfma v16_37_5_1y2v1nfld v16_37_5_1y2v1nf2n v16_37_5_1y2v1nfkf", m = "v16_37_5_rhey4tb", p = "v16_37_5_rhey4tc", u = "v16_37_5_rhey4td", c = "v16_37_5_rhey4tn v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfmt", s = "v16_37_5_1y2v1nf58", j = "v16_37_5_rhey4tl v16_37_5_1y2v1nfdo", x = "v16_37_5_rhey4tj v16_37_5_1y2v1nfdo v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfkw v16_37_5_1y2v1nfjn", k = "v16_37_5_rhey4tq v16_37_5_1y2v1nfjn", I = "v16_37_5_rhey4t6 v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_rhey4t1 v16_37_5_1y2v1nfma v16_37_5_1y2v1nfld v16_37_5_1y2v1nf2n v16_37_5_1y2v1nfkf", b = "v16_37_5_rhey4te", g = "v16_37_5_rhey4tf";
+var t = "v16_39_rhey4t8", n = "v16_39_rhey4th v16_39_1y2v1nfc9 v16_39_1y2v1nfjs v16_39_1y2v1nfk7", r = 12, a = "v16_39_rhey4tr", y = 4, f = 11, i = 15, h = "v16_39_rhey4t4", d = "v16_39_rhey4t7", l = "calc(1.5rem + 24px)", o = "v16_39_rhey4ta v16_39_1y2v1nfjm v16_39_rhey4t1 v16_39_1y2v1nfma v16_39_1y2v1nfld v16_39_1y2v1nf2n v16_39_1y2v1nfkf", m = "v16_39_rhey4tb", p = "v16_39_rhey4tc", u = "v16_39_rhey4td", c = "v16_39_rhey4tn v16_39_1y2v1nfjs v16_39_1y2v1nfk7 v16_39_1y2v1nfmt", s = "v16_39_1y2v1nf58", j = "v16_39_rhey4tl v16_39_1y2v1nfdo", x = "v16_39_rhey4tj v16_39_1y2v1nfdo v16_39_1y2v1nfjs v16_39_1y2v1nfk7 v16_39_1y2v1nfkw v16_39_1y2v1nfjn", k = "v16_39_rhey4tq v16_39_1y2v1nfjn", I = "v16_39_rhey4t6 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_rhey4t1 v16_39_1y2v1nfma v16_39_1y2v1nfld v16_39_1y2v1nf2n v16_39_1y2v1nfkf", b = "v16_39_rhey4te", g = "v16_39_rhey4tf";
 export { t as emptyDateValue, n as endIconContainer, r as fieldElementsGap, a as fieldEndIconContainer, y as fieldEndIconGap, f as fieldLeftPadding, i as fieldRightPadding, h as fullWidth, d as hiddenDatePlaceholder, l as iconButtonSize, o as input, m as inputFirefoxStyles, p as inputWithLabel, u as inputWithoutLabel, c as menuItem, s as menuItemSelected, j as prefix, x as startIcon, k as suggestionsContainer, I as textArea, b as textAreaWithLabel, g as textAreaWithoutLabel };

package/dist-es/text-field-base.js

@@ -84,8 +84,8 @@ import { createElement as ue } from "react";
 import { FieldContainer as fe, HelperText as me, Label as he } from "./text-field-components.js";
 import { LABEL_SCALE_MOBILE as ge, LABEL_SCALE_DESKTOP as pe } from "./text-field-components.css-mistica.js";
 import { Text3 as w } from "./text.js";
-import { isFirefox as xe, isRunningAcceptanceTest as Se } from "./utils/platform.js";
-import { useTheme as K, useScreenSize as ye, useIsomorphicLayoutEffect as Ie } from "./hooks.js";
+import { isFirefox as xe, isRunningAcceptanceTest as ye } from "./utils/platform.js";
+import { useTheme as K, useScreenSize as Se, useIsomorphicLayoutEffect as Ie } from "./hooks.js";
 import $ from "classnames";
 import { combineRefs as j } from "./utils/common.js";
 import { startIcon as be, prefix as Ce, inputWithLabel as H, inputWithoutLabel as _, fullWidth as Te, fieldRightPadding as k, fieldLeftPadding as v, textArea as Re, textAreaWithLabel as Ee, textAreaWithoutLabel as ve, input as $e, inputFirefoxStyles as Le, hiddenDatePlaceholder as We, emptyDateValue as Ae, endIconContainer as Fe, menuItem as Pe, menuItemSelected as we, suggestionsContainer as Ne, fieldEndIconContainer as Oe, fieldElementsGap as De, iconButtonSize as Be, fieldEndIconGap as Me } from "./text-field-base.css-mistica.js";
@@ -99,7 +99,7 @@ const je = (o, m)=>{
     const t = document.createElement("input");
     return t.type = m, t.value = o || "", t.value !== "";
 }, ct = (param)=>{
-    let { hasBackgroundColor: o = !0, onPress: m, onChange: t, disabled: g, Icon: y, checkedProps: l, uncheckedProps: d, "aria-label": h } = param;
+    let { hasBackgroundColor: o = !0, onPress: m, onChange: t, disabled: g, Icon: S, checkedProps: l, uncheckedProps: d, "aria-label": h } = param;
     return /* @__PURE__ */ n("div", {
         className: Oe,
         children: l ? /* @__PURE__ */ n(ze, {
@@ -113,7 +113,7 @@ const je = (o, m)=>{
             hasOverlay: o,
             disabled: g
         }) : /* @__PURE__ */ n(He, {
-            Icon: y,
+            Icon: S,
             disabled: g,
             "aria-label": h || "",
             onPress: m,
@@ -123,7 +123,7 @@ const je = (o, m)=>{
 }, G = (o)=>{
     o.preventDefault();
 }, P = /*#__PURE__*/ r.forwardRef((_param, V)=>{
-    var { error: o, helperText: m, label: t, inputProps: g, inputRef: y, defaultValue: l, value: d, onFocus: h, onBlur: I, inputComponent: E, prefix: b, startIcon: S, endIcon: p, endIconOverlay: C, shrinkLabel: i, multiline: a = !1, focus: c, fieldRef: J, maxLength: x, id: Q, autoComplete: U, fullWidth: X, dataAttributes: Y, preventCopy: L, showOptionalLabel: Z = !0 } = _param, s = _object_without_properties(_param, [
+    var { error: o, helperText: m, label: t, inputProps: g, inputRef: S, defaultValue: l, value: d, onFocus: h, onBlur: I, inputComponent: E, prefix: b, startIcon: y, endIcon: p, endIconOverlay: C, shrinkLabel: i, multiline: a = !1, focus: c, fieldRef: J, maxLength: x, id: Q, autoComplete: U, fullWidth: X, dataAttributes: Y, preventCopy: L, showOptionalLabel: Z = !0 } = _param, s = _object_without_properties(_param, [
         "error",
         "helperText",
         "label",
@@ -153,7 +153,7 @@ const je = (o, m)=>{
     const { preventCopyInFormFields: ee, texts: te, t: ie } = K();
     L = L !== null && L !== void 0 ? L : ee;
     var _ref;
-    const ne = r.useId(), N = Q || ne, O = r.useId(), D = r.useId(), [u, f] = r.useState(l != null && l.length || d != null && d.length ? "filled" : "default"), { isTabletOrSmaller: re } = ye(), [W, B] = r.useState((_ref = l == null ? void 0 : l.length) !== null && _ref !== void 0 ? _ref : 0), A = !!t || !s.required, T = s.type === "date" || s.type === "datetime-local" || s.type === "month", M = r.useRef(void 0);
+    const ne = r.useId(), N = Q || ne, O = r.useId(), D = r.useId(), [u, f] = r.useState(l != null && l.length || d != null && d.length ? "filled" : "default"), { isTabletOrSmaller: re } = Se(), [W, B] = r.useState((_ref = l == null ? void 0 : l.length) !== null && _ref !== void 0 ? _ref : 0), A = !!t || !s.required, T = s.type === "date" || s.type === "datetime-local" || s.type === "month", M = r.useRef(void 0);
     Ie(()=>{
         const e = T && !je(d, s.type) ? "" : d;
         M.current !== d && T && !(e != null && e.length) && u === "filled" && c === void 0 && f("default"), M.current = d, u !== "focused" && e != null && e.length && (B(e.length), f("filled")), c && f("focused"), c === !1 && !(e != null && e.length) && f("default"), c === !1 && e != null && e.length && f("filled");
@@ -169,17 +169,17 @@ const je = (o, m)=>{
         s.autoFocus
     ]);
     const ae = a ? "textarea" : "input", oe = E ? {
-        inputRef: y
+        inputRef: S
     } : {
-        ref: j(V, y)
+        ref: j(V, S)
     }, R = _object_spread(_object_spread_props(_object_spread({}, s), {
         maxLength: x,
         autoComplete: U
     }), g), F = `calc(${ke.default} + ${De}px)`, q = `calc(${Be} + ${Me}px)`, le = i || u === "focused" || u === "filled" ? re ? ge : pe : 1, de = {
-        left: `calc(${v}px + ${S ? F : "0px"})`,
+        left: `calc(${v}px + ${y ? F : "0px"})`,
         // shrinking means applying a scale transformation, so width will be proportionally reduced.
         // Let's keep the original width.
-        width: `calc((100% - ${v}px - ${S ? F : "0px"} - ${p || C ? q : `${k}px`}) / ${le})`
+        width: `calc((100% - ${v}px - ${y ? F : "0px"} - ${p || C ? q : `${k}px`}) / ${le})`
     }, se = s.type === "password" && W > 0 ? "Lucida Grande, Arial, sans-serif" : "inherit";
     return /* @__PURE__ */ n(fe, {
         disabled: s.disabled,
@@ -189,7 +189,7 @@ const je = (o, m)=>{
             leftTextId: O,
             rightTextId: D,
             rightText: a && x ? `${W}/${x}` : void 0,
-            rightTextLabel: a && x ? te.formTextMultilineMaxCount || ie(Ge).replace("1$s", String(W)).replace("2$s", String(x)) : void 0
+            rightTextLabel: a && x ? ie(te.formTextMultilineMaxCount || Ge, W, x) : void 0
         }),
         multiline: a,
         fullWidth: X,
@@ -199,10 +199,10 @@ const je = (o, m)=>{
         children: /* @__PURE__ */ ce(_e, {
             variant: "default",
             children: [
-                S && /* @__PURE__ */ n("div", {
+                y && /* @__PURE__ */ n("div", {
                     className: be,
                     "data-testid": "startIcon",
-                    children: S
+                    children: y
                 }),
                 b && /* @__PURE__ */ n("div", {
                     "aria-hidden": !0,
@@ -235,7 +235,7 @@ const je = (o, m)=>{
                             id: N,
                             style: _object_spread_props(_object_spread({
                                 paddingRight: p ? 0 : C ? q : k,
-                                paddingLeft: b ? 0 : S ? `calc(${F} + ${v}px)` : v
+                                paddingLeft: b ? 0 : y ? `calc(${F} + ${v}px)` : v
                             }, R.style), {
                                 fontFamily: se
                             }),
@@ -282,11 +282,11 @@ const je = (o, m)=>{
         "getSuggestions",
         "id"
     ]);
-    const [y, l] = r.useState([]), d = r.useRef(null), h = r.useRef(null), { platformOverrides: I, texts: E, t: b } = K(), S = r.useId(), p = m || S, C = r.useId();
+    const [S, l] = r.useState([]), d = r.useRef(null), h = r.useRef(null), { platformOverrides: I, texts: E, t: b } = K(), y = r.useId(), p = m || y, C = r.useId();
     if (o && (t.value === void 0 || t.defaultValue !== void 0)) throw Error("Fields with suggestions must be used in controlled mode");
     return o ? /* @__PURE__ */ n(r.Suspense, {
         fallback: /* @__PURE__ */ n(P, _object_spread_props(_object_spread({}, t), {
-            label: Se(I) ? "" : t.label,
+            label: ye(I) ? "" : t.label,
             autoComplete: "off",
             ref: g,
             id: p
@@ -316,7 +316,7 @@ const je = (o, m)=>{
                     inputRef: j(d, t.inputRef, g)
                 }), a);
             },
-            suggestions: y,
+            suggestions: S,
             onSuggestionsFetchRequested: (param)=>{
                 let { value: i } = param;
                 return l(o(i));

package/dist-es/text-field-components.css-mistica.js

@@ -3,7 +3,7 @@ import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
 import "./text-field-components.css.ts.vanilla.css-mistica.js";
 var f = 328, a = 0.78, e = 0.75, y = {
-    default: "v16_37_5_1y2v1nf4u",
-    readOnly: "v16_37_5_1y2v1nf75"
-}, l = "v16_37_5_15k6ur97", t = "v16_37_5_1y2v1nfmb v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfmj v16_37_5_1y2v1nfjm", i = "v16_37_5_15k6ur96 v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjy", k = "v16_37_5_1y2v1nfkf", u = "v16_37_5_1y2v1nfcf v16_37_5_1y2v1nfdr v16_37_5_1y2v1nfjs", d = "v16_37_5_1y2v1nfkd v16_37_5_1y2v1nf9r", o = "v16_37_5_15k6ur91 v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjx", j = "v16_37_5_15k6ur93 v16_37_5_1y2v1nfmu v16_37_5_1y2v1nfkb", m = "v16_37_5_15k6ur9e v16_37_5_1y2v1nfjs", p = "v16_37_5_15k6ur99 v16_37_5_1y2v1nfkf", L = "v16_37_5_1y2v1nfci", h = "v16_37_5_15k6ur94", s = "v16_37_5_15k6ur9h";
-export { f as DEFAULT_WIDTH, a as LABEL_SCALE_DESKTOP, e as LABEL_SCALE_MOBILE, y as background, l as disabled, t as field, i as fieldContainer, k as fullWidth, u as helperContainer, d as helperText, o as labelContainer, j as labelText, m as leftHelperText, p as normalWidth, L as rightHelperText, h as shrinked, s as warnIcon };
+    default: "v16_39_1y2v1nf4u",
+    readOnly: "v16_39_1y2v1nf75"
+}, l = "v16_39_15k6ur97", i = "v16_39_1y2v1nfmb v16_39_1y2v1nfjs v16_39_1y2v1nfmj v16_39_1y2v1nfjm v16_39_15k6ur9b", t = "v16_39_15k6ur96 v16_39_1y2v1nfjs v16_39_1y2v1nfjy", k = "v16_39_15k6ur9b", u = "v16_39_1y2v1nfkf", d = "v16_39_1y2v1nfcf v16_39_1y2v1nfdr v16_39_1y2v1nfjs", o = "v16_39_1y2v1nfkd v16_39_1y2v1nf9r", j = "v16_39_15k6ur91 v16_39_1y2v1nfjn v16_39_1y2v1nfjs v16_39_1y2v1nfjx", m = "v16_39_15k6ur93 v16_39_1y2v1nfmu v16_39_1y2v1nfkb", p = "v16_39_15k6ur9g v16_39_1y2v1nfjs", b = "v16_39_15k6ur99 v16_39_1y2v1nfkf", s = "v16_39_1y2v1nfci", L = "v16_39_15k6ur94", E = "v16_39_15k6ur9j";
+export { f as DEFAULT_WIDTH, a as LABEL_SCALE_DESKTOP, e as LABEL_SCALE_MOBILE, y as background, l as disabled, i as field, t as fieldContainer, k as fieldFocusRing, u as fullWidth, d as helperContainer, o as helperText, j as labelContainer, m as labelText, p as leftHelperText, b as normalWidth, s as rightHelperText, L as shrinked, E as warnIcon };

package/dist-es/text-link.css-mistica.js

@@ -1,11 +1,11 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./text-link.css.ts.vanilla.css-mistica.js";
 var n = {
-    underlineAlways: "v16_37_5_1m1n0pr2",
-    underlineOnHover: "v16_37_5_1m1n0pr3"
+    underlineAlways: "v16_39_1m1n0pr2",
+    underlineOnHover: "v16_39_1m1n0pr3"
 }, r = {
-    default: "v16_37_5_1m1n0pr1 v16_37_5_1y2v1nfkg v16_37_5_1y2v1nfjv v16_37_5_1y2v1nfmt v16_37_5_1y2v1nf34",
-    inverseLight: "v16_37_5_1m1n0pr1 v16_37_5_1y2v1nfkg v16_37_5_1y2v1nfjv v16_37_5_1y2v1nfmt v16_37_5_1y2v1nf37",
-    inverseDark: "v16_37_5_1m1n0pr1 v16_37_5_1y2v1nfkg v16_37_5_1y2v1nfjv v16_37_5_1y2v1nfmt v16_37_5_1y2v1nf34"
+    default: "v16_39_1m1n0pr1 v16_39_1y2v1nfkg v16_39_1y2v1nfjv v16_39_1y2v1nfmt v16_39_1y2v1nf34",
+    inverseLight: "v16_39_1m1n0pr1 v16_39_1y2v1nfkg v16_39_1y2v1nfjv v16_39_1y2v1nfmt v16_39_1y2v1nf37",
+    inverseDark: "v16_39_1m1n0pr1 v16_39_1y2v1nfkg v16_39_1y2v1nfjv v16_39_1y2v1nfmt v16_39_1y2v1nf34"
 };
 export { n as linkStyles, r as variants };