@telefonica/mistica 16.31.0 → 16.33.0

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

@@ -0,0 +1,5 @@
+import "./sprinkles.css.ts.vanilla.css-mistica.js";
+import "./screen-reader-only.css.ts.vanilla.css-mistica.js";
+import "./skip-link.css.ts.vanilla.css-mistica.js";
+var f = "v16_33_13pf4ld1 v16_33_1y2v1nf8u v16_33_1y2v1nfa3 v16_33_1y2v1nfbc v16_33_1y2v1nfcl v16_33_1y2v1nf4c v16_33_1y2v1nfl9 v16_33_1y2v1nflk v16_33_1y2v1nfin v16_33_1y2v1nfm0 v16_33_1y2v1nfmf", i = "v16_33_13pf4ld2";
+export { f as skipLinkContainer, i as skipLinkList };

package/dist-es/skip-link.css.ts.vanilla.css-mistica.js

@@ -0,0 +1,2 @@
+const s = "";
+export { s as default };

package/dist-es/skip-link.js

@@ -0,0 +1,87 @@
+"use client";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { jsx as i } from "react/jsx-runtime";
+import * as k from "react";
+import { ButtonLink as m } from "./button.js";
+import { skipLinkContainer as p, skipLinkList as L } from "./skip-link.css-mistica.js";
+import { useTheme as c } from "./hooks.js";
+import { skipLinkNavLabel as f } from "./text-tokens.js";
+import { getPrefixedDataAttributes as n } from "./utils/dom.js";
+const h = (param)=>{
+    let { targetId: a, children: r, "aria-label": e, dataAttributes: t } = param;
+    return /* @__PURE__ */ i("div", _object_spread_props(_object_spread({
+        className: p
+    }, n(t, "SkipLink")), {
+        children: /* @__PURE__ */ i(m, {
+            "aria-label": e,
+            href: `#${a}`,
+            withChevron: !1,
+            children: r
+        })
+    }));
+}, x = (param)=>{
+    let { children: a, "aria-label": r, dataAttributes: e } = param;
+    const { texts: t, t: o } = c(), l = r || t.skipLinkNavLabel || o(f);
+    return /* @__PURE__ */ i("nav", _object_spread_props(_object_spread({
+        "aria-label": l
+    }, n(e, "SkipLinkNav")), {
+        children: /* @__PURE__ */ i("ul", {
+            className: L,
+            children: k.Children.map(a, (s)=>/* @__PURE__ */ i("li", {
+                    children: s
+                }))
+        })
+    }));
+}, C = h;
+export { x as SkipLinkNav, C as default };

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

@@ -1,13 +1,13 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./slider.css.ts.vanilla.css-mistica.js";
-var n = "v16_31_1j1wlhk1 v16_31_1y2v1nfjf v16_31_1y2v1nfim v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nflt", f = {
-    default: "v16_31_1j1wlhk7 v16_31_1y2v1nfjn v16_31_1y2v1nfk3 v16_31_1y2v1nflc v16_31_1y2v1nf5n",
-    inverse: "v16_31_1j1wlhk7 v16_31_1y2v1nfjn v16_31_1y2v1nfk3 v16_31_1y2v1nflc v16_31_1y2v1nf5p"
-}, y = "v16_31_1j1wlhk2", l = "v16_31_1j1wlhkj v16_31_1y2v1nfin v16_31_1y2v1nfm0", j = "v16_31_1j1wlhkd v16_31_1y2v1nf5z v16_31_1y2v1nflc", r = {
-    default: "v16_31_1j1wlhkg",
-    inverse: "v16_31_1j1wlhkh"
-}, a = "v16_31_1j1wlhk5 v16_31_1y2v1nfin v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfj1", e = {
-    default: "v16_31_1j1wlhke",
-    inverse: "v16_31_1j1wlhkf"
-}, h = "v16_31_1y2v1nfjf v16_31_1y2v1nfjz v16_31_1y2v1nflq";
+var n = "v16_33_1j1wlhk1 v16_33_1y2v1nfjf v16_33_1y2v1nfim v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nflt", f = {
+    default: "v16_33_1j1wlhk7 v16_33_1y2v1nfjn v16_33_1y2v1nfk3 v16_33_1y2v1nflc v16_33_1y2v1nf5n",
+    inverse: "v16_33_1j1wlhk7 v16_33_1y2v1nfjn v16_33_1y2v1nfk3 v16_33_1y2v1nflc v16_33_1y2v1nf5p"
+}, y = "v16_33_1j1wlhk2", l = "v16_33_1j1wlhkj v16_33_1y2v1nfin v16_33_1y2v1nfm0", j = "v16_33_1j1wlhkd v16_33_1y2v1nf5z v16_33_1y2v1nflc", r = {
+    default: "v16_33_1j1wlhkg",
+    inverse: "v16_33_1j1wlhkh"
+}, a = "v16_33_1j1wlhk5 v16_33_1y2v1nfin v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nfj1", e = {
+    default: "v16_33_1j1wlhke",
+    inverse: "v16_33_1j1wlhkf"
+}, h = "v16_33_1y2v1nfjf v16_33_1y2v1nfjz v16_33_1y2v1nflq";
 export { n as container, f as defaultThumb, y as disabled, l as input, j as iosThumb, r as thumbActive, a as thumbContainer, e as thumbHover, h as track };

package/dist-es/slider.js

@@ -76,7 +76,7 @@ const Ce = 48, Ie = 20, Pe = 28, Te = (n, t, o)=>t >= o ? 0 : (n - t) / (o - t),
     if (t >= o) return t;
     const b = v(h), I = t + Math.floor((b - t) / a) * a, m = t + Math.ceil((b - t) / a) * a;
     return m <= o && m - b <= b - I ? m : I;
-}, U = (n, t, o)=>{
+}, N = (n, t, o)=>{
     if (!o) return t;
     if (t === void 0) return n;
     let a = 0;
@@ -96,22 +96,22 @@ const Ce = 48, Ie = 20, Pe = 28, Te = (n, t, o)=>t >= o ? 0 : (n - t) / (o - t),
         "tooltip"
     ]);
     n && (n.length === 0 ? n = void 0 : a = n.length - 1), t = t | 0, t = t <= 0 ? 1 : t;
-    const { defaultValue: z, value: _, onChange: N, focusableRef: q, disabled: F, name: G } = me({
+    const { defaultValue: z, value: U, onChange: _, focusableRef: q, disabled: F, name: G } = me({
         name: i.name,
         label: h,
-        value: i.value !== void 0 ? B(!1, o, a, t, U(o, i.value, n)) : void 0,
-        defaultValue: i.defaultValue !== void 0 ? B(!1, o, a, t, U(o, i.defaultValue, n)) : void 0,
+        value: i.value !== void 0 ? B(!1, o, a, t, N(o, i.value, n)) : void 0,
+        defaultValue: i.defaultValue !== void 0 ? B(!1, o, a, t, N(o, i.defaultValue, n)) : void 0,
         onChange: i.onChangeValue,
         disabled: i.disabled
-    }), [J, K] = c.useState(_ !== null && _ !== void 0 ? _ : B(!1, o, a, t, U(o, z, n))), u = _ !== null && _ !== void 0 ? _ : J, A = c.useRef(u), P = c.useCallback((e, r)=>{
+    }), [J, K] = c.useState(U !== null && U !== void 0 ? U : B(!1, o, a, t, N(o, z, n))), u = U !== null && U !== void 0 ? U : J, A = c.useRef(u), P = c.useCallback((e, r)=>{
         const s = B(r, o, a, t, e);
-        A.current !== s && (N(n ? n[s] : s), K(s), A.current = s);
+        A.current !== s && (_(n ? n[s] : s), K(s), A.current = s);
     }, [
         o,
         a,
         t,
         n,
-        N
+        _
     ]);
     c.useEffect(()=>{
         P(A.current, !1);
@@ -234,5 +234,5 @@ const Ce = 48, Ie = 20, Pe = 28, Te = (n, t, o)=>t >= o ? 0 : (n - t) / (o - t),
             ]
         })
     });
-}), Ne = pe;
-export { Ne as default };
+}), _e = pe;
+export { _e as default };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./snackbar.css.ts.vanilla.css-mistica.js";
-var n = 300, f = "v16_31_o7bjb0g", y = "v16_31_1y2v1nf8r v16_31_1y2v1nfa0 v16_31_1y2v1nfbc v16_31_1y2v1nfcl v16_31_1y2v1nfla v16_31_1y2v1nf8k", r = "v16_31_1y2v1nfis v16_31_1y2v1nfj4 v16_31_1y2v1nfiy", o = "v16_31_1y2v1nfis v16_31_1y2v1nfj4 v16_31_1y2v1nfix v16_31_1y2v1nfj7", a = {
-    centered: "v16_31_o7bjb0l v16_31_1y2v1nfis v16_31_1y2v1nfin v16_31_1y2v1nfj7 v16_31_1y2v1nfj1 v16_31_1y2v1nfmx",
-    topRight: "v16_31_1y2v1nfis v16_31_1y2v1nfin v16_31_1y2v1nfj7 v16_31_1y2v1nfj1 v16_31_1y2v1nfmx v16_31_1y2v1nfm3"
-}, t = "v16_31_o7bjb0o v16_31_1y2v1nfjp v16_31_1y2v1nfk5 v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfj1 v16_31_1y2v1nflc", b = "v16_31_o7bjb0h", i = "v16_31_o7bjb01 v16_31_1y2v1nfjf v16_31_1y2v1nfis v16_31_1y2v1nfj1", j = "v16_31_o7bjb03 v16_31_1y2v1nfim", p = "v16_31_o7bjb04", s = "v16_31_o7bjb06 v16_31_1y2v1nfio v16_31_1y2v1nflm", e = "v16_31_1y2v1nf66", c = "v16_31_1y2v1nf67", m = "v16_31_o7bjb09";
+var n = 300, f = "v16_33_o7bjb0g", y = "v16_33_1y2v1nf8r v16_33_1y2v1nfa0 v16_33_1y2v1nfbc v16_33_1y2v1nfcl v16_33_1y2v1nfla v16_33_1y2v1nf8k", r = "v16_33_1y2v1nfis v16_33_1y2v1nfj4 v16_33_1y2v1nfiy", o = "v16_33_1y2v1nfis v16_33_1y2v1nfj4 v16_33_1y2v1nfix v16_33_1y2v1nfj7", a = {
+    centered: "v16_33_o7bjb0l v16_33_1y2v1nfis v16_33_1y2v1nfin v16_33_1y2v1nfj7 v16_33_1y2v1nfj1 v16_33_1y2v1nfmx",
+    topRight: "v16_33_1y2v1nfis v16_33_1y2v1nfin v16_33_1y2v1nfj7 v16_33_1y2v1nfj1 v16_33_1y2v1nfmx v16_33_1y2v1nfm3"
+}, t = "v16_33_o7bjb0o v16_33_1y2v1nfjp v16_33_1y2v1nfk5 v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nfj1 v16_33_1y2v1nflc", b = "v16_33_o7bjb0h", i = "v16_33_o7bjb01 v16_33_1y2v1nfjf v16_33_1y2v1nfis v16_33_1y2v1nfj1", j = "v16_33_o7bjb03 v16_33_1y2v1nfim", p = "v16_33_o7bjb04", s = "v16_33_o7bjb06 v16_33_1y2v1nfio v16_33_1y2v1nflm", e = "v16_33_1y2v1nf66", c = "v16_33_1y2v1nf67", m = "v16_33_o7bjb09";
 export { n as TRANSITION_TIME_IN_MS, f as button, y as buttonTouchable, r as contentWithLongButton, o as contentWithoutLongButton, a as dismissButton, t as dismissIcon, b as longButton, i as snackbar, j as snackbarContainer, p as snackbarOpen, s as wrapper, e as wrapperCritical, c as wrapperInfo, m as wrapperOpen };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./spinner.css.ts.vanilla.css-mistica.js";
-var n = "v16_31_1fthc594 v16_31_1y2v1nfja v16_31_1y2v1nfiu", r = "v16_31_1fthc595", a = "v16_31_1y2v1nfja v16_31_1y2v1nfiu", t = "v16_31_1fthc597";
+var n = "v16_33_1fthc594 v16_33_1y2v1nfja v16_33_1y2v1nfiu", r = "v16_33_1fthc595", a = "v16_33_1y2v1nfja v16_33_1y2v1nfiu", t = "v16_33_1fthc597";
 export { n as spinnerDefault, r as spinnerDefaultPath, a as spinnerIos, t as spinnerIosSvgPath };

package/dist-es/spinner.js

@@ -27,115 +27,110 @@ function _object_spread(target) {
     }
     return target;
 }
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import * as u from "react";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
 import { getPlatform as g } from "./utils/platform.js";
 import N from "./fade-in.js";
-import { useTheme as b } from "./hooks.js";
-import { spinnerIos as I, spinnerIosSvgPath as a, spinnerDefault as M, spinnerDefaultPath as L } from "./spinner.css-mistica.js";
+import { useTheme as M } from "./hooks.js";
+import { spinnerIos as u, spinnerIosSvgPath as r, spinnerDefault as L, spinnerDefaultPath as Z } from "./spinner.css-mistica.js";
 import { vars as C } from "./skins/skin-contract.css-mistica.js";
-import { useIsInverseOrMediaVariant as Z } from "./theme-variant-context.js";
+import { useIsInverseOrMediaVariant as b } from "./theme-variant-context.js";
 import { loading as x } from "./text-tokens.js";
-const V = (param)=>{
-    let { color: t, delay: i = "500ms", size: s = 24, style: n, rolePresentation: o, "aria-hidden": m } = param;
-    const { texts: c, platformOverrides: h, t: f } = b(), v = Z();
-    t = t || (v ? C.colors.controlActivatedInverse : C.colors.controlActivated);
-    const r = u.useId(), p = c.loading || f(x), d = g(h) === "ios" ? /* @__PURE__ */ l("svg", {
-        "aria-labelledby": r,
-        className: I,
+import I from "./screen-reader-only.js";
+const S = (param)=>{
+    let { color: a, delay: i = "500ms", size: s = 24, style: l, rolePresentation: n, "aria-hidden": m, "aria-label": d } = param;
+    const { texts: h, platformOverrides: c, t: f } = M(), v = b();
+    a = a || (v ? C.colors.controlActivatedInverse : C.colors.controlActivated);
+    const t = d || h.loading || f(x), o = g(c) === "ios" ? /* @__PURE__ */ e("svg", {
+        className: u,
         height: s,
-        style: _object_spread({}, n),
+        style: _object_spread({}, l),
         role: "progressbar",
         "aria-live": "polite",
-        "aria-busy": !0,
-        "aria-hidden": m || o,
+        "aria-label": t,
+        "aria-hidden": m || n,
         viewBox: "0 0 30 30",
         width: s,
-        children: [
-            /* @__PURE__ */ e("title", {
-                id: r,
-                children: p
-            }),
-            /* @__PURE__ */ l("g", {
-                role: "presentation",
-                children: [
-                    /* @__PURE__ */ e("path", {
-                        className: a,
-                        fill: t,
-                        d: "M14 1.5C14 0.671573 14.6716 0 15.5 0C16.3284 0 17 0.671573 17 1.5V8.5C17 9.32843 16.3284 10 15.5 10C14.6716 10 14 9.32843 14 8.5V1.5Z"
-                    }),
-                    /* @__PURE__ */ e("path", {
-                        className: a,
-                        fill: t,
-                        d: "M21.182 11.1317C20.5962 11.7175 19.6464 11.7175 19.0607 11.1317C18.4749 10.5459 18.4749 9.59619 19.0607 9.01041L24.0104 4.06066C24.5962 3.47487 25.5459 3.47487 26.1317 4.06066C26.7175 4.64645 26.7175 5.59619 26.1317 6.18198L21.182 11.1317Z"
-                    }),
-                    /* @__PURE__ */ e("path", {
-                        className: a,
-                        fill: t,
-                        d: "M28.5 13C29.3284 13 30 13.6716 30 14.5C30 15.3284 29.3284 16 28.5 16H21.5C20.6716 16 20 15.3284 20 14.5C20 13.6716 20.6716 13 21.5 13H28.5Z"
-                    }),
-                    /* @__PURE__ */ e("path", {
-                        className: a,
-                        fill: t,
-                        d: "M19.0607 20.182C18.4749 19.5962 18.4749 18.6464 19.0607 18.0607C19.6464 17.4749 20.5962 17.4749 21.182 18.0607L26.1317 23.0104C26.7175 23.5962 26.7175 24.5459 26.1317 25.1317C25.5459 25.7175 24.5962 25.7175 24.0104 25.1317L19.0607 20.182Z"
-                    }),
-                    /* @__PURE__ */ e("path", {
-                        className: a,
-                        fill: t,
-                        d: "M14 21.5C14 20.6716 14.6716 20 15.5 20C16.3284 20 17 20.6716 17 21.5V28.5C17 29.3284 16.3284 30 15.5 30C14.6716 30 14 29.3284 14 28.5V21.5Z"
-                    }),
-                    /* @__PURE__ */ e("path", {
-                        className: a,
-                        fill: t,
-                        d: "M7.18198 25.1317C6.59619 25.7175 5.64645 25.7175 5.06066 25.1317C4.47487 24.5459 4.47487 23.5962 5.06066 23.0104L10.0104 18.0607C10.5962 17.4749 11.5459 17.4749 12.1317 18.0607C12.7175 18.6464 12.7175 19.5962 12.1317 20.182L7.18198 25.1317Z"
-                    }),
-                    /* @__PURE__ */ e("path", {
-                        className: a,
-                        fill: t,
-                        d: "M8.5 13C9.32843 13 10 13.6716 10 14.5C10 15.3284 9.32843 16 8.5 16H1.5C0.671573 16 0 15.3284 0 14.5C0 13.6716 0.671573 13 1.5 13H8.5Z"
-                    }),
-                    /* @__PURE__ */ e("path", {
-                        className: a,
-                        fill: t,
-                        d: "M5.06066 6.18198C4.47487 5.59619 4.47487 4.64645 5.06066 4.06066C5.64645 3.47487 6.59619 3.47487 7.18198 4.06066L12.1317 9.01041C12.7175 9.59619 12.7175 10.5459 12.1317 11.1317C11.5459 11.7175 10.5962 11.7175 10.0104 11.1317L5.06066 6.18198Z"
-                    })
-                ]
-            })
-        ]
-    }) : /* @__PURE__ */ l("svg", {
-        "aria-labelledby": r,
-        className: M,
-        height: s,
-        style: _object_spread({}, n),
-        role: "progressbar",
+        children: /* @__PURE__ */ p("g", {
+            role: "presentation",
+            children: [
+                /* @__PURE__ */ e("path", {
+                    className: r,
+                    fill: a,
+                    d: "M14 1.5C14 0.671573 14.6716 0 15.5 0C16.3284 0 17 0.671573 17 1.5V8.5C17 9.32843 16.3284 10 15.5 10C14.6716 10 14 9.32843 14 8.5V1.5Z"
+                }),
+                /* @__PURE__ */ e("path", {
+                    className: r,
+                    fill: a,
+                    d: "M21.182 11.1317C20.5962 11.7175 19.6464 11.7175 19.0607 11.1317C18.4749 10.5459 18.4749 9.59619 19.0607 9.01041L24.0104 4.06066C24.5962 3.47487 25.5459 3.47487 26.1317 4.06066C26.7175 4.64645 26.7175 5.59619 26.1317 6.18198L21.182 11.1317Z"
+                }),
+                /* @__PURE__ */ e("path", {
+                    className: r,
+                    fill: a,
+                    d: "M28.5 13C29.3284 13 30 13.6716 30 14.5C30 15.3284 29.3284 16 28.5 16H21.5C20.6716 16 20 15.3284 20 14.5C20 13.6716 20.6716 13 21.5 13H28.5Z"
+                }),
+                /* @__PURE__ */ e("path", {
+                    className: r,
+                    fill: a,
+                    d: "M19.0607 20.182C18.4749 19.5962 18.4749 18.6464 19.0607 18.0607C19.6464 17.4749 20.5962 17.4749 21.182 18.0607L26.1317 23.0104C26.7175 23.5962 26.7175 24.5459 26.1317 25.1317C25.5459 25.7175 24.5962 25.7175 24.0104 25.1317L19.0607 20.182Z"
+                }),
+                /* @__PURE__ */ e("path", {
+                    className: r,
+                    fill: a,
+                    d: "M14 21.5C14 20.6716 14.6716 20 15.5 20C16.3284 20 17 20.6716 17 21.5V28.5C17 29.3284 16.3284 30 15.5 30C14.6716 30 14 29.3284 14 28.5V21.5Z"
+                }),
+                /* @__PURE__ */ e("path", {
+                    className: r,
+                    fill: a,
+                    d: "M7.18198 25.1317C6.59619 25.7175 5.64645 25.7175 5.06066 25.1317C4.47487 24.5459 4.47487 23.5962 5.06066 23.0104L10.0104 18.0607C10.5962 17.4749 11.5459 17.4749 12.1317 18.0607C12.7175 18.6464 12.7175 19.5962 12.1317 20.182L7.18198 25.1317Z"
+                }),
+                /* @__PURE__ */ e("path", {
+                    className: r,
+                    fill: a,
+                    d: "M8.5 13C9.32843 13 10 13.6716 10 14.5C10 15.3284 9.32843 16 8.5 16H1.5C0.671573 16 0 15.3284 0 14.5C0 13.6716 0.671573 13 1.5 13H8.5Z"
+                }),
+                /* @__PURE__ */ e("path", {
+                    className: r,
+                    fill: a,
+                    d: "M5.06066 6.18198C4.47487 5.59619 4.47487 4.64645 5.06066 4.06066C5.64645 3.47487 6.59619 3.47487 7.18198 4.06066L12.1317 9.01041C12.7175 9.59619 12.7175 10.5459 12.1317 11.1317C11.5459 11.7175 10.5962 11.7175 10.0104 11.1317L5.06066 6.18198Z"
+                })
+            ]
+        })
+    }) : /* @__PURE__ */ p("div", {
+        "aria-hidden": m || n,
         "aria-live": "polite",
-        "aria-busy": !0,
-        "aria-hidden": m || o,
-        viewBox: "0 0 66 66",
-        width: s,
         children: [
-            /* @__PURE__ */ e("title", {
-                id: r,
-                children: p
+            /* @__PURE__ */ e(I, {
+                children: /* @__PURE__ */ e("span", {
+                    children: t
+                })
             }),
-            /* @__PURE__ */ e("circle", {
+            /* @__PURE__ */ e("svg", {
+                role: "progressbar",
+                "aria-label": t,
                 className: L,
-                cx: "33",
-                cy: "33",
-                fill: "none",
-                r: "30",
-                role: "presentation",
-                stroke: t,
-                strokeWidth: "6"
+                height: s,
+                style: _object_spread({}, l),
+                viewBox: "0 0 66 66",
+                width: s,
+                children: /* @__PURE__ */ e("circle", {
+                    className: Z,
+                    cx: "33",
+                    cy: "33",
+                    fill: "none",
+                    r: "30",
+                    role: "presentation",
+                    stroke: a,
+                    strokeWidth: "6"
+                })
             })
         ]
     });
-    return i === "0" || i === "0s" || i === "0ms" ? d : /* @__PURE__ */ e(N, {
+    return i === "0" || i === "0s" || i === "0ms" ? o : /* @__PURE__ */ e(N, {
         delay: i,
         dataAttributes: {
             "component-name": "Spinner"
         },
-        children: d
+        children: o
     });
-}, D = V;
-export { D as default };
+}, P = S;
+export { P as default };

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

@@ -1,8 +1,8 @@
 import "./stack.css.ts.vanilla.css-mistica.js";
-var v = "v16_31_xjgm6d5", _ = "v16_31_xjgm6d4", r = {
-    space: "var(--v16_31_xjgm6d0)",
-    spaceMobile: "var(--v16_31_xjgm6d1)",
-    spaceTablet: "var(--v16_31_xjgm6d2)",
-    spaceDesktop: "var(--v16_31_xjgm6d3)"
+var v = "v16_33_xjgm6d5", _ = "v16_33_xjgm6d4", r = {
+    space: "var(--v16_33_xjgm6d0)",
+    spaceMobile: "var(--v16_33_xjgm6d1)",
+    spaceTablet: "var(--v16_33_xjgm6d2)",
+    spaceDesktop: "var(--v16_33_xjgm6d3)"
 };
 export { v as flexStack, _ as marginStack, r as vars };

package/dist-es/stacking-group.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./stacking-group.css.ts.vanilla.css-mistica.js";
-var y = "v16_31_1y38nye1 v16_31_1y2v1nfis v16_31_1y2v1nfim v16_31_1y2v1nfj1 v16_31_1y2v1nfj7";
+var y = "v16_33_1y38nye1 v16_33_1y2v1nfis v16_33_1y2v1nfim v16_33_1y2v1nfj1 v16_33_1y2v1nfj7";
 export { y as moreItems };

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

@@ -1,6 +1,6 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./stepper.css.ts.vanilla.css-mistica.js";
-var n = "v16_31_14h93mql v16_31_1y2v1nfjz v16_31_1y2v1nfjf v16_31_1y2v1nflq v16_31_1y2v1nflu", r = "v16_31_14h93mqn v16_31_1y2v1nfjz v16_31_1y2v1nfjf v16_31_1y2v1nflq v16_31_1y2v1nflu", f = "v16_31_14h93mqo", i = "v16_31_14h93mqq v16_31_1y2v1nfjh", y = "v16_31_14h93mqg", a = "v16_31_14h93mqd", m = "v16_31_1y2v1nfis v16_31_1y2v1nfj7", e = "v16_31_14h93mqf v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfj1 v16_31_1y2v1nflc", t = "v16_31_14h93mqa v16_31_1y2v1nfim v16_31_1y2v1nfit v16_31_1y2v1nfiy v16_31_1y2v1nfj7", q = "v16_31_14h93mqc v16_31_1y2v1nfim v16_31_1y2v1nfis", h = "v16_31_14h93mq7 v16_31_1y2v1nfis v16_31_1y2v1nfj6 v16_31_1y2v1nfkz", l = "v16_31_14h93mqi v16_31_1y2v1nfin", s = {
-    stepperMinHeight: "var(--v16_31_14h93mq0)"
+var n = "v16_33_14h93mql v16_33_1y2v1nfjz v16_33_1y2v1nfjf v16_33_1y2v1nflq v16_33_1y2v1nflu", r = "v16_33_14h93mqn v16_33_1y2v1nfjz v16_33_1y2v1nfjf v16_33_1y2v1nflq v16_33_1y2v1nflu", f = "v16_33_14h93mqo", i = "v16_33_14h93mqq v16_33_1y2v1nfjh", y = "v16_33_14h93mqg", a = "v16_33_14h93mqd", m = "v16_33_1y2v1nfis v16_33_1y2v1nfj7", e = "v16_33_14h93mqf v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nfj1 v16_33_1y2v1nflc", t = "v16_33_14h93mqa v16_33_1y2v1nfim v16_33_1y2v1nfit v16_33_1y2v1nfiy v16_33_1y2v1nfj7", q = "v16_33_14h93mqc v16_33_1y2v1nfim v16_33_1y2v1nfis", h = "v16_33_14h93mq7 v16_33_1y2v1nfis v16_33_1y2v1nfj6 v16_33_1y2v1nfkz", l = "v16_33_14h93mqi v16_33_1y2v1nfin", s = {
+    stepperMinHeight: "var(--v16_33_14h93mq0)"
 };
 export { n as bar, r as barFilled, f as barFilledAnimation, i as barFilledReverseAnimation, y as currentNumber, a as iconAnimation, m as listItem, e as number, t as step, q as stepIconNumber, h as stepper, l as textContainer, s as vars };

package/dist-es/stepper.js

@@ -64,7 +64,7 @@ import { vars as l } from "./skins/skin-contract.css-mistica.js";
 import { getPrefixedDataAttributes as Z } from "./utils/dom.js";
 import _ from "./screen-reader-only.js";
 const ee = (param)=>{
-    let { steps: c, currentIndex: n, "aria-label": v, "aria-labelledby": y, "aria-description": x, "aria-describedby": N, dataAttributes: C } = param;
+    let { steps: c, currentIndex: n, "aria-label": v, "aria-labelledby": y, "aria-description": N, "aria-describedby": x, dataAttributes: C } = param;
     const { texts: h, t: u, textPresets: g } = M(), { height: A, ref: $ } = j(), T = A, [r, P] = p.useState(Math.ceil(n)), [i, R] = p.useState(!1);
     p.useEffect(()=>{
         const s = Math.ceil(n);
@@ -87,8 +87,8 @@ const ee = (param)=>{
     }, Z(C, "Stepper")), {
         "aria-label": v,
         "aria-labelledby": y,
-        "aria-description": x,
-        "aria-describedby": N,
+        "aria-description": N,
+        "aria-describedby": x,
         children: c.map((s, a)=>{
             const t = a === r, f = a === c.length - 1, o = a < r, m = a === r - 1;
             return /* @__PURE__ */ b("li", {