@telefonica/mistica 17.8.0 → 17.10.0

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                       */ var n = "v17_8_1num3qg2 v17_8_1num3qg1 v17_8_1y2v1nfra v17_8_1y2v1nfuo v17_8_1y2v1nfv3 v17_8_1y2v1nfvi", r = "v17_8_1num3qg3", f = "v17_8_1num3qg4 v17_8_1y2v1nfs1 v17_8_1y2v1nfui v17_8_1y2v1nfr8 v17_8_1y2v1nfd8 v17_8_1y2v1nfsl", y = "v17_8_1num3qg7 v17_8_1num3qg6 v17_8_1y2v1nfr9 v17_8_1y2v1nfs1 v17_8_1y2v1nfsi";
+/* empty css                                     */ /* empty css                                       */ var n = "v17_10_1num3qg2 v17_10_1num3qg1 v17_10_1y2v1nfru v17_10_1y2v1nfv8 v17_10_1y2v1nfvn v17_10_1y2v1nfw2", r = "v17_10_1num3qg3", f = "v17_10_1num3qg4 v17_10_1y2v1nfsl v17_10_1y2v1nfv2 v17_10_1y2v1nfrs v17_10_1y2v1nfds v17_10_1y2v1nft5", y = "v17_10_1num3qg7 v17_10_1num3qg6 v17_10_1y2v1nfrt v17_10_1y2v1nfsl v17_10_1y2v1nft2";
 export { r as hidden, n as portal, y as progress, f as progressContainer };

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

@@ -1,5 +1,5 @@
-/* empty css                                     */ /* empty css                                          */ var v = "v17_8_flke8b1 v17_8_flke8b0 v17_8_1y2v1nfre v17_8_1y2v1nfrk v17_8_1y2v1nfrt", n = 500, r = "v17_8_flke8b3", a = {
-    default: "v17_8_flke8b4",
-    brand: "v17_8_flke8b5"
-}, f = "v17_8_flke8b6", l = "v17_8_flke8b7 v17_8_1y2v1nfs0 v17_8_1y2v1nfre v17_8_1y2v1nfrk v17_8_1y2v1nfrt v17_8_1y2v1nfrn", k = "v17_8_flke8b9 v17_8_flke8b8 v17_8_1y2v1nfhs", o = "v17_8_flke8bb", t = "v17_8_flke8bc", b = "v17_8_flke8be", d = "v17_8_flke8bf";
-export { n as inOutAnimationMs, v as loadingScreen, l as loadingScreenChildren, k as loadingScreenText, o as loadingScreenTextAnimated, t as loadingScreenTextAnimatedOut, d as logo, b as pulseLogo, a as screenBackground, r as screenBackgroundAnimated, f as screenBackgroundFadeOut };
+/* empty css                                     */ /* empty css                                          */ var e = "v17_10_flke8b1 v17_10_flke8b0 v17_10_1y2v1nfry v17_10_1y2v1nfs4 v17_10_1y2v1nfsd", n = 500, r = "v17_10_flke8b3", a = {
+    default: "v17_10_flke8b4",
+    brand: "v17_10_flke8b5"
+}, f = "v17_10_flke8b6", l = "v17_10_flke8b7 v17_10_1y2v1nfsk v17_10_1y2v1nfry v17_10_1y2v1nfs4 v17_10_1y2v1nfsd v17_10_1y2v1nfs7", d = "v17_10_flke8b9 v17_10_flke8b8 v17_10_1y2v1nfic", k = "v17_10_flke8bb", o = "v17_10_flke8bc", b = "v17_10_flke8be", i = "v17_10_flke8bf";
+export { n as inOutAnimationMs, e as loadingScreen, l as loadingScreenChildren, d as loadingScreenText, k as loadingScreenTextAnimated, o as loadingScreenTextAnimatedOut, i as logo, b as pulseLogo, a as screenBackground, r as screenBackgroundAnimated, f as screenBackgroundFadeOut };

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

@@ -1,7 +1,7 @@
 /* empty css                                */ var _ = {
-    size: "var(--v17_8_140ft6x0)",
-    sizeMobile: "var(--v17_8_140ft6x1)",
-    sizeTablet: "var(--v17_8_140ft6x2)",
-    sizeDesktop: "var(--v17_8_140ft6x3)"
-}, r = "v17_8_140ft6x4", t = "v17_8_140ft6x5";
+    size: "var(--v17_10_140ft6x0)",
+    sizeMobile: "var(--v17_10_140ft6x1)",
+    sizeTablet: "var(--v17_10_140ft6x2)",
+    sizeDesktop: "var(--v17_10_140ft6x3)"
+}, r = "v17_10_140ft6x4", t = "v17_10_140ft6x5";
 export { t as logoContainer, r as svg, _ as vars };

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

@@ -1,14 +1,14 @@
 /* empty css                                     */ /* empty css                                */ var k = 280, e = {
-    top: "var(--v17_8_2k0k3u0)",
-    left: "var(--v17_8_2k0k3u1)",
-    width: "var(--v17_8_2k0k3u2)",
-    maxHeight: "var(--v17_8_2k0k3u3)",
-    maxWidth: "var(--v17_8_2k0k3u4)",
-    transformOrigin: "var(--v17_8_2k0k3u5)"
-}, r = "v17_8_2k0k3u7 v17_8_2k0k3u6 v17_8_1y2v1nfhg v17_8_1y2v1nfip v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nf8z v17_8_1y2v1nfu7 v17_8_1y2v1nfre v17_8_1y2v1nfrk v17_8_1y2v1nfr9", n = {
-    enter: "v17_8_2k0k3u8",
-    enterActive: "v17_8_2k0k3u9",
-    exit: "v17_8_2k0k3ua",
-    exitActive: "v17_8_2k0k3ub"
-}, t = "v17_8_2k0k3uc", u = "v17_8_2k0k3ud", a = "v17_8_2k0k3ue", i = "v17_8_2k0k3uf", m = "v17_8_2k0k3ug", f = "v17_8_2k0k3ui v17_8_2k0k3uh v17_8_1y2v1nfhg v17_8_1y2v1nfip", o = "v17_8_2k0k3uj", y = "v17_8_2k0k3uk", s = "v17_8_2k0k3ul";
+    top: "var(--v17_10_2k0k3u0)",
+    left: "var(--v17_10_2k0k3u1)",
+    width: "var(--v17_10_2k0k3u2)",
+    maxHeight: "var(--v17_10_2k0k3u3)",
+    maxWidth: "var(--v17_10_2k0k3u4)",
+    transformOrigin: "var(--v17_10_2k0k3u5)"
+}, r = "v17_10_2k0k3u7 v17_10_2k0k3u6 v17_10_1y2v1nfi0 v17_10_1y2v1nfj9 v17_10_1y2v1nfki v17_10_1y2v1nflr v17_10_1y2v1nf99 v17_10_1y2v1nfur v17_10_1y2v1nfry v17_10_1y2v1nfs4 v17_10_1y2v1nfrt", n = {
+    enter: "v17_10_2k0k3u8",
+    enterActive: "v17_10_2k0k3u9",
+    exit: "v17_10_2k0k3ua",
+    exitActive: "v17_10_2k0k3ub"
+}, t = "v17_10_2k0k3uc", u = "v17_10_2k0k3ud", a = "v17_10_2k0k3ue", i = "v17_10_2k0k3uf", m = "v17_10_2k0k3ug", f = "v17_10_2k0k3ui v17_10_2k0k3uh v17_10_1y2v1nfi0 v17_10_1y2v1nfj9", o = "v17_10_2k0k3uj", y = "v17_10_2k0k3uk", s = "v17_10_2k0k3ul";
 export { k as MENU_MAX_WIDTH, s as assetContainer, o as itemContent, y as itemTextContent, r as menuContainer, t as menuItem, m as menuItemDisabled, i as menuItemEnabled, u as menuItemHovered, a as menuItemHoveredDestructive, f as menuSectionDivider, n as menuTransitionClasses, e as vars };

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

@@ -0,0 +1,41 @@
+/* empty css                                   */ var v = 48, r = 12, o = 16, b = 184, a = "v17_10_b0wq510", n = {
+    incoming: "v17_10_b0wq511",
+    outgoing: "v17_10_b0wq512"
+}, i = "v17_10_b0wq513", t = {
+    incoming: "v17_10_b0wq514",
+    outgoing: "v17_10_b0wq515"
+}, e = {
+    incoming: "v17_10_b0wq516",
+    outgoing: "v17_10_b0wq517"
+}, w = "v17_10_b0wq518", q = "v17_10_b0wq519", g = {
+    incoming: "v17_10_b0wq51a",
+    outgoing: "v17_10_b0wq51b"
+}, c = "v17_10_b0wq51c", m = "v17_10_b0wq51d", d = {
+    "incoming-standalone": "v17_10_b0wq51e",
+    "incoming-first": "v17_10_b0wq51f",
+    "incoming-middle": "v17_10_b0wq51g",
+    "incoming-last": "v17_10_b0wq51h",
+    "outgoing-standalone": "v17_10_b0wq51i",
+    "outgoing-first": "v17_10_b0wq51j",
+    "outgoing-middle": "v17_10_b0wq51k",
+    "outgoing-last": "v17_10_b0wq51l"
+}, s = "v17_10_b0wq51m", u = "v17_10_b0wq51n", l = {
+    default: "v17_10_b0wq51o",
+    brand: "v17_10_b0wq51p",
+    negative: "v17_10_b0wq51q",
+    alternative: "v17_10_b0wq51r",
+    media: "v17_10_b0wq51s"
+}, f = {
+    default: "v17_10_b0wq51t",
+    brand: "v17_10_b0wq51u",
+    negative: "v17_10_b0wq51v",
+    alternative: "v17_10_b0wq51w",
+    media: "v17_10_b0wq51x"
+}, x = "v17_10_b0wq51y", h = "v17_10_b0wq51z", p = "v17_10_b0wq5110", A = "v17_10_b0wq5111", k = "v17_10_b0wq5112", B = "v17_10_b0wq5113", E = "v17_10_b0wq5114", S = {
+    incoming: "v17_10_b0wq5115",
+    outgoing: "v17_10_b0wq5116"
+}, y = "v17_10_b0wq5117", F = "v17_10_b0wq5118", j = "v17_10_b0wq5119", z = "v17_10_b0wq511a", P = "v17_10_b0wq511b", C = "v17_10_b0wq511c", D = "v17_10_b0wq511d", I = "v17_10_b0wq511e", L = "v17_10_b0wq511f", T = "v17_10_b0wq511g", W = "v17_10_b0wq511h", X = {
+    incoming: "v17_10_b0wq511i",
+    outgoing: "v17_10_b0wq511j"
+}, Y = "v17_10_b0wq511k";
+export { B as actions, i as asset, t as assetAlignment, D as body, u as boxed, P as boxedError, s as bubble, o as bubblePaddingX, r as bubblePaddingY, c as column, p as content, A as contentSlot, d as corners, n as direction, z as error, x as errorBackground, W as errorFooter, C as errorIcon, T as footer, E as footerActions, l as incomingBackground, I as inlineTimestamp, h as interactive, a as message, w as messageContent, v as minimumBubbleSize, b as minimumErrorWidth, f as outgoingBackground, y as outgoingFooterActions, q as row, g as rowDirection, Y as shortErrorFooter, X as shortErrorLayout, S as sideActions, F as sideSlot, L as text, k as timestamp, m as touchable, j as unboxedActions, e as unboxedAssetSpacing };

package/dist-es/message.js

@@ -0,0 +1,334 @@
+'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;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsxs as t, jsx as r, Fragment as F } from "react/jsx-runtime";
+import * as N from "react";
+import o from "classnames";
+import j from "./touchable.js";
+import L from "./avatar.js";
+import { Text1 as g, Text2 as $ } from "./text.js";
+import { IconButton as rr } from "./icon-button.js";
+import ir from "./generated/mistica-icons/icon-warning-regular.js";
+import f from "./screen-reader-only.js";
+import { useThemeVariant as er, ThemeVariant as nr } from "./theme-variant-context.js";
+import { useTheme as tr, useElementDimensions as k } from "./hooks.js";
+import { vars as c } from "./skins/skin-contract.css-mistica.js";
+import { getPrefixedDataAttributes as or } from "./utils/dom.js";
+import { messageIncoming as sr, messageOutgoing as ar } from "./text-tokens.js";
+import { asset as cr, assetAlignment as lr, unboxedAssetSpacing as dr, column as mr, content as hr, text as ur, contentSlot as gr, timestamp as fr, body as vr, inlineTimestamp as br, bubble as pr, interactive as Nr, errorBackground as Ar, outgoingBackground as Er, incomingBackground as Br, boxed as Tr, touchable as xr, corners as Ir, footer as wr, actions as y, footerActions as Rr, outgoingFooterActions as Sr, unboxedActions as Wr, sideSlot as Cr, sideActions as Fr, row as jr, rowDirection as kr, errorIcon as yr, error as zr, boxedError as Dr, errorFooter as Mr, shortErrorFooter as Vr, messageContent as Hr, shortErrorLayout as Or, message as Yr, direction as Pr, bubblePaddingY as Xr, minimumBubbleSize as qr, minimumErrorWidth as Gr, bubblePaddingX as Jr } from "./message.css-mistica.js";
+const Kr = 40, Qr = 2, li = (_param)=>{
+    var { type: e, senderName: l, senderNameAs: z = "span", senderNameLabel: d, timestamp: v, timestampLabel: A, asset: m, onAssetPress: D, assetLabel: M, boxed: i = !0, maxWidth: V = "80%", position: H = "standalone", contentText: E, contentSlot: b, footerSlot: B, sideSlot: T, actions: p, actionsPosition: x = "footer", error: s = !1, errorMessage: O, dataAttributes: Y } = _param, a = _object_without_properties(_param, [
+        "type",
+        "senderName",
+        "senderNameAs",
+        "senderNameLabel",
+        "timestamp",
+        "timestampLabel",
+        "asset",
+        "onAssetPress",
+        "assetLabel",
+        "boxed",
+        "maxWidth",
+        "position",
+        "contentText",
+        "contentSlot",
+        "footerSlot",
+        "sideSlot",
+        "actions",
+        "actionsPosition",
+        "error",
+        "errorMessage",
+        "dataAttributes"
+    ]);
+    const { t: P } = tr(), h = er(), n = N.useId(), { width: I, ref: X } = k(), { width: w, height: q, ref: G } = k(), u = q + (i ? Xr * 2 : 0), J = w + (i ? Jr * 2 : 0), R = s && w > 0 && J < Gr, K = i && !b && I > 0 && I < qr, S = !!v && !(s && e === "outgoing"), W = !!(a.onPress || a.href || a.to), Q = P(e === "incoming" ? sr : ar), C = ()=>p === null || p === void 0 ? void 0 : p.slice(0, Qr).map((Z, _)=>/* @__PURE__ */ r(rr, _object_spread_props(_object_spread({}, Z), {
+                small: !0,
+                type: "neutral"
+            }), _)), U = [
+        `${n}-direction`,
+        (l || d) && `${n}-sender`,
+        `${n}-content`,
+        S && `${n}-timestamp`,
+        s && `${n}-error`
+    ].filter(Boolean).join(" ");
+    var _a_arialabelledby;
+    return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
+        className: o(Yr, Pr[e]),
+        style: {
+            maxWidth: V
+        }
+    }, or(_object_spread({
+        testid: "Message"
+    }, Y))), {
+        children: [
+            m && /* @__PURE__ */ r("div", {
+                className: o(cr, lr[e], {
+                    [dr[e]]: !i
+                }),
+                style: e === "outgoing" && u ? {
+                    transform: `translateY(calc(${u}px - 100%))`
+                } : void 0,
+                children: /* @__PURE__ */ r(j, {
+                    maybe: !0,
+                    onPress: D,
+                    "aria-label": M,
+                    children: /* @__PURE__ */ r("span", {
+                        "aria-hidden": !0,
+                        children: /*#__PURE__*/ N.isValidElement(m) && m.type === L ? /*#__PURE__*/ N.cloneElement(m, {
+                            size: Kr
+                        }) : m
+                    })
+                })
+            }),
+            /* @__PURE__ */ t("div", {
+                className: o(Hr, {
+                    [Or[e]]: R
+                }),
+                children: [
+                    /* @__PURE__ */ t("div", {
+                        className: o(jr, kr[e]),
+                        children: [
+                            /* @__PURE__ */ t("div", {
+                                className: mr,
+                                children: [
+                                    /* @__PURE__ */ r(j, _object_spread_props(_object_spread({}, a), {
+                                        maybe: !0,
+                                        "aria-labelledby": a["aria-label"] ? void 0 : (_a_arialabelledby = a["aria-labelledby"]) !== null && _a_arialabelledby !== void 0 ? _a_arialabelledby : W ? U : void 0,
+                                        className: o(xr, Ir[`${e}-${s ? "standalone" : H}`]),
+                                        children: /* @__PURE__ */ r(nr, {
+                                            variant: i ? "default" : h,
+                                            children: /* @__PURE__ */ t("div", {
+                                                ref: G,
+                                                "data-testid": "MessageBubble",
+                                                className: o(pr, {
+                                                    [Tr]: i,
+                                                    [Br[h]]: i && e === "incoming" && !s,
+                                                    [Er[h]]: i && e === "outgoing" && !s,
+                                                    [Ar]: i && s,
+                                                    [Nr]: i && W
+                                                }),
+                                                children: [
+                                                    /* @__PURE__ */ r(f, {
+                                                        children: /* @__PURE__ */ t("span", {
+                                                            id: `${n}-direction`,
+                                                            children: [
+                                                                Q,
+                                                                ": "
+                                                            ]
+                                                        })
+                                                    }),
+                                                    (l || d) && (l ? /* @__PURE__ */ r(g, {
+                                                        medium: !0,
+                                                        as: z,
+                                                        id: `${n}-sender`,
+                                                        color: !i && h !== "default" && h !== "alternative" ? c.colors.textPrimary : c.colors.textBrand,
+                                                        children: d ? /* @__PURE__ */ t(F, {
+                                                            children: [
+                                                                /* @__PURE__ */ r("span", {
+                                                                    "aria-hidden": !0,
+                                                                    children: l
+                                                                }),
+                                                                /* @__PURE__ */ r(f, {
+                                                                    children: /* @__PURE__ */ r("span", {
+                                                                        children: d
+                                                                    })
+                                                                })
+                                                            ]
+                                                        }) : l
+                                                    }) : /* @__PURE__ */ r(f, {
+                                                        children: /* @__PURE__ */ r("span", {
+                                                            id: `${n}-sender`,
+                                                            children: d
+                                                        })
+                                                    })),
+                                                    /* @__PURE__ */ t("div", {
+                                                        className: o(vr, {
+                                                            [br]: K
+                                                        }),
+                                                        children: [
+                                                            /* @__PURE__ */ t("div", {
+                                                                className: hr,
+                                                                id: `${n}-content`,
+                                                                children: [
+                                                                    E !== void 0 && /* @__PURE__ */ r($, {
+                                                                        regular: !0,
+                                                                        as: "p",
+                                                                        children: /* @__PURE__ */ r("span", {
+                                                                            ref: X,
+                                                                            className: ur,
+                                                                            children: E
+                                                                        })
+                                                                    }),
+                                                                    b !== void 0 && /* @__PURE__ */ r("div", {
+                                                                        className: gr,
+                                                                        children: b
+                                                                    })
+                                                                ]
+                                                            }),
+                                                            S && /* @__PURE__ */ r("div", {
+                                                                className: i ? fr : void 0,
+                                                                children: /* @__PURE__ */ r(g, {
+                                                                    regular: !0,
+                                                                    as: "span",
+                                                                    id: `${n}-timestamp`,
+                                                                    color: i ? e === "outgoing" ? c.colors.textPrimary : c.colors.textSecondary : void 0,
+                                                                    children: A ? /* @__PURE__ */ t(F, {
+                                                                        children: [
+                                                                            /* @__PURE__ */ r("span", {
+                                                                                "aria-hidden": !0,
+                                                                                children: v
+                                                                            }),
+                                                                            /* @__PURE__ */ r(f, {
+                                                                                children: /* @__PURE__ */ r("span", {
+                                                                                    children: A
+                                                                                })
+                                                                            })
+                                                                        ]
+                                                                    }) : v
+                                                                })
+                                                            })
+                                                        ]
+                                                    })
+                                                ]
+                                            })
+                                        })
+                                    })),
+                                    B && /* @__PURE__ */ r("div", {
+                                        className: wr,
+                                        id: `${n}-footer`,
+                                        children: B
+                                    }),
+                                    p && x === "footer" && /* @__PURE__ */ r("div", {
+                                        className: o(y, Rr, {
+                                            [Wr]: !i,
+                                            [Sr]: e === "outgoing"
+                                        }),
+                                        children: C()
+                                    })
+                                ]
+                            }),
+                            T && /* @__PURE__ */ r("div", {
+                                className: Cr,
+                                style: {
+                                    height: u || void 0
+                                },
+                                children: T
+                            }),
+                            p && x === "side" && /* @__PURE__ */ r("div", {
+                                className: o(y, Fr[e]),
+                                style: {
+                                    height: u || void 0
+                                },
+                                children: C()
+                            })
+                        ]
+                    }),
+                    s && /* @__PURE__ */ r("div", {
+                        className: o(Mr, {
+                            [Vr]: R
+                        }),
+                        children: /* @__PURE__ */ t("div", {
+                            className: o(zr, {
+                                [Dr]: i
+                            }),
+                            role: "alert",
+                            id: `${n}-error`,
+                            children: [
+                                /* @__PURE__ */ r(g, {
+                                    regular: !0,
+                                    color: c.colors.textError,
+                                    children: /* @__PURE__ */ r(ir, {
+                                        color: "currentColor",
+                                        className: yr
+                                    })
+                                }),
+                                /* @__PURE__ */ r(g, {
+                                    regular: !0,
+                                    color: c.colors.textError,
+                                    children: O
+                                })
+                            ]
+                        })
+                    })
+                ]
+            })
+        ]
+    }));
+};
+export { li as default };

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

@@ -1,2 +1,2 @@
-/* empty css                                  */ var r = "v17_8_1j2q6te0", t = "v17_8_1j2q6te1", a = "v17_8_1j2q6te2", o = "v17_8_1j2q6te3";
+/* empty css                                  */ var r = "v17_10_1j2q6te0", t = "v17_10_1j2q6te1", a = "v17_10_1j2q6te2", o = "v17_10_1j2q6te3";
 export { a as fourItemsContainer, o as horizontalMosaicPageContainer, t as singleItemRowContainer, r as squareContainer };

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

@@ -1,11 +1,11 @@
-/* empty css                                     */ /* empty css                                             */ /* empty css                                          */ var y = 184, r = 400, e = "v17_8_1vcy5dz0", a = "v17_8_1vcy5dz1", t = "v17_8_1vcy5dz3 v17_8_1vcy5dz2 v17_8_1y2v1nfr8 v17_8_1y2v1nfre", d = "v17_8_1vcy5dz4 v17_8_1y2v1nfr8", f = "v17_8_1vcy5dz6 v17_8_1vcy5dz5 v17_8_1y2v1nfr9 v17_8_1y2v1nfuo v17_8_1y2v1nfvx v17_8_1y2v1nfre v17_8_1y2v1nfrt", c = "v17_8_1vcy5dz8 v17_8_1vcy5dz7 v17_8_1y2v1nfh7 v17_8_1y2v1nfig v17_8_1y2v1nfjp v17_8_1y2v1nfky v17_8_1y2v1nftw v17_8_1y2v1nfh6", o = "v17_8_1vcy5dza v17_8_1vcy5dz9 v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nfsx v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nftw v17_8_1y2v1nfh6 v17_8_1y2v1nfr8", i = {
-    default: "v17_8_1vcy5dzb",
-    brand: "v17_8_1vcy5dzc"
+/* empty css                                     */ /* empty css                                             */ /* empty css                                          */ var y = 184, r = 400, e = "v17_10_1vcy5dz0", a = "v17_10_1vcy5dz1", d = "v17_10_1vcy5dz3 v17_10_1vcy5dz2 v17_10_1y2v1nfrs v17_10_1y2v1nfry", t = "v17_10_1vcy5dz4 v17_10_1y2v1nfrs", f = "v17_10_1vcy5dz6 v17_10_1vcy5dz5 v17_10_1y2v1nfrt v17_10_1y2v1nfv8 v17_10_1y2v1nfwh v17_10_1y2v1nfry v17_10_1y2v1nfsd", c = "v17_10_1vcy5dz8 v17_10_1vcy5dz7 v17_10_1y2v1nfhr v17_10_1y2v1nfj0 v17_10_1y2v1nfk9 v17_10_1y2v1nfli v17_10_1y2v1nfug v17_10_1y2v1nfhq", i = "v17_10_1vcy5dza v17_10_1vcy5dz9 v17_10_1y2v1nfki v17_10_1y2v1nflr v17_10_1y2v1nfth v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfug v17_10_1y2v1nfhq v17_10_1y2v1nfrs", o = {
+    default: "v17_10_1vcy5dzb",
+    brand: "v17_10_1vcy5dzc"
 }, z = {
-    default: "v17_8_1vcy5dzd",
-    alternative: "v17_8_1vcy5dze",
-    brand: "v17_8_1vcy5dzf",
-    negative: "v17_8_1vcy5dzg",
-    media: "v17_8_1vcy5dzh"
-}, p = "v17_8_1vcy5dzi v17_8_1y2v1nfh7 v17_8_1y2v1nfig v17_8_1y2v1nfjp v17_8_1y2v1nfky v17_8_1y2v1nftw v17_8_1y2v1nfh6", s = "v17_8_1vcy5dzj v17_8_1tpqlymg", u = "v17_8_1vcy5dzm v17_8_1vcy5dzl v17_8_1y2v1nfre v17_8_1y2v1nfs0", M = "v17_8_1vcy5dzr", k = "v17_8_1vcy5dzt v17_8_1vcy5dzs v17_8_1y2v1nfs1", S = "v17_8_1vcy5dzu v17_8_1y2v1nfr9 v17_8_1y2v1nfv3 v17_8_1y2v1nfvi", l = "v17_8_1vcy5dzw v17_8_1vcy5dzv v17_8_1y2v1nfra v17_8_1y2v1nfv3 v17_8_1y2v1nfvi", m = "v17_8_1vcy5dzy v17_8_1vcy5dzx v17_8_1y2v1nf8z v17_8_1y2v1nfr9 v17_8_1y2v1nfv3 v17_8_1y2v1nfvi", g = "v17_8_1vcy5dz10 v17_8_1vcy5dzz v17_8_1y2v1nfka v17_8_1y2v1nflj v17_8_1y2v1nfhy v17_8_1y2v1nfj7 v17_8_1y2v1nf8z v17_8_1y2v1nfra v17_8_1y2v1nfun", h = "v17_8_1vcy5dz12 v17_8_1vcy5dz11 v17_8_1y2v1nfhy v17_8_1y2v1nfj7 v17_8_1y2v1nfr8", C = "v17_8_1vcy5dz13", A = "v17_8_1vcy5dz14";
-export { r as DESKTOP_MENU_ANIMATION_DURATION_MS, y as DESKTOP_SMALL_MENU_WIDTH, h as desktopMenu, m as desktopMenuBackgroundContainer, A as desktopMenuColumnItem, l as desktopMenuContainer, C as desktopMenuContentFadeIn, e as desktopMenuFirstSection, a as desktopMenuLastSection, c as desktopMenuSectionArrow, f as desktopMenuSectionArrowContainer, t as desktopMenuSectionContainer, d as desktopMenuSectionWithArrowWrapper, S as desktopMenuWrapper, g as desktopSmallMenuContainer, M as lineHeightFix, u as mainNavBarSectionsContainer, k as mainNavigationBarContentWrapper, p as navigationBarAction, o as section, i as selectedSectionVariants, s as spacerLarge, z as textWrapperVariants };
+    default: "v17_10_1vcy5dzd",
+    alternative: "v17_10_1vcy5dze",
+    brand: "v17_10_1vcy5dzf",
+    negative: "v17_10_1vcy5dzg",
+    media: "v17_10_1vcy5dzh"
+}, s = "v17_10_1vcy5dzi v17_10_1y2v1nfhr v17_10_1y2v1nfj0 v17_10_1y2v1nfk9 v17_10_1y2v1nfli v17_10_1y2v1nfug v17_10_1y2v1nfhq", p = "v17_10_1vcy5dzj v17_10_1tpqlymg", u = "v17_10_1vcy5dzm v17_10_1vcy5dzl v17_10_1y2v1nfry v17_10_1y2v1nfsk", k = "v17_10_1vcy5dzr", M = "v17_10_1vcy5dzt v17_10_1vcy5dzs v17_10_1y2v1nfsl", l = "v17_10_1vcy5dzu v17_10_1y2v1nfrt v17_10_1y2v1nfvn v17_10_1y2v1nfw2", S = "v17_10_1vcy5dzw v17_10_1vcy5dzv v17_10_1y2v1nfru v17_10_1y2v1nfvn v17_10_1y2v1nfw2", m = "v17_10_1vcy5dzy v17_10_1vcy5dzx v17_10_1y2v1nf99 v17_10_1y2v1nfrt v17_10_1y2v1nfvn v17_10_1y2v1nfw2", g = "v17_10_1vcy5dz10 v17_10_1vcy5dzz v17_10_1y2v1nfku v17_10_1y2v1nfm3 v17_10_1y2v1nfii v17_10_1y2v1nfjr v17_10_1y2v1nf99 v17_10_1y2v1nfru v17_10_1y2v1nfv7", h = "v17_10_1vcy5dz12 v17_10_1vcy5dz11 v17_10_1y2v1nfii v17_10_1y2v1nfjr v17_10_1y2v1nfrs", C = "v17_10_1vcy5dz13", w = "v17_10_1vcy5dz14";
+export { r as DESKTOP_MENU_ANIMATION_DURATION_MS, y as DESKTOP_SMALL_MENU_WIDTH, h as desktopMenu, m as desktopMenuBackgroundContainer, w as desktopMenuColumnItem, S as desktopMenuContainer, C as desktopMenuContentFadeIn, e as desktopMenuFirstSection, a as desktopMenuLastSection, c as desktopMenuSectionArrow, f as desktopMenuSectionArrowContainer, d as desktopMenuSectionContainer, t as desktopMenuSectionWithArrowWrapper, l as desktopMenuWrapper, g as desktopSmallMenuContainer, k as lineHeightFix, u as mainNavBarSectionsContainer, M as mainNavigationBarContentWrapper, s as navigationBarAction, i as section, o as selectedSectionVariants, p as spacerLarge, z as textWrapperVariants };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                                  */ var n = "v17_8_1fniauj2", i = "v17_8_1fniauj3", f = "v17_8_1fniauj5 v17_8_1fniauj4 v17_8_1y2v1nfh7 v17_8_1y2v1nfig v17_8_1y2v1nfjp v17_8_1y2v1nfky", r = "v17_8_1fniauj6 v17_8_1y2v1nfrh";
+/* empty css                                     */ /* empty css                                                  */ var n = "v17_10_1fniauj2", i = "v17_10_1fniauj3", f = "v17_10_1fniauj5 v17_10_1fniauj4 v17_10_1y2v1nfhr v17_10_1y2v1nfj0 v17_10_1y2v1nfk9 v17_10_1y2v1nfli", r = "v17_10_1fniauj6 v17_10_1y2v1nfs1";
 export { i as current, n as link, f as list, r as listItem };

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

@@ -1,11 +1,11 @@
-/* empty css                                     */ /* empty css                                             */ var n = 300, y = "v17_8_1tpqlym1 v17_8_1tpqlym0 v17_8_1y2v1nfra v17_8_1y2v1nfuo v17_8_1y2v1nfv3 v17_8_1y2v1nfvi", t = {
-    default: "v17_8_1tpqlym4 v17_8_1tpqlym3 v17_8_1tpqlym2 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfs1",
-    noBorder: "v17_8_1tpqlym5 v17_8_1tpqlym3 v17_8_1tpqlym2 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfs1",
-    menuOpen: "v17_8_1tpqlym6 v17_8_1tpqlym3 v17_8_1tpqlym2 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfs1"
-}, r = "v17_8_1tpqlym8 v17_8_1tpqlym7 v17_8_1y2v1nfrt v17_8_1y2v1nfs1 v17_8_1y2v1nfre", l = "v17_8_1tpqlyma v17_8_1tpqlym9 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfro", p = "v17_8_1tpqlymc v17_8_1tpqlyma v17_8_1tpqlym9 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfro v17_8_1tpqlymb v17_8_1y2v1nfs0", m = "v17_8_1tpqlymd", e = "v17_8_1tpqlymf v17_8_1tpqlyme v17_8_1y2v1nfre v17_8_1y2v1nfrn", q = "v17_8_1tpqlymi v17_8_1tpqlymh v17_8_1y2v1nfsx v17_8_1tpqlymg", f = "v17_8_1tpqlymk v17_8_1tpqlymj v17_8_1y2v1nfr8 v17_8_1y2v1nfsa v17_8_1y2v1nfsq", a = "v17_8_1tpqlymn v17_8_1tpqlymm v17_8_1tpqlyml v17_8_1y2v1nfr9", o = "v17_8_1tpqlymo v17_8_1tpqlymm v17_8_1tpqlyml v17_8_1y2v1nfr9", i = "v17_8_1tpqlymp v17_8_1tpqlymm v17_8_1tpqlyml v17_8_1y2v1nfr9", u = "v17_8_1tpqlymq v17_8_1tpqlymm v17_8_1tpqlyml v17_8_1y2v1nfr9", s = "v17_8_1tpqlymr", g = "v17_8_1tpqlyms v17_8_1y2v1nfra v17_8_1y2v1nfv3 v17_8_1y2v1nfvi v17_8_1y2v1nfvx v17_8_1y2v1nf8l", d = "v17_8_1tpqlymt v17_8_1y2v1nfsi v17_8_1y2v1nfr8", C = "v17_8_1tpqlymv v17_8_1tpqlymu v17_8_1y2v1nfun v17_8_1y2v1nfs1 v17_8_1y2v1nfsi v17_8_1y2v1nfr9 v17_8_1y2v1nfuo", M = {
-    enter: "v17_8_1tpqlymw",
-    enterActive: "v17_8_1tpqlymx",
-    exit: "v17_8_1tpqlymy",
-    exitActive: "v17_8_1tpqlymz"
+/* empty css                                     */ /* empty css                                             */ var y = 300, n = "v17_10_1tpqlym1 v17_10_1tpqlym0 v17_10_1y2v1nfru v17_10_1y2v1nfv8 v17_10_1y2v1nfvn v17_10_1y2v1nfw2", t = {
+    default: "v17_10_1tpqlym4 v17_10_1tpqlym3 v17_10_1tpqlym2 v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfsl",
+    noBorder: "v17_10_1tpqlym5 v17_10_1tpqlym3 v17_10_1tpqlym2 v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfsl",
+    menuOpen: "v17_10_1tpqlym6 v17_10_1tpqlym3 v17_10_1tpqlym2 v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfsl"
+}, r = "v17_10_1tpqlym8 v17_10_1tpqlym7 v17_10_1y2v1nfsd v17_10_1y2v1nfsl v17_10_1y2v1nfry", l = "v17_10_1tpqlyma v17_10_1tpqlym9 v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfs8", p = "v17_10_1tpqlymc v17_10_1tpqlyma v17_10_1tpqlym9 v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfs8 v17_10_1tpqlymb v17_10_1y2v1nfsk", m = "v17_10_1tpqlymd", q = "v17_10_1tpqlymf v17_10_1tpqlyme v17_10_1y2v1nfry v17_10_1y2v1nfs7", f = "v17_10_1tpqlymi v17_10_1tpqlymh v17_10_1y2v1nfth v17_10_1tpqlymg", e = "v17_10_1tpqlymk v17_10_1tpqlymj v17_10_1y2v1nfrs v17_10_1y2v1nfsu v17_10_1y2v1nfta", a = "v17_10_1tpqlymn v17_10_1tpqlymm v17_10_1tpqlyml v17_10_1y2v1nfrt", o = "v17_10_1tpqlymo v17_10_1tpqlymm v17_10_1tpqlyml v17_10_1y2v1nfrt", i = "v17_10_1tpqlymp v17_10_1tpqlymm v17_10_1tpqlyml v17_10_1y2v1nfrt", s = "v17_10_1tpqlymq v17_10_1tpqlymm v17_10_1tpqlyml v17_10_1y2v1nfrt", u = "v17_10_1tpqlymr", d = "v17_10_1tpqlyms v17_10_1y2v1nfru v17_10_1y2v1nfvn v17_10_1y2v1nfw2 v17_10_1y2v1nfwh v17_10_1y2v1nf8v", g = "v17_10_1tpqlymt v17_10_1y2v1nft2 v17_10_1y2v1nfrs", C = "v17_10_1tpqlymv v17_10_1tpqlymu v17_10_1y2v1nfv7 v17_10_1y2v1nfsl v17_10_1y2v1nft2 v17_10_1y2v1nfrt v17_10_1y2v1nfv8", M = {
+    enter: "v17_10_1tpqlymw",
+    enterActive: "v17_10_1tpqlymx",
+    exit: "v17_10_1tpqlymy",
+    exitActive: "v17_10_1tpqlymz"
 };
-export { n as BURGER_MENU_ANIMATION_DURATION_MS, f as burgerIconContainer, g as burgerMenu, s as burgerMenuButton, d as burgerMenuContainer, C as burgerMenuContentContainer, M as burgerMenuTransition, m as desktopOnly, o as iconCloseHidden, a as iconCloseOpen, u as iconMenuHidden, i as iconMenuOpen, e as logoContainer, t as navbarBorderColorVariants, r as navigationBarContent, l as navigationBarContentRight, p as navigationBarContentRightExpanded, q as spacer, y as topFixed };
+export { y as BURGER_MENU_ANIMATION_DURATION_MS, e as burgerIconContainer, d as burgerMenu, u as burgerMenuButton, g as burgerMenuContainer, C as burgerMenuContentContainer, M as burgerMenuTransition, m as desktopOnly, o as iconCloseHidden, a as iconCloseOpen, s as iconMenuHidden, i as iconMenuOpen, q as logoContainer, t as navbarBorderColorVariants, r as navigationBarContent, l as navigationBarContentRight, p as navigationBarContentRightExpanded, f as spacer, n as topFixed };

package/dist-es/package-version.js

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

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

@@ -1,20 +1,24 @@
-/* empty css                                     */ /* empty css                                      */ var r = "v17_8_1sikr6j1 v17_8_1sikr6j0 v17_8_1y2v1nfjp v17_8_1y2v1nfk6 v17_8_1y2v1nfky v17_8_1y2v1nflf v17_8_1y2v1nfhg v17_8_1y2v1nfip v17_8_1y2v1nfrf v17_8_1y2v1nfrt v17_8_1y2v1nfmd v17_8_1y2v1nfmi v17_8_1y2v1nftt", i = "v17_8_1sikr6j2", a = "v17_8_1sikr6j4 v17_8_1sikr6j3 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfmd v17_8_1y2v1nfmi", n = "v17_8_1sikr6j5", t = "v17_8_1sikr6j6", s = "v17_8_1sikr6j8 v17_8_1sikr6j7 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn", e = "v17_8_1sikr6jb v17_8_1sikr6ja v17_8_1sikr6j9", k = {
-    default: "v17_8_1sikr6jc",
-    brand: "v17_8_1sikr6jd",
-    negative: "v17_8_1sikr6je",
-    alternative: "v17_8_1sikr6jf",
-    media: "v17_8_1sikr6jg"
-}, j = "v17_8_1sikr6jh v17_8_1sikr6ja v17_8_1sikr6j9", f = {
-    default: "v17_8_1sikr6ji",
-    brand: "v17_8_1sikr6jj",
-    negative: "v17_8_1sikr6jk",
-    alternative: "v17_8_1sikr6jl",
-    media: "v17_8_1sikr6jm"
-}, y = "v17_8_1sikr6jn", g = {
-    default: "v17_8_1sikr6jo",
-    brand: "v17_8_1sikr6jp",
-    negative: "v17_8_1sikr6jq",
-    alternative: "v17_8_1sikr6jr",
-    media: "v17_8_1sikr6js"
+/* empty css                                     */ /* empty css                                      */ var r = "v17_10_1sikr6j1 v17_10_1sikr6j0 v17_10_1y2v1nfk9 v17_10_1y2v1nfkq v17_10_1y2v1nfli v17_10_1y2v1nflz v17_10_1y2v1nfi0 v17_10_1y2v1nfj9 v17_10_1y2v1nfrz v17_10_1y2v1nfsd v17_10_1y2v1nfmx v17_10_1y2v1nfn2 v17_10_1y2v1nfud", i = "v17_10_1sikr6j2", a = "v17_10_1sikr6j4 v17_10_1sikr6j3 v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfmx v17_10_1y2v1nfn2", n = "v17_10_1sikr6j6 v17_10_1sikr6j5 v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfs7", s = {
+    any: "v17_10_1sikr6j7",
+    desktop: "v17_10_1sikr6j8",
+    mobile: "v17_10_1sikr6j9"
+}, t = "v17_10_1sikr6jc v17_10_1sikr6jb v17_10_1sikr6ja", k = {
+    default: "v17_10_1sikr6jd",
+    brand: "v17_10_1sikr6je",
+    negative: "v17_10_1sikr6jf",
+    alternative: "v17_10_1sikr6jg",
+    media: "v17_10_1sikr6jh"
+}, e = "v17_10_1sikr6ji v17_10_1sikr6jb v17_10_1sikr6ja", j = {
+    default: "v17_10_1sikr6jj",
+    brand: "v17_10_1sikr6jk",
+    negative: "v17_10_1sikr6jl",
+    alternative: "v17_10_1sikr6jm",
+    media: "v17_10_1sikr6jn"
+}, y = "v17_10_1sikr6jo", f = {
+    default: "v17_10_1sikr6jp",
+    brand: "v17_10_1sikr6jq",
+    negative: "v17_10_1sikr6jr",
+    alternative: "v17_10_1sikr6js",
+    media: "v17_10_1sikr6jt"
 };
-export { r as container, i as containerNavOnly, j as currentPage, f as currentPageVariants, g as navigationButtonLinkVariants, e as pageButton, k as pageButtonVariants, y as pageContent, a as pageList, n as pageListDesktop, s as pageListItem, t as pageListMobile };
+export { r as container, i as containerNavOnly, e as currentPage, j as currentPageVariants, s as itemVisibility, f as navigationButtonLinkVariants, t as pageButton, k as pageButtonVariants, y as pageContent, a as pageList, n as pageListItem };