@telefonica/mistica 14.40.0 → 14.42.0

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

@@ -1,8 +1,8 @@
 import "./inline.css.ts.vanilla.css-mistica.js";
-var v = "kkfbnv5", a = "kkfbnv7 kkfbnv6", n = "kkfbnv4", r = "kkfbnv9 kkfbnv6", b = {
+var k = "kkfbnv6", a = "kkfbnv5", n = "kkfbnv4", r = "kkfbnv8", b = "kkfbnv9", e = {
     space: "var(--kkfbnv0)",
     spaceMobile: "var(--kkfbnv1)",
     spaceTablet: "var(--kkfbnv2)",
     spaceDesktop: "var(--kkfbnv3)"
-}, f = "kkfbnv8 kkfbnv6";
-export { v as flexInline, a as fullWidth, n as marginInline, r as noFullWidth, b as vars, f as wrap };
+}, f = "kkfbnv7";
+export { k as fullWidth, a as inline, n as marginInline, r as noFullWidth, b as stringSpace, e as vars, f as wrap };

package/dist-es/inline.js

@@ -51,14 +51,14 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import * as y from "react";
-import I from "classnames";
+import { jsx as l } from "react/jsx-runtime";
+import * as b from "react";
+import y from "classnames";
 import { sprinkles as g } from "./sprinkles.css-mistica.js";
 import { getPrefixedDataAttributes as h } from "./utils/dom.js";
-import { wrap as v, fullWidth as x, noFullWidth as W, flexInline as $, marginInline as k, vars as r } from "./inline.css-mistica.js";
-import { applyCssVars as F } from "./utils/css.js";
-import { isIos as T, isRunningAcceptanceTest as V } from "./utils/platform.js";
+import { inline as v, wrap as I, fullWidth as x, noFullWidth as S, stringSpace as $, marginInline as k, vars as r } from "./inline.css-mistica.js";
+import { applyCssVars as T } from "./utils/css.js";
+import { isIos as V, isRunningAcceptanceTest as W } from "./utils/platform.js";
 import { useTheme as w } from "./hooks.js";
 const i = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, A = (t)=>{
     if (typeof t == "number" || typeof t == "string") return {
@@ -70,24 +70,24 @@ const i = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, A = (t)=>{
     };
     return t.tablet && (e[r.spaceTablet] = i(t.tablet)), e;
 }, C = (param)=>{
-    let { space: t, className: e, children: s, role: a, alignItems: m = "stretch", "aria-labelledby": f, fullWidth: p, wrap: u, dataAttributes: c } = param;
-    const d = p || typeof t == "string", { platformOverrides: l } = w(), b = typeof t == "string";
-    return /* @__PURE__ */ o("div", _object_spread_props(_object_spread({
-        className: I(e, g({
+    let { space: t, className: e, children: s, role: a, alignItems: m = "stretch", "aria-labelledby": p, fullWidth: f, wrap: c, dataAttributes: u } = param;
+    const { platformOverrides: o } = w(), d = typeof t == "string";
+    return /* @__PURE__ */ l("div", _object_spread_props(_object_spread({
+        className: y(e, v, g({
             alignItems: m
-        }), u ? v : d ? x : W, b ? $ : k),
-        style: F(A(t)),
+        }), c ? I : f ? x : S, d ? $ : k),
+        style: T(A(t)),
         role: a,
-        "aria-labelledby": f
-    }, h(c, "Inline")), {
-        children: y.Children.map(s, (n)=>n || n === 0 ? /* @__PURE__ */ o("div", {
+        "aria-labelledby": p
+    }, h(u, "Inline")), {
+        children: b.Children.map(s, (n)=>n || n === 0 ? /* @__PURE__ */ l("div", {
                 style: {
                     // Hack to fix https://jira.tid.es/browse/WEB-1683
                     // In iOS the inline component sometimes cuts the last line of the content
-                    paddingBottom: T(l) && !V(l) ? 1 : void 0
+                    paddingBottom: V(o) && !W(o) ? 1 : void 0
                 },
                 children: n
             }) : null)
     }));
-}, S = C;
-export { S as default };
+}, P = C;
+export { P as default };

package/dist-es/integer-field.js

@@ -78,11 +78,11 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as d } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import { useFieldProps as x } from "./form-context.js";
-import { useTheme as F } from "./hooks.js";
-import { TextFieldBaseAutosuggest as v } from "./text-field-base.js";
-const T = (_param)=>{
+import { useTheme as v } from "./hooks.js";
+import { TextFieldBaseAutosuggest as T } from "./text-field-base.js";
+const h = (_param)=>{
     var { inputRef: u, value: r, defaultValue: n, type: i = "text" } = _param, o = _object_without_properties(_param, [
         "inputRef",
         "value",
@@ -90,7 +90,7 @@ const T = (_param)=>{
         "type"
     ]);
     const t = (e)=>String(e !== null && e !== void 0 ? e : "").replace(/[^\d]/g, "");
-    return /* @__PURE__ */ d("input", _object_spread_props(_object_spread({}, o), {
+    return /* @__PURE__ */ c("input", _object_spread_props(_object_spread({}, o), {
         inputMode: "numeric",
         pattern: "[0-9]*",
         onInput: (e)=>{
@@ -101,8 +101,8 @@ const T = (_param)=>{
         value: r === void 0 ? void 0 : t(r),
         defaultValue: n === void 0 ? void 0 : t(n)
     }));
-}, h = (_param)=>{
-    var { disabled: u, error: r, helperText: n, name: i, optional: o, validate: t, onChange: c, onChangeValue: e, onBlur: m, value: p, defaultValue: a } = _param, l = _object_without_properties(_param, [
+}, A = (_param)=>{
+    var { disabled: u, error: r, helperText: n, name: i, optional: o, validate: t, onChange: d, onChangeValue: e, onBlur: m, value: a, defaultValue: p, dataAttributes: l } = _param, f = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -113,24 +113,28 @@ const T = (_param)=>{
         "onChangeValue",
         "onBlur",
         "value",
-        "defaultValue"
+        "defaultValue",
+        "dataAttributes"
     ]);
-    const { texts: f } = F(), g = x({
+    const { texts: g } = v(), I = x({
         name: i,
-        value: p,
-        defaultValue: a,
+        value: a,
+        defaultValue: p,
         processValue: (s)=>s.trim(),
         helperText: n,
         optional: o,
         error: r,
         disabled: u,
         onBlur: m,
-        validate: (s, I)=>s ? t == null ? void 0 : t(s, I) : o ? "" : f.formFieldErrorIsMandatory,
-        onChange: c,
+        validate: (s, F)=>s ? t == null ? void 0 : t(s, F) : o ? "" : g.formFieldErrorIsMandatory,
+        onChange: d,
         onChangeValue: e
     });
-    return /* @__PURE__ */ d(v, _object_spread_props(_object_spread({}, l, g), {
-        inputComponent: T
+    return /* @__PURE__ */ c(T, _object_spread_props(_object_spread({}, f, I), {
+        inputComponent: h,
+        dataAttributes: _object_spread({
+            "component-name": "IntegerField"
+        }, l)
     }));
-}, C = h;
-export { T as IntegerInput, C as default };
+}, C = A;
+export { h as IntegerInput, C as default };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./list.css.ts.vanilla.css-mistica.js";
-var _ = "_1y2v1nfgg _1y2v1nfgy _1y2v1nfh0", y = "_1y2v1nfgp _1y2v1nfi6 _1y2v1nfhk _1y2v1nfgy", f = "_1y2v1nfgg _1y2v1nfgv", g = "_1y2v1nfgg _1y2v1nfh3 _1y2v1nfit", a = "_2buj9gf", r = "_2buj9ge", i = "_2buj9g0", t = "_1y2v1nfgg _1y2v1nfgl _1y2v1nfhk", e = "_2buj9gm _1y2v1nfgg", o = "_1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfiy _1y2v1nf68 _1y2v1nf96 _1y2v1nfaf _1y2v1nfgi _1y2v1nfh1", h = "_2buj9go _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfiy _1y2v1nf68 _1y2v1nf96 _1y2v1nfaf _1y2v1nfgg _1y2v1nfgv _1y2v1nfh0 _1y2v1nfh4 _1y2v1nfhk", u = "_1y2v1nfjg", d = "_2buj9gc", b = "_2buj9gd", c = "_1y2v1nfgg _1y2v1nfgm _1y2v1nfh2", j = "_1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfh3 _1y2v1nfiy _1y2v1nf68 _1y2v1nfgi _1y2v1nfhk", l = "_2buj9g1", k = "_2buj9g2";
-export { _ as asset, y as badge, f as center, g as content, a as detail, r as detailRight, i as disabled, t as dualActionContainer, e as dualActionDivider, o as dualActionLeft, h as dualActionRight, u as pointer, d as right, b as rightRestrictedWidth, c as rowBody, j as rowContent, l as touchableBackground, k as touchableBackgroundInverse };
+var _ = "_1y2v1nfgi _1y2v1nfh0 _1y2v1nfh2", f = "_1y2v1nfgr _1y2v1nfi8 _1y2v1nfhm _1y2v1nfh0", y = "_1y2v1nfgi _1y2v1nfgx", a = "_1y2v1nfgi _1y2v1nfh5 _1y2v1nfiv", r = "_2buj9gf", g = "_2buj9ge", t = "_2buj9g0", i = "_1y2v1nfgi _1y2v1nfgn _1y2v1nfhm", h = "_2buj9gm _1y2v1nfgi", e = "_1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfj0 _1y2v1nf6a _1y2v1nf98 _1y2v1nfah _1y2v1nfgk _1y2v1nfh3", o = "_2buj9go _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfj0 _1y2v1nf6a _1y2v1nf98 _1y2v1nfah _1y2v1nfgi _1y2v1nfgx _1y2v1nfh2 _1y2v1nfh6 _1y2v1nfhm", u = "_1y2v1nfji", b = "_2buj9gc", d = "_2buj9gd", j = "_1y2v1nfgi _1y2v1nfgo _1y2v1nfh4", c = "_1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfh5 _1y2v1nfj0 _1y2v1nf6a _1y2v1nfgk _1y2v1nfhm", l = "_2buj9g1", k = "_2buj9g2";
+export { _ as asset, f as badge, y as center, a as content, r as detail, g as detailRight, t as disabled, i as dualActionContainer, h as dualActionDivider, e as dualActionLeft, o as dualActionRight, u as pointer, b as right, d as rightRestrictedWidth, j as rowBody, c as rowContent, l as touchableBackground, k as touchableBackgroundInverse };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./loading-bar.css.ts.vanilla.css-mistica.js";
-var r = "_1num3qg3", _ = "_1num3qga _1y2v1nfhk", f = "_1num3qg2 _1y2v1nfgc _1y2v1nfjn _1y2v1nfk2 _1y2v1nfkh", y = "_1num3qg7 _1y2v1nfgb _1y2v1nfhk _1y2v1nfh3", g = "_1y2v1nfh3 _1y2v1nfjh _1y2v1nfga _1y2v1nf4i _1y2v1nfhn";
-export { r as hidden, _ as innerProgress, f as portal, y as progress, g as progressContainer };
+var _ = "_1num3qg3", r = "_1num3qg2 _1y2v1nfge _1y2v1nfjp _1y2v1nfk4 _1y2v1nfkj", f = "_1num3qg7 _1y2v1nfgd _1y2v1nfh5 _1y2v1nfhm", y = "_1y2v1nfh5 _1y2v1nfjj _1y2v1nfgc _1y2v1nf4j _1y2v1nfhp";
+export { _ as hidden, r as portal, f as progress, y as progressContainer };

package/dist-es/loading-bar.js

@@ -53,25 +53,22 @@ function _object_spread_props(target, source) {
 }
 import { jsx as r } from "react/jsx-runtime";
 import { Portal as s } from "./portal.js";
-import { portal as e, hidden as i, progressContainer as t, progress as m, innerProgress as n } from "./loading-bar.css-mistica.js";
-import { getPrefixedDataAttributes as d } from "./utils/dom.js";
-import l from "classnames";
-const c = (param)=>{
+import { portal as t, hidden as e, progressContainer as i, progress as m } from "./loading-bar.css-mistica.js";
+import { getPrefixedDataAttributes as n } from "./utils/dom.js";
+import d from "classnames";
+const l = (param)=>{
     let { visible: a, dataAttributes: o } = param;
     return /* @__PURE__ */ r(s, {
-        className: l(e, {
-            [i]: !a
+        className: d(t, {
+            [e]: !a
         }),
         children: /* @__PURE__ */ r("div", _object_spread_props(_object_spread({
-            className: t
-        }, d(o, "LoadingBar")), {
+            className: i
+        }, n(o, "LoadingBar")), {
             children: /* @__PURE__ */ r("div", {
-                className: m,
-                children: /* @__PURE__ */ r("div", {
-                    className: n
-                })
+                className: m
             })
         }))
     });
-}, u = c;
+}, u = l;
 export { u as default };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./loading-screen.css.ts.vanilla.css-mistica.js";
-var r = 500, a = "flke8b1 _1y2v1nfgg _1y2v1nfgm _1y2v1nfgv", v = "_1y2v1nfh2 _1y2v1nfgg _1y2v1nfgm _1y2v1nfgv _1y2v1nfgp", f = "flke8b9 _1y2v1nf6u", g = "flke8bb", l = "flke8bc", o = "flke8bf", i = "flke8be", d = {
+var r = 500, a = "flke8b1 _1y2v1nfgi _1y2v1nfgo _1y2v1nfgx", f = "_1y2v1nfh4 _1y2v1nfgi _1y2v1nfgo _1y2v1nfgx _1y2v1nfgr", v = "flke8b9 _1y2v1nf6w", l = "flke8bb", o = "flke8bc", g = "flke8bf", i = "flke8be", d = {
     default: "flke8b4",
     inverse: "flke8b5"
 }, t = "flke8b3", k = "flke8b6";
-export { r as inOutAnimationMs, a as loadingScreen, v as loadingScreenChildren, f as loadingScreenText, g as loadingScreenTextAnimated, l as loadingScreenTextAnimatedOut, o as logo, i as pulseLogo, d as screenBackground, t as screenBackgroundAnimated, k as screenBackgroundFadeOut };
+export { r as inOutAnimationMs, a as loadingScreen, f as loadingScreenChildren, v as loadingScreenText, l as loadingScreenTextAnimated, o as loadingScreenTextAnimatedOut, g as logo, i as pulseLogo, d as screenBackground, t as screenBackgroundAnimated, k as screenBackgroundFadeOut };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./maybe-dismissable.css.ts.vanilla.css-mistica.js";
-var f = "cim30m2 _1y2v1nfgb _1y2v1nfjn _1y2v1nfkh _1y2v1nfhf _1y2v1nfhv _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp", y = "cim30m4 _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfhc _1y2v1nfhs _1y2v1nfiz", _ = "_1y2v1nfga _1y2v1nfgg _1y2v1nfgy";
+var f = "cim30m2 _1y2v1nfgd _1y2v1nfjp _1y2v1nfkj _1y2v1nfhh _1y2v1nfhx _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr", y = "cim30m4 _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfhe _1y2v1nfhu _1y2v1nfj1", _ = "_1y2v1nfgc _1y2v1nfgi _1y2v1nfh0";
 export { f as dismissableButton, y as dismissableCircleContainer, _ as dismissableContainer };

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

@@ -1,6 +1,6 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./menu.css.ts.vanilla.css-mistica.js";
-var r = "_2k0k3uj", n = "_2k0k3ui", v = "_2k0k3u8 _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nf36 _1y2v1nfj9 _1y2v1nfgg _1y2v1nfgm _1y2v1nfgb", a = "_2k0k3ud", t = "_2k0k3ug", _ = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3uh", m = {
+var r = "_2k0k3uj", n = "_2k0k3ui", v = "_2k0k3u8 _1y2v1nf6k _1y2v1nf7t _1y2v1nf92 _1y2v1nfab _1y2v1nf37 _1y2v1nfjb _1y2v1nfgi _1y2v1nfgo _1y2v1nfgd", t = "_2k0k3ud", a = "_2k0k3ug", _ = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3uh", m = {
     enter: "_2k0k3u9",
     enterActive: "_2k0k3ua",
     exit: "_2k0k3ub",
@@ -14,4 +14,4 @@ var r = "_2k0k3uj", n = "_2k0k3ui", v = "_2k0k3u8 _1y2v1nf6i _1y2v1nf7r _1y2v1nf
     maxHeight: "var(--_2k0k3u5)",
     transformOrigin: "var(--_2k0k3u6)"
 };
-export { r as iconContainer, n as itemContent, v as menuContainer, a as menuItem, t as menuItemDisabled, _ as menuItemEnabled, u as menuItemHovered, i as menuSectionDivider, m as menuTransitionClasses, o as vars };
+export { r as iconContainer, n as itemContent, v as menuContainer, t as menuItem, a as menuItemDisabled, _ as menuItemEnabled, u as menuItemHovered, i as menuSectionDivider, m as menuTransitionClasses, o as vars };

package/dist-es/month-field.js

@@ -78,17 +78,19 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import * as f from "react";
-import { useFieldProps as O } from "./form-context.js";
-import { TextFieldBaseAutosuggest as b } from "./text-field-base.js";
-import { isInputTypeSupported as v } from "./utils/dom.js";
+import { jsx as t } from "react/jsx-runtime";
+import * as a from "react";
+import { useFieldProps as z } from "./form-context.js";
+import { TextFieldBaseAutosuggest as O } from "./text-field-base.js";
+import { isInputTypeSupported as b } from "./utils/dom.js";
 import { isServerSide as x } from "./utils/environment.js";
-import E from "./generated/mistica-icons/icon-calendar-regular.js";
+import A from "./generated/mistica-icons/icon-calendar-regular.js";
 import { getLocalYearMonthString as r } from "./utils/time.js";
-import { useTheme as M } from "./hooks.js";
-const j = /*#__PURE__*/ f.lazy(()=>import(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")), z = (_param)=>{
-    var { disabled: l, error: h, helperText: g, name: y, optional: a, validate: s, onChange: D, onChangeValue: n, onBlur: R, value: S, defaultValue: k, min: o, max: i } = _param, d = _object_without_properties(_param, [
+import { useTheme as N } from "./hooks.js";
+import { iconContainer as j } from "./date-field.css-mistica.js";
+import { iconSize as v } from "./text-field-base.css-mistica.js";
+const B = /*#__PURE__*/ a.lazy(()=>import(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")), C = (_param)=>{
+    var { disabled: h, error: g, helperText: D, name: F, optional: f, validate: n, onChange: S, onChangeValue: s, onBlur: y, value: R, defaultValue: k, min: o, max: i, dataAttributes: d } = _param, p = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -101,44 +103,48 @@ const j = /*#__PURE__*/ f.lazy(()=>import(/* webpackChunkName: "date-time-picker
         "value",
         "defaultValue",
         "min",
-        "max"
+        "max",
+        "dataAttributes"
     ]);
-    const F = (t)=>t, I = f.useMemo(()=>v("month"), []), { texts: T } = M(), c = (t)=>!(o && t && t < r(o) || i && t && t > r(i)), u = O({
-        name: y,
-        value: S,
+    const I = (e)=>e, M = a.useMemo(()=>b("month"), []), { texts: T } = N(), m = (e)=>!(o && e && e < r(o) || i && e && e > r(i)), u = z({
+        name: F,
+        value: R,
         defaultValue: k,
-        processValue: F,
-        helperText: g,
-        optional: a,
-        error: h,
-        disabled: l,
-        onBlur: R,
-        validate: (t, m)=>c(t) ? s == null ? void 0 : s(t, m) : T.formDateOutOfRangeError,
-        onChange: D,
-        onChangeValue: (t, m)=>{
-            c(t) && (n == null || n(t, m));
+        processValue: I,
+        helperText: D,
+        optional: f,
+        error: g,
+        disabled: h,
+        onBlur: y,
+        validate: (e, c)=>m(e) ? n == null ? void 0 : n(e, c) : T.formDateOutOfRangeError,
+        onChange: S,
+        onChangeValue: (e, c)=>{
+            m(e) && (s == null || s(e, c));
         }
-    }), p = /* @__PURE__ */ e(b, _object_spread_props(_object_spread({}, d, u), {
+    }), l = /* @__PURE__ */ t(O, _object_spread_props(_object_spread({}, p, u), {
         min: o ? r(o) : void 0,
         max: i ? r(i) : void 0,
         type: "month",
-        endIconOverlay: /* @__PURE__ */ e("div", {
-            style: {
-                position: "absolute",
-                top: 16,
-                right: 16,
-                pointerEvents: "none"
-            },
-            children: /* @__PURE__ */ e(E, {})
-        })
+        endIconOverlay: /* @__PURE__ */ t("div", {
+            className: j,
+            children: /* @__PURE__ */ t(A, {
+                size: v
+            })
+        }),
+        dataAttributes: _object_spread({
+            "component-name": "MonthField"
+        }, d)
     }));
-    return I || x() ? p : /* @__PURE__ */ e(f.Suspense, {
-        fallback: p,
-        children: /* @__PURE__ */ e(j, _object_spread_props(_object_spread({}, d, u), {
-            optional: a,
-            isValidDate: (t)=>c(r(t.toDate())),
-            mode: "year-month"
+    return M || x() ? l : /* @__PURE__ */ t(a.Suspense, {
+        fallback: l,
+        children: /* @__PURE__ */ t(B, _object_spread_props(_object_spread({}, p, u), {
+            optional: f,
+            isValidDate: (e)=>m(r(e.toDate())),
+            mode: "year-month",
+            dataAttributes: _object_spread({
+                "component-name": "MonthField"
+            }, d)
         }))
     });
-}, G = z;
-export { G as default };
+}, U = C;
+export { U as default };

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

@@ -1,23 +1,23 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./navigation-bar.css.ts.vanilla.css-mistica.js";
-var y = "_1vcy5dz1 _1y2v1nfga _1y2v1nfhc _1y2v1nfhs", _ = "_1vcy5dz12 _1y2v1nfgc _1y2v1nfjy _1y2v1nfk2 _1y2v1nfkh _1y2v1nf35", r = "_1vcy5dz10", e = {
+var y = "_1vcy5dz1 _1y2v1nfgc _1y2v1nfhe _1y2v1nfhu", _ = "_1vcy5dz12 _1y2v1nfge _1y2v1nfk0 _1y2v1nfk4 _1y2v1nfkj _1y2v1nf36", e = "_1vcy5dz10", r = {
     entering: "_1vcy5dzs",
     entered: "_1vcy5dzt",
     exiting: "_1vcy5dzu",
     exited: "_1vcy5dzv",
     unmounted: "_1vcy5dzw"
 }, d = "_1vcy5dzm", a = {
-    default: "_1vcy5dz15 _1y2v1nf1r",
-    inverse: "_1vcy5dz16 _1y2v1nf1q"
-}, c = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfgb", z = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfgb", f = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfgb", t = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfgb", i = "_1vcy5dz17", g = "_1vcy5dzz _1y2v1nfgg _1y2v1nfgp", o = "_1vcy5dzx", u = {
-    default: "_1vcy5dzc _1vcy5dzb _1y2v1nfgg _1y2v1nfgv _1y2v1nfh3",
-    noBorder: "_1vcy5dzd _1vcy5dzb _1y2v1nfgg _1y2v1nfgv _1y2v1nfh3",
-    menuOpen: "_1vcy5dze _1vcy5dzb _1y2v1nfgg _1y2v1nfgv _1y2v1nfh3"
-}, s = "_1vcy5dzl", b = "_1vcy5dzn", p = "_1vcy5dzg _1y2v1nf90 _1y2v1nfa9 _1y2v1nfhz _1y2v1nfgg _1y2v1nfgv _1y2v1nfiy _1y2v1nf68", h = {
+    default: "_1vcy5dz15 _1y2v1nf1s",
+    inverse: "_1vcy5dz16 _1y2v1nf1r"
+}, c = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfgd", i = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfgd", f = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfgd", t = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfgd", z = "_1vcy5dz17", o = "_1vcy5dzz _1y2v1nfgi _1y2v1nfgr", g = "_1vcy5dzx", u = {
+    default: "_1vcy5dzc _1vcy5dzb _1y2v1nfgi _1y2v1nfgx _1y2v1nfh5",
+    noBorder: "_1vcy5dzd _1vcy5dzb _1y2v1nfgi _1y2v1nfgx _1y2v1nfh5",
+    menuOpen: "_1vcy5dze _1vcy5dzb _1y2v1nfgi _1y2v1nfgx _1y2v1nfh5"
+}, s = "_1vcy5dzl", p = "_1vcy5dzn", l = "_1vcy5dzg _1y2v1nf92 _1y2v1nfab _1y2v1nfi1 _1y2v1nfgi _1y2v1nfgx _1y2v1nfj0 _1y2v1nf6a", x = {
     default: "_1vcy5dzh",
     inverse: "_1vcy5dzi"
-}, l = "_1y2v1nfhz _1vcy5dzo", C = "_1vcy5dzr _1vcy5dzo", x = {
+}, b = "_1y2v1nfi1 _1vcy5dzo", h = "_1vcy5dzr _1vcy5dzo", C = {
     default: "_1vcy5dzj",
     inverse: "_1vcy5dzk"
-}, k = "_1vcy5dz9 _1y2v1nfgc _1y2v1nfjn _1y2v1nfk2 _1y2v1nfkh";
-export { y as burgerIconContainer, _ as burgerMenu, r as burgerMenuButton, e as burgerMenuTransition, d as desktopOnly, a as iconButtonVariants, c as iconCloseHidden, z as iconCloseOpen, f as iconMenuHidden, t as iconMenuOpen, i as lineHeightFix, g as logoContainer, o as mainNavbarContent, u as navbarBorderColorVariants, s as navigationBarContent, b as navigationBarContentRight, p as section, h as selectedSectionVariantes, l as spacer, C as spacerLarge, x as textWrapperVariants, k as topFixed };
+}, k = "_1vcy5dz9 _1y2v1nfge _1y2v1nfjp _1y2v1nfk4 _1y2v1nfkj";
+export { y as burgerIconContainer, _ as burgerMenu, e as burgerMenuButton, r as burgerMenuTransition, d as desktopOnly, a as iconButtonVariants, c as iconCloseHidden, i as iconCloseOpen, f as iconMenuHidden, t as iconMenuOpen, z as lineHeightFix, o as logoContainer, g as mainNavbarContent, u as navbarBorderColorVariants, s as navigationBarContent, p as navigationBarContentRight, l as section, x as selectedSectionVariantes, b as spacer, h as spacerLarge, C as textWrapperVariants, k as topFixed };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./navigation-breadcrumbs.css.ts.vanilla.css-mistica.js";
-var i = "_1fniauj3", v = "_1fniauj2", a = "_1fniauj5 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0", f = "_1y2v1nfgj";
-export { i as current, v as link, a as list, f as listItem };
+var v = "_1fniauj3", a = "_1fniauj2", f = "_1fniauj5 _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2", i = "_1y2v1nfgl";
+export { v as current, a as link, f as list, i as listItem };

package/dist-es/package-version.js

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

package/dist-es/password-field.js

@@ -78,29 +78,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import * as n from "react";
-import { useFieldProps as A } from "./form-context.js";
-import { TextFieldBaseAutosuggest as E } from "./text-field-base.js";
-import { useTheme as S } from "./hooks.js";
-import { BaseIconButton as V } from "./icon-button.js";
-import h from "./generated/mistica-icons/icon-eye-off-regular.js";
-import B from "./generated/mistica-icons/icon-eye-regular.js";
-import { shadow as T } from "./password-field.css-mistica.js";
-const j = (param)=>{
-    let { isVisible: s, setVisibility: i, focus: c } = param;
-    const { texts: a } = S();
-    return /* @__PURE__ */ e(V, {
-        "aria-label": a.togglePasswordVisibilityLabel,
+import { jsx as u } from "react/jsx-runtime";
+import * as r from "react";
+import { useFieldProps as E } from "./form-context.js";
+import { TextFieldBaseAutosuggest as S, FieldEndIcon as V } from "./text-field-base.js";
+import { useTheme as h } from "./hooks.js";
+import T from "./generated/mistica-icons/icon-eye-off-regular.js";
+import j from "./generated/mistica-icons/icon-eye-regular.js";
+import { endIconWithShadow as q } from "./text-field-base.css-mistica.js";
+const B = (param)=>{
+    let { isVisible: e, setVisibility: n, focus: i } = param;
+    const { texts: c } = h();
+    return /* @__PURE__ */ u(V, {
+        Icon: e ? T : j,
+        "aria-label": c.togglePasswordVisibilityLabel,
+        className: q,
         onPress: ()=>{
-            i(!s), c();
-        },
-        size: 40,
-        className: T,
-        children: s ? /* @__PURE__ */ e(h, {}) : /* @__PURE__ */ e(B, {})
+            n(!e), i();
+        }
     });
-}, q = (_param)=>{
-    var { disabled: s, error: i, helperText: c, name: a, optional: l, validate: m, onChange: p, onChangeValue: d, onBlur: R, value: P, autoComplete: w = "current-password", defaultValue: g } = _param, F = _object_without_properties(_param, [
+}, L = (_param)=>{
+    var { disabled: e, error: n, helperText: i, name: c, optional: f, validate: m, onChange: d, onChangeValue: p, onBlur: P, value: R, autoComplete: w = "current-password", defaultValue: F, dataAttributes: I } = _param, b = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -112,52 +110,56 @@ const j = (param)=>{
         "onBlur",
         "value",
         "autoComplete",
-        "defaultValue"
+        "defaultValue",
+        "dataAttributes"
     ]);
-    const [u, I] = n.useState(!1), r = n.useRef(0), o = n.useRef(null), b = (t)=>t, x = ()=>{
+    const [a, g] = r.useState(!1), s = r.useRef(0), o = r.useRef(null), x = (t)=>t, y = ()=>{
         const t = o.current;
-        t && (t.selectionStart !== null && (r.current = t.selectionStart), t.focus());
+        t && (t.selectionStart !== null && (s.current = t.selectionStart), t.focus());
     };
-    n.useEffect(()=>{
+    r.useEffect(()=>{
         const t = o.current;
         if (t) {
-            const y = requestAnimationFrame(()=>{
-                t.selectionStart = r.current, t.selectionEnd = r.current;
+            const A = requestAnimationFrame(()=>{
+                t.selectionStart = s.current, t.selectionEnd = s.current;
             });
             return ()=>{
-                cancelAnimationFrame(y);
+                cancelAnimationFrame(A);
             };
         }
     }, [
-        u,
-        r,
+        a,
+        s,
         o
     ]);
-    const f = A({
-        name: a,
-        value: P,
-        defaultValue: g,
-        processValue: b,
-        helperText: c,
-        optional: l,
-        error: i,
-        disabled: s,
-        onBlur: R,
+    const l = E({
+        name: c,
+        value: R,
+        defaultValue: F,
+        processValue: x,
+        helperText: i,
+        optional: f,
+        error: n,
+        disabled: e,
+        onBlur: P,
         validate: m,
-        onChange: p,
-        onChangeValue: d
+        onChange: d,
+        onChangeValue: p
     });
-    return /* @__PURE__ */ e(E, _object_spread_props(_object_spread({}, F, f), {
-        type: u ? "text" : "password",
+    return /* @__PURE__ */ u(S, _object_spread_props(_object_spread({}, b, l), {
+        type: a ? "text" : "password",
         inputRef: (t)=>{
-            f.inputRef(t), o.current = t;
+            l.inputRef(t), o.current = t;
         },
         autoComplete: w,
-        endIcon: /* @__PURE__ */ e(j, {
-            focus: x,
-            isVisible: u,
-            setVisibility: I
-        })
+        endIcon: /* @__PURE__ */ u(B, {
+            focus: y,
+            isVisible: a,
+            setVisibility: g
+        }),
+        dataAttributes: _object_spread({
+            "component-name": "PasswordField"
+        }, I)
     }));
-}, D = q;
-export { D as default };
+}, C = L;
+export { C as default };