@telefonica/mistica 16.32.0 → 16.33.0

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    skipLinkContainer: function() {
+        return f;
+    },
+    skipLinkList: function() {
+        return i;
+    }
+});
+require("./sprinkles.css.ts.vanilla.css-mistica.js");
+require("./screen-reader-only.css.ts.vanilla.css-mistica.js");
+require("./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";

package/dist/skip-link.css.d.ts

@@ -0,0 +1,2 @@
+export declare const skipLinkContainer: string;
+export declare const skipLinkList: string;

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return s;
+    }
+});
+const s = "";

package/dist/skip-link.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import type { DataAttributes } from './utils/types';
+type Props = {
+    targetId: string;
+    'aria-label'?: string;
+    children?: React.ReactNode;
+    dataAttributes?: DataAttributes;
+};
+declare const SkipLink: ({ targetId, children, "aria-label": ariaLabel, dataAttributes }: Props) => JSX.Element;
+type SkipLinkNavProps = {
+    children: React.ReactNode;
+    'aria-label'?: string;
+    dataAttributes?: DataAttributes;
+};
+export declare const SkipLinkNav: ({ children, "aria-label": ariaLabel, dataAttributes, }: SkipLinkNavProps) => JSX.Element;
+export default SkipLink;

package/dist/skip-link.js

@@ -0,0 +1,145 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    SkipLinkNav: function() {
+        return x;
+    },
+    default: function() {
+        return C;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _button = require("./button.js");
+const _skiplinkcssmistica = require("./skip-link.css-mistica.js");
+const _hooks = require("./hooks.js");
+const _texttokens = require("./text-tokens.js");
+const _dom = require("./utils/dom.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+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;
+}
+const h = (param)=>{
+    let { targetId: a, children: r, "aria-label": e, dataAttributes: t } = param;
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
+        className: _skiplinkcssmistica.skipLinkContainer
+    }, (0, _dom.getPrefixedDataAttributes)(t, "SkipLink")), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonLink, {
+            "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 } = (0, _hooks.useTheme)(), l = r || t.skipLinkNavLabel || o(_texttokens.skipLinkNavLabel);
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("nav", _object_spread_props(_object_spread({
+        "aria-label": l
+    }, (0, _dom.getPrefixedDataAttributes)(e, "SkipLinkNav")), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("ul", {
+            className: _skiplinkcssmistica.skipLinkList,
+            children: _react.Children.map(a, (s)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("li", {
+                    children: s
+                }))
+        })
+    }));
+}, C = h;

package/dist/slider.css-mistica.js

@@ -39,13 +39,13 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./slider.css.ts.vanilla.css-mistica.js");
-var n = "v16_32_1j1wlhk1 v16_32_1y2v1nfjf v16_32_1y2v1nfim v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nflt", f = {
-    default: "v16_32_1j1wlhk7 v16_32_1y2v1nfjn v16_32_1y2v1nfk3 v16_32_1y2v1nflc v16_32_1y2v1nf5n",
-    inverse: "v16_32_1j1wlhk7 v16_32_1y2v1nfjn v16_32_1y2v1nfk3 v16_32_1y2v1nflc v16_32_1y2v1nf5p"
-}, y = "v16_32_1j1wlhk2", l = "v16_32_1j1wlhkj v16_32_1y2v1nfin v16_32_1y2v1nfm0", j = "v16_32_1j1wlhkd v16_32_1y2v1nf5z v16_32_1y2v1nflc", r = {
-    default: "v16_32_1j1wlhkg",
-    inverse: "v16_32_1j1wlhkh"
-}, a = "v16_32_1j1wlhk5 v16_32_1y2v1nfin v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfj1", e = {
-    default: "v16_32_1j1wlhke",
-    inverse: "v16_32_1j1wlhkf"
-}, h = "v16_32_1y2v1nfjf v16_32_1y2v1nfjz v16_32_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";

package/dist/snackbar.css-mistica.js

@@ -57,7 +57,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./snackbar.css.ts.vanilla.css-mistica.js");
-var n = 300, f = "v16_32_o7bjb0g", y = "v16_32_1y2v1nf8r v16_32_1y2v1nfa0 v16_32_1y2v1nfbc v16_32_1y2v1nfcl v16_32_1y2v1nfla v16_32_1y2v1nf8k", r = "v16_32_1y2v1nfis v16_32_1y2v1nfj4 v16_32_1y2v1nfiy", o = "v16_32_1y2v1nfis v16_32_1y2v1nfj4 v16_32_1y2v1nfix v16_32_1y2v1nfj7", a = {
-    centered: "v16_32_o7bjb0l v16_32_1y2v1nfis v16_32_1y2v1nfin v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nfmx",
-    topRight: "v16_32_1y2v1nfis v16_32_1y2v1nfin v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nfmx v16_32_1y2v1nfm3"
-}, t = "v16_32_o7bjb0o v16_32_1y2v1nfjp v16_32_1y2v1nfk5 v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nflc", b = "v16_32_o7bjb0h", i = "v16_32_o7bjb01 v16_32_1y2v1nfjf v16_32_1y2v1nfis v16_32_1y2v1nfj1", j = "v16_32_o7bjb03 v16_32_1y2v1nfim", p = "v16_32_o7bjb04", s = "v16_32_o7bjb06 v16_32_1y2v1nfio v16_32_1y2v1nflm", e = "v16_32_1y2v1nf66", c = "v16_32_1y2v1nf67", m = "v16_32_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";

package/dist/spinner.css-mistica.js

@@ -24,4 +24,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./spinner.css.ts.vanilla.css-mistica.js");
-var n = "v16_32_1fthc594 v16_32_1y2v1nfja v16_32_1y2v1nfiu", r = "v16_32_1fthc595", a = "v16_32_1y2v1nfja v16_32_1y2v1nfiu", t = "v16_32_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";

package/dist/spinner.d.ts

@@ -6,8 +6,9 @@ type Props = {
     /** @deprecated Use aria-hidden instead */
     rolePresentation?: boolean;
     'aria-hidden'?: 'true' | 'false' | boolean;
+    'aria-label'?: string;
     style?: React.CSSProperties;
     children?: void;
 };
-declare const Spinner: ({ color, delay, size, style, rolePresentation, "aria-hidden": ariaHidden, }: Props) => JSX.Element;
+declare const Spinner: ({ color, delay, size, style, rolePresentation, "aria-hidden": ariaHidden, "aria-label": ariaLabel, }: Props) => JSX.Element;
 export default Spinner;

package/dist/spinner.js

@@ -6,11 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return D;
+        return P;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _platform = require("./utils/platform.js");
 const _fadein = /*#__PURE__*/ _interop_require_default(require("./fade-in.js"));
 const _hooks = require("./hooks.js");
@@ -18,52 +17,12 @@ const _spinnercssmistica = require("./spinner.css-mistica.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _themevariantcontext = require("./theme-variant-context.js");
 const _texttokens = require("./text-tokens.js");
+const _screenreaderonly = /*#__PURE__*/ _interop_require_default(require("./screen-reader-only.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -92,105 +51,100 @@ function _object_spread(target) {
     }
     return target;
 }
-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 } = (0, _hooks.useTheme)(), v = (0, _themevariantcontext.useIsInverseOrMediaVariant)();
-    t = t || (v ? _skincontractcssmistica.vars.colors.controlActivatedInverse : _skincontractcssmistica.vars.colors.controlActivated);
-    const r = _react.useId(), p = c.loading || f(_texttokens.loading), d = (0, _platform.getPlatform)(h) === "ios" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
-        "aria-labelledby": r,
+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 } = (0, _hooks.useTheme)(), v = (0, _themevariantcontext.useIsInverseOrMediaVariant)();
+    a = a || (v ? _skincontractcssmistica.vars.colors.controlActivatedInverse : _skincontractcssmistica.vars.colors.controlActivated);
+    const t = d || h.loading || f(_texttokens.loading), o = (0, _platform.getPlatform)(c) === "ios" ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         className: _spinnercssmistica.spinnerIos,
         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__ */ (0, _jsxruntime.jsx)("title", {
-                id: r,
-                children: p
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
-                role: "presentation",
-                children: [
-                    /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                        className: _spinnercssmistica.spinnerIosSvgPath,
-                        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__ */ (0, _jsxruntime.jsx)("path", {
-                        className: _spinnercssmistica.spinnerIosSvgPath,
-                        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__ */ (0, _jsxruntime.jsx)("path", {
-                        className: _spinnercssmistica.spinnerIosSvgPath,
-                        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__ */ (0, _jsxruntime.jsx)("path", {
-                        className: _spinnercssmistica.spinnerIosSvgPath,
-                        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__ */ (0, _jsxruntime.jsx)("path", {
-                        className: _spinnercssmistica.spinnerIosSvgPath,
-                        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__ */ (0, _jsxruntime.jsx)("path", {
-                        className: _spinnercssmistica.spinnerIosSvgPath,
-                        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__ */ (0, _jsxruntime.jsx)("path", {
-                        className: _spinnercssmistica.spinnerIosSvgPath,
-                        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__ */ (0, _jsxruntime.jsx)("path", {
-                        className: _spinnercssmistica.spinnerIosSvgPath,
-                        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__ */ (0, _jsxruntime.jsxs)("svg", {
-        "aria-labelledby": r,
-        className: _spinnercssmistica.spinnerDefault,
-        height: s,
-        style: _object_spread({}, n),
-        role: "progressbar",
+        children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
+            role: "presentation",
+            children: [
+                /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                    className: _spinnercssmistica.spinnerIosSvgPath,
+                    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__ */ (0, _jsxruntime.jsx)("path", {
+                    className: _spinnercssmistica.spinnerIosSvgPath,
+                    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__ */ (0, _jsxruntime.jsx)("path", {
+                    className: _spinnercssmistica.spinnerIosSvgPath,
+                    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__ */ (0, _jsxruntime.jsx)("path", {
+                    className: _spinnercssmistica.spinnerIosSvgPath,
+                    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__ */ (0, _jsxruntime.jsx)("path", {
+                    className: _spinnercssmistica.spinnerIosSvgPath,
+                    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__ */ (0, _jsxruntime.jsx)("path", {
+                    className: _spinnercssmistica.spinnerIosSvgPath,
+                    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__ */ (0, _jsxruntime.jsx)("path", {
+                    className: _spinnercssmistica.spinnerIosSvgPath,
+                    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__ */ (0, _jsxruntime.jsx)("path", {
+                    className: _spinnercssmistica.spinnerIosSvgPath,
+                    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__ */ (0, _jsxruntime.jsxs)("div", {
+        "aria-hidden": m || n,
         "aria-live": "polite",
-        "aria-busy": !0,
-        "aria-hidden": m || o,
-        viewBox: "0 0 66 66",
-        width: s,
         children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("title", {
-                id: r,
-                children: p
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
+                    children: t
+                })
             }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("circle", {
-                className: _spinnercssmistica.spinnerDefaultPath,
-                cx: "33",
-                cy: "33",
-                fill: "none",
-                r: "30",
-                role: "presentation",
-                stroke: t,
-                strokeWidth: "6"
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
+                role: "progressbar",
+                "aria-label": t,
+                className: _spinnercssmistica.spinnerDefault,
+                height: s,
+                style: _object_spread({}, l),
+                viewBox: "0 0 66 66",
+                width: s,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("circle", {
+                    className: _spinnercssmistica.spinnerDefaultPath,
+                    cx: "33",
+                    cy: "33",
+                    fill: "none",
+                    r: "30",
+                    role: "presentation",
+                    stroke: a,
+                    strokeWidth: "6"
+                })
             })
         ]
     });
-    return i === "0" || i === "0s" || i === "0ms" ? d : /* @__PURE__ */ (0, _jsxruntime.jsx)(_fadein.default, {
+    return i === "0" || i === "0s" || i === "0ms" ? o : /* @__PURE__ */ (0, _jsxruntime.jsx)(_fadein.default, {
         delay: i,
         dataAttributes: {
             "component-name": "Spinner"
         },
-        children: d
+        children: o
     });
-}, D = V;
+}, P = S;

package/dist/stack.css-mistica.js

@@ -20,9 +20,9 @@ _export(exports, {
     }
 });
 require("./stack.css.ts.vanilla.css-mistica.js");
-var v = "v16_32_xjgm6d5", _ = "v16_32_xjgm6d4", r = {
-    space: "var(--v16_32_xjgm6d0)",
-    spaceMobile: "var(--v16_32_xjgm6d1)",
-    spaceTablet: "var(--v16_32_xjgm6d2)",
-    spaceDesktop: "var(--v16_32_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)"
 };

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

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "moreItems", {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./stacking-group.css.ts.vanilla.css-mistica.js");
-var y = "v16_32_1y38nye1 v16_32_1y2v1nfis v16_32_1y2v1nfim v16_32_1y2v1nfj1 v16_32_1y2v1nfj7";
+var y = "v16_33_1y38nye1 v16_33_1y2v1nfis v16_33_1y2v1nfim v16_33_1y2v1nfj1 v16_33_1y2v1nfj7";

package/dist/stepper.css-mistica.js

@@ -51,6 +51,6 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./stepper.css.ts.vanilla.css-mistica.js");
-var n = "v16_32_14h93mql v16_32_1y2v1nfjz v16_32_1y2v1nfjf v16_32_1y2v1nflq v16_32_1y2v1nflu", r = "v16_32_14h93mqn v16_32_1y2v1nfjz v16_32_1y2v1nfjf v16_32_1y2v1nflq v16_32_1y2v1nflu", f = "v16_32_14h93mqo", i = "v16_32_14h93mqq v16_32_1y2v1nfjh", y = "v16_32_14h93mqg", a = "v16_32_14h93mqd", m = "v16_32_1y2v1nfis v16_32_1y2v1nfj7", e = "v16_32_14h93mqf v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nflc", t = "v16_32_14h93mqa v16_32_1y2v1nfim v16_32_1y2v1nfit v16_32_1y2v1nfiy v16_32_1y2v1nfj7", q = "v16_32_14h93mqc v16_32_1y2v1nfim v16_32_1y2v1nfis", h = "v16_32_14h93mq7 v16_32_1y2v1nfis v16_32_1y2v1nfj6 v16_32_1y2v1nfkz", l = "v16_32_14h93mqi v16_32_1y2v1nfin", s = {
-    stepperMinHeight: "var(--v16_32_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)"
 };

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

@@ -46,33 +46,33 @@ _export(exports, {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./switch-component.css.ts.vanilla.css-mistica.js");
 var a = {
-    default: "v16_32_q0hp3a11 v16_32_q0hp3az v16_32_q0hp3ay v16_32_1y2v1nfin v16_32_1y2v1nfn9 v16_32_1y2v1nfiu v16_32_1y2v1nflc",
-    ios: "v16_32_q0hp3a12 v16_32_q0hp3a10 v16_32_q0hp3ay v16_32_1y2v1nfin v16_32_1y2v1nfn9 v16_32_1y2v1nfiu v16_32_1y2v1nflc",
-    checked: "v16_32_q0hp3a13 v16_32_q0hp3az v16_32_q0hp3ay v16_32_1y2v1nfin v16_32_1y2v1nfn9 v16_32_1y2v1nfiu v16_32_1y2v1nflc",
-    checkedIos: "v16_32_q0hp3a14 v16_32_q0hp3a10 v16_32_q0hp3ay v16_32_1y2v1nfin v16_32_1y2v1nfn9 v16_32_1y2v1nfiu v16_32_1y2v1nflc"
+    default: "v16_33_q0hp3a11 v16_33_q0hp3az v16_33_q0hp3ay v16_33_1y2v1nfin v16_33_1y2v1nfn9 v16_33_1y2v1nfiu v16_33_1y2v1nflc",
+    ios: "v16_33_q0hp3a12 v16_33_q0hp3a10 v16_33_q0hp3ay v16_33_1y2v1nfin v16_33_1y2v1nfn9 v16_33_1y2v1nfiu v16_33_1y2v1nflc",
+    checked: "v16_33_q0hp3a13 v16_33_q0hp3az v16_33_q0hp3ay v16_33_1y2v1nfin v16_33_1y2v1nfn9 v16_33_1y2v1nfiu v16_33_1y2v1nflc",
+    checkedIos: "v16_33_q0hp3a14 v16_33_q0hp3a10 v16_33_q0hp3ay v16_33_1y2v1nfin v16_33_1y2v1nfn9 v16_33_1y2v1nfiu v16_33_1y2v1nflc"
 }, n = {
-    default: "v16_32_q0hp3ai v16_32_q0hp3ah v16_32_1y2v1nfiu",
-    ios: "v16_32_q0hp3aj v16_32_q0hp3ah v16_32_1y2v1nfiu",
-    iosDark: "v16_32_q0hp3ak v16_32_q0hp3ah v16_32_1y2v1nfiu",
-    checked: "v16_32_q0hp3al v16_32_q0hp3ah v16_32_1y2v1nfiu",
-    checkedIos: "v16_32_q0hp3am v16_32_q0hp3ah v16_32_1y2v1nfiu"
+    default: "v16_33_q0hp3ai v16_33_q0hp3ah v16_33_1y2v1nfiu",
+    ios: "v16_33_q0hp3aj v16_33_q0hp3ah v16_33_1y2v1nfiu",
+    iosDark: "v16_33_q0hp3ak v16_33_q0hp3ah v16_33_1y2v1nfiu",
+    checked: "v16_33_q0hp3al v16_33_q0hp3ah v16_33_1y2v1nfiu",
+    checkedIos: "v16_33_q0hp3am v16_33_q0hp3ah v16_33_1y2v1nfiu"
 }, h = {
-    default: "v16_32_q0hp3a6 v16_32_1y2v1nfiw v16_32_1y2v1nflt",
-    ios: "v16_32_q0hp3a7 v16_32_1y2v1nfiw v16_32_1y2v1nflt",
-    disabled: "v16_32_q0hp3a8 v16_32_1y2v1nfiw v16_32_1y2v1nflt",
-    disabledIos: "v16_32_q0hp3a9 v16_32_1y2v1nfiw v16_32_1y2v1nflt"
-}, i = "v16_32_q0hp3au v16_32_q0hp3as", p = "v16_32_q0hp3av v16_32_q0hp3as", y = "v16_32_q0hp3aw", f = "v16_32_q0hp3at", q = {
-    default: "v16_32_q0hp3a15 v16_32_q0hp3az v16_32_q0hp3ay v16_32_1y2v1nfin v16_32_1y2v1nfn9 v16_32_1y2v1nfiu v16_32_1y2v1nflc",
-    ios: "v16_32_q0hp3a16 v16_32_q0hp3a10 v16_32_q0hp3ay v16_32_1y2v1nfin v16_32_1y2v1nfn9 v16_32_1y2v1nfiu v16_32_1y2v1nflc",
-    checked: "v16_32_q0hp3a17 v16_32_q0hp3az v16_32_q0hp3ay v16_32_1y2v1nfin v16_32_1y2v1nfn9 v16_32_1y2v1nfiu v16_32_1y2v1nflc",
-    checkedIos: "v16_32_q0hp3a18 v16_32_q0hp3a10 v16_32_q0hp3ay v16_32_1y2v1nfin v16_32_1y2v1nfn9 v16_32_1y2v1nfiu v16_32_1y2v1nflc"
+    default: "v16_33_q0hp3a6 v16_33_1y2v1nfiw v16_33_1y2v1nflt",
+    ios: "v16_33_q0hp3a7 v16_33_1y2v1nfiw v16_33_1y2v1nflt",
+    disabled: "v16_33_q0hp3a8 v16_33_1y2v1nfiw v16_33_1y2v1nflt",
+    disabledIos: "v16_33_q0hp3a9 v16_33_1y2v1nfiw v16_33_1y2v1nflt"
+}, i = "v16_33_q0hp3au v16_33_q0hp3as", p = "v16_33_q0hp3av v16_33_q0hp3as", y = "v16_33_q0hp3aw", f = "v16_33_q0hp3at", q = {
+    default: "v16_33_q0hp3a15 v16_33_q0hp3az v16_33_q0hp3ay v16_33_1y2v1nfin v16_33_1y2v1nfn9 v16_33_1y2v1nfiu v16_33_1y2v1nflc",
+    ios: "v16_33_q0hp3a16 v16_33_q0hp3a10 v16_33_q0hp3ay v16_33_1y2v1nfin v16_33_1y2v1nfn9 v16_33_1y2v1nfiu v16_33_1y2v1nflc",
+    checked: "v16_33_q0hp3a17 v16_33_q0hp3az v16_33_q0hp3ay v16_33_1y2v1nfin v16_33_1y2v1nfn9 v16_33_1y2v1nfiu v16_33_1y2v1nflc",
+    checkedIos: "v16_33_q0hp3a18 v16_33_q0hp3a10 v16_33_q0hp3ay v16_33_1y2v1nfin v16_33_1y2v1nfn9 v16_33_1y2v1nfiu v16_33_1y2v1nflc"
 }, e = {
-    default: "v16_32_q0hp3an v16_32_q0hp3ah v16_32_1y2v1nfiu",
-    ios: "v16_32_q0hp3ao v16_32_q0hp3ah v16_32_1y2v1nfiu",
-    iosDark: "v16_32_q0hp3ap v16_32_q0hp3ah v16_32_1y2v1nfiu",
-    checked: "v16_32_q0hp3aq v16_32_q0hp3ah v16_32_1y2v1nfiu",
-    checkedIos: "v16_32_q0hp3ar v16_32_q0hp3ah v16_32_1y2v1nfiu"
+    default: "v16_33_q0hp3an v16_33_q0hp3ah v16_33_1y2v1nfiu",
+    ios: "v16_33_q0hp3ao v16_33_q0hp3ah v16_33_1y2v1nfiu",
+    iosDark: "v16_33_q0hp3ap v16_33_q0hp3ah v16_33_1y2v1nfiu",
+    checked: "v16_33_q0hp3aq v16_33_q0hp3ah v16_33_1y2v1nfiu",
+    checkedIos: "v16_33_q0hp3ar v16_33_q0hp3ah v16_33_1y2v1nfiu"
 }, c = {
-    default: "v16_32_q0hp3ac v16_32_q0hp3ab v16_32_1y2v1nfim",
-    ios: "v16_32_q0hp3ad v16_32_q0hp3ab v16_32_1y2v1nfim"
-}, r = "v16_32_q0hp3af v16_32_1y2v1nfiu v16_32_1y2v1nflu";
+    default: "v16_33_q0hp3ac v16_33_q0hp3ab v16_33_1y2v1nfim",
+    ios: "v16_33_q0hp3ad v16_33_q0hp3ab v16_33_1y2v1nfim"
+}, r = "v16_33_q0hp3af v16_33_1y2v1nfiu v16_33_1y2v1nflu";