@telefonica/mistica 15.20.1 → 16.1.0

package/dist-es/generated/mistica-icons/icon-volume-up-light.js

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as o } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const c = (_param)=>{
     var { color: l, size: a = 24 } = _param, e = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-volume-up-regular.js

@@ -79,15 +79,15 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useTheme as i } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+const h = (_param)=>{
     var { color: c, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = h(), a = c !== null && c !== void 0 ? c : l ? t.colors.inverse : t.colors.neutralHigh, { skinName: s } = n();
+    const l = n(), a = c !== null && c !== void 0 ? c : l ? t.colors.inverse : t.colors.neutralHigh, { skinName: s } = i();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -109,5 +109,5 @@ const i = (_param)=>{
             d: "M15.451 2.1a.71.71 0 0 0-.726 0L5.44 7.554H2.726c-.4 0-.726.332-.726.74v7.408c0 .408.326.74.726.74H5.44l9.285 5.458a.71.71 0 0 0 .726 0 .74.74 0 0 0 .363-.64V2.74a.73.73 0 0 0-.363-.64m-1.089 17.885-8.364-4.919a.7.7 0 0 0-.363-.1H3.452V9.039h2.183a.7.7 0 0 0 .363-.1l8.364-4.917zm6.912-7.243c.4 0 .726-.332.726-.74a.74.74 0 0 0-.726-.744h-1.27V9.963a.734.734 0 0 0-.727-.74c-.4 0-.726.332-.726.74v1.304h-1.27c-.4 0-.727.332-.727.74s.326.74.726.74h1.271v1.295c0 .408.326.74.726.74s.726-.332.726-.74v-1.3z"
         })
     }));
-}, f = i;
+}, f = h;
 export { f as default };

package/dist-es/generated/mistica-icons/icon-wait-clock-filled.js

@@ -78,22 +78,22 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 const d = (_param)=>{
-    var { color: r, size: l = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: r, size: l = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
     const c = h(), o = r !== null && r !== void 0 ? r : c ? i.colors.inverse : i.colors.neutralHigh, { skinName: s } = n();
-    return s.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    return s.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: o,
@@ -104,12 +104,12 @@ const d = (_param)=>{
                 d: "M11.072 5.453c0-.397.316-.724.708-.724.393 0 .713.327.713.728v6.246l2.633 2.692a.715.715 0 0 1 0 1.019.69.69 0 0 1-.496.22.7.7 0 0 1-.497-.22l-2.845-2.909a.72.72 0 0 1-.216-.507z"
             })
         ]
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: o,

package/dist-es/generated/mistica-icons/icon-wait-clock-light.js

@@ -78,44 +78,44 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: i, size: o = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: r, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = h(), t = i !== null && i !== void 0 ? i : r ? e.colors.inverse : e.colors.neutralHigh, { skinName: s } = n();
-    return s.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const c = h(), t = r !== null && r !== void 0 ? r : c ? i.colors.inverse : i.colors.neutralHigh, { skinName: s } = n();
+    return s.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, l), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: t,
                 d: "M21.17 17.383a.747.747 0 0 1 .819.62.68.68 0 0 1-.61.799l-3.805.582-.533-3.89c-.069-.403.212-.763.605-.837a.747.747 0 0 1 .818.619l.217 1.562A8.86 8.86 0 0 0 20.14 12c0-4.727-3.742-8.549-8.361-8.549S3.423 7.273 3.423 12s3.738 8.549 8.353 8.508c1.243 0 2.454-.255 3.557-.8a.754.754 0 0 1 .962.36c.144.366 0 .804-.353.985A9.7 9.7 0 0 1 11.78 22C6.375 22 2 17.531 2 12S6.37 2 11.78 2s9.784 4.469 9.784 10c0 2-.606 3.928-1.672 5.564z"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: t,
                 d: "M11.066 5.456c0-.401.32-.73.714-.73a.71.71 0 0 1 .706.726v6.253l2.634 2.694a.71.71 0 0 1 0 1.016.7.7 0 0 1-.497.222.7.7 0 0 1-.497-.222l-2.843-2.907a.73.73 0 0 1-.217-.508z"
             })
         ]
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, l), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: t,
                 d: "m21.587 17.962-2.212.34a10.06 10.06 0 0 0 2.176-6.265C21.55 6.489 17.16 2 11.773 2 6.387 2 2 6.489 2 12s4.39 10 9.777 10c.996 0 1.992-.151 2.912-.454a.43.43 0 0 0 .255-.491.42.42 0 0 0-.48-.262c-.883.262-1.77.417-2.69.417-4.98 0-9.038-4.153-9.038-9.247s4.059-9.247 9.041-9.247 9.038 4.153 9.038 9.247c0 2.19-.74 4.3-2.14 5.962l-.367-2.492c-.036-.188-.22-.34-.408-.303-.184.037-.332.225-.296.417l.516 3.662 3.579-.527c.184-.037.332-.225.296-.418-.04-.188-.228-.343-.408-.302"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: t,
                 d: "M12.141 11.845V4.827c0-.225-.148-.376-.368-.376s-.368.151-.368.376V12a.33.33 0 0 0 .112.262l3.136 3.208a.4.4 0 0 0 .255.114.38.38 0 0 0 .256-.114.37.37 0 0 0 0-.528zM17.298 20.419a.75.75 0 0 0-.61-.866.75.75 0 0 0-.851.629c-.067.412.206.8.61.865a.75.75 0 0 0 .851-.628"
             })

package/dist-es/generated/mistica-icons/icon-wait-clock-regular.js

@@ -78,16 +78,16 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const f = (_param)=>{
     var { color: c, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = h(), o = c !== null && c !== void 0 ? c : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: s } = n();
+    const i = h(), a = c !== null && c !== void 0 ? c : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: s } = n();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -95,12 +95,12 @@ const f = (_param)=>{
         role: "presentation"
     }, e), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: o,
+            /* @__PURE__ */ o("path", {
+                fill: a,
                 d: "M21.17 17.383a.747.747 0 0 1 .819.62.68.68 0 0 1-.61.799l-3.805.582-.533-3.89c-.069-.403.212-.763.605-.837a.747.747 0 0 1 .818.619l.217 1.562A8.86 8.86 0 0 0 20.14 12c0-4.727-3.742-8.549-8.361-8.549S3.423 7.273 3.423 12s3.738 8.549 8.353 8.508c1.243 0 2.454-.255 3.557-.8a.754.754 0 0 1 .962.36c.144.366 0 .804-.353.985A9.7 9.7 0 0 1 11.78 22C6.375 22 2 17.531 2 12S6.37 2 11.78 2s9.784 4.469 9.784 10c0 2-.606 3.928-1.672 5.564z"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: o,
+            /* @__PURE__ */ o("path", {
+                fill: a,
                 d: "M11.066 5.456c0-.401.32-.73.714-.73a.71.71 0 0 1 .706.726v6.253l2.634 2.694a.71.71 0 0 1 0 1.016.7.7 0 0 1-.497.222.7.7 0 0 1-.497-.222l-2.843-2.907a.73.73 0 0 1-.217-.508z"
             })
         ]
@@ -111,12 +111,12 @@ const f = (_param)=>{
         role: "presentation"
     }, e), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: o,
+            /* @__PURE__ */ o("path", {
+                fill: a,
                 d: "M21.17 17.383a.747.747 0 0 1 .819.62.68.68 0 0 1-.61.799l-3.805.582-.533-3.89c-.069-.403.212-.763.605-.837a.747.747 0 0 1 .818.619l.217 1.562A8.86 8.86 0 0 0 20.14 12c0-4.727-3.742-8.549-8.361-8.549S3.423 7.273 3.423 12s3.738 8.549 8.353 8.508c1.243 0 2.454-.255 3.557-.8a.754.754 0 0 1 .962.36c.144.366 0 .804-.353.985A9.7 9.7 0 0 1 11.78 22C6.375 22 2 17.531 2 12S6.37 2 11.78 2s9.784 4.469 9.784 10c0 2-.606 3.928-1.672 5.564z"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: o,
+            /* @__PURE__ */ o("path", {
+                fill: a,
                 d: "M11.066 5.456c0-.401.32-.73.714-.73a.71.71 0 0 1 .706.726v6.253l2.634 2.694a.71.71 0 0 1 0 1.016.7.7 0 0 1-.497.222.7.7 0 0 1-.497-.222l-2.843-2.907a.73.73 0 0 1-.217-.508z"
             })
         ]

package/dist-es/generated/mistica-icons/icon-wallet-filled.js

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as a } from "react/jsx-runtime";
 import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
-    var { color: c, size: l = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), h = c !== null && c !== void 0 ? c : r ? t.colors.inverse : t.colors.neutralHigh, { skinName: o } = i();
+    const c = n(), h = r !== null && r !== void 0 ? r : c ? t.colors.inverse : t.colors.neutralHigh, { skinName: o } = i();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,

package/dist-es/generated/mistica-icons/icon-wallet-light.js

@@ -80,15 +80,15 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as l, jsxs as i } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as v } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as v } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: o, size: a = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = v(), h = o !== null && o !== void 0 ? o : r ? e.colors.inverse : e.colors.neutralHigh, { skinName: t } = n();
-    return t.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const r = v(), h = o !== null && o !== void 0 ? o : r ? t.colors.inverse : t.colors.neutralHigh, { skinName: e } = n();
+    return e.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -98,7 +98,7 @@ const s = (_param)=>{
             fill: h,
             d: "M19.857 6.733H16.6l-4.286-4.285a1.246 1.246 0 0 0-1.768 0L6.261 6.733H4.143A2.143 2.143 0 0 0 2 8.876V19.77a2.143 2.143 0 0 0 2.143 2.143h15.714A2.143 2.143 0 0 0 22 19.769V8.876a2.143 2.143 0 0 0-2.143-2.143m0 1.429a.714.714 0 0 1 .714.714v1.761h-.064L18.03 8.162zm-13.396-.1 4.85-4.85a.18.18 0 0 1 .253 0l7.429 7.425h-1.968l-.036-.05-1.893-1.89a.358.358 0 1 0-.507.508l1.429 1.428H14.41s-.018-.032-.032-.05l-.522-.528a.358.358 0 1 0-.507.507l.079.075h-1.833a2.52 2.52 0 0 0 .097-2.171q.176.035.357.035a1.714 1.714 0 1 0-1.71-1.714q-.003.18.031.357a2.525 2.525 0 0 0-2.767.536.357.357 0 1 0 .503.507 1.804 1.804 0 0 1 2.632 2.464H8.786L6.46 8.33a.18.18 0 0 1 0-.268m4.578-1.275a1 1 0 0 1 1.383-.922q.186.076.328.218a.98.98 0 0 1 .293.715 1 1 0 0 1-.293.714 1.025 1.025 0 0 1-1.41 0 1 1 0 0 1-.3-.725m8.818 13.696H4.143a.715.715 0 0 1-.714-.714V8.876a.714.714 0 0 1 .714-.714h1.196a1.25 1.25 0 0 0 .357.91l1.565 1.565H4.857a.536.536 0 1 0 0 1.071h15.714v8.061a.714.714 0 0 1-.714.714"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    })) : e.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -125,5 +125,5 @@ const s = (_param)=>{
             d: "M21.837 12.953c0-.711-.563-1.291-1.255-1.291v-.003h-.308l-.003-1.723c.036-.725-.163-1.35-.577-1.804a2.1 2.1 0 0 0-.958-.582V5.917c0-.687-.524-1.25-1.21-1.32V2.99a.43.43 0 0 0-.132-.308.4.4 0 0 0-.308-.112l-12.61.891c-.622 0-1.202.25-1.642.7a2.4 2.4 0 0 0-.678 1.687v13.075c-.04.72.163 1.342.577 1.796.42.456 1.034.711 1.737.717l13.501-.006c1.28 0 2.32-1.07 2.32-2.386l-.003-1.846h.294c.692 0 1.255-.58 1.255-1.292zM2.977 5.88v-.033c0-.412.154-.799.44-1.087a1.5 1.5 0 0 1 1.086-.451l12.2-.86v1.187l-11.667.838A1.33 1.33 0 0 0 3.71 6.807V7.2a1.5 1.5 0 0 1-.294-.23 1.54 1.54 0 0 1-.44-1.089m16.49 13.163c0 .848-.672 1.54-1.496 1.535l-13.498.005c-.474-.005-.877-.165-1.14-.45-.258-.284-.381-.687-.356-1.194V7.684c.417.37.938.58 1.496.58v.008l13.495-.005c.474.005.86.157 1.12.442.261.283.382.69.357 1.205l.002 1.745h-7.002c-1.429 0-2.589 1.193-2.589 2.66v.22c0 1.464 1.163 2.658 2.589 2.658h7.02zm1.115-2.69h-8.137c-.975 0-1.765-.812-1.765-1.812v-.218c0-1.003.793-1.815 1.765-1.815h8.134c.24 0 .434.199.434.445v2.952a.443.443 0 0 1-.431.449M17.91 5.918v1.51L4.53 7.42v-.617c0-.268.227-.49.533-.49L17.11 5.45h.003l.291-.023a.5.5 0 0 1 .505.49m-5.27 9.327a.806.806 0 0 1-.792-.815c0-.448.356-.815.793-.815s.792.364.792.815-.355.815-.792.815m1.614-.815c0-.916-.723-1.66-1.613-1.66-.891 0-1.617.744-1.617 1.66s.726 1.661 1.617 1.661c.888 0 1.613-.745 1.613-1.66"
         })
     }));
-}, d = s;
-export { d as default };
+}, H = s;
+export { H as default };

package/dist-es/generated/mistica-icons/icon-wallet-regular.js

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as l } from "react/jsx-runtime";
 import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
-    var { color: r, size: a = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: o, size: a = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), e = r !== null && r !== void 0 ? r : t ? o.colors.inverse : o.colors.neutralHigh, { skinName: h } = i();
+    const t = n(), e = o !== null && o !== void 0 ? o : t ? r.colors.inverse : r.colors.neutralHigh, { skinName: h } = i();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -119,5 +119,5 @@ const v = (_param)=>{
             d: "M20.41 11.461c.79 0 1.431.659 1.431 1.47v2.889c0 .81-.644 1.47-1.431 1.47h-.087l.003 1.6c0 .678-.255 1.316-.723 1.795a2.42 2.42 0 0 1-1.75.745l-13.225.003c-.745-.005-1.4-.28-1.846-.767-.445-.488-.66-1.146-.621-1.908V5.98c0-.678.257-1.317.722-1.796a2.42 2.42 0 0 1 1.75-.745l12.337-.871a.6.6 0 0 1 .454.165c.123.118.19.28.19.454v1.395c.69.157 1.185.753 1.185 1.468v1.442c.342.129.645.322.885.583.446.487.659 1.148.62 1.919l.002 1.467zM3.368 5.98v.033c0 .317.115.616.32.854A1.505 1.505 0 0 1 5.18 5.406L16.407 4.6v-.746L4.673 4.68a1.28 1.28 0 0 0-.935.38c-.239.247-.37.572-.37.92m15.745 11.31H12.44c-1.507 0-2.737-1.26-2.737-2.806v-.213c0-1.55 1.227-2.807 2.737-2.807h6.658l-.003-1.498c.023-.457-.078-.802-.291-1.037-.216-.238-.546-.364-.953-.367l-13.218.003v-.008c-.454 0-.885-.135-1.266-.367v10.605c-.023.448.078.792.294 1.025.218.24.563.372.972.375l13.218-.003c.34 0 .656-.134.894-.38a1.32 1.32 0 0 0 .37-.922zm1.52-4.358c0-.129-.1-.23-.223-.23h-7.97c-.842 0-1.526.703-1.526 1.566v.213c0 .863.686 1.566 1.527 1.566h7.969c.123.003.224-.101.224-.227zM5.224 6.646c-.203.003-.334.123-.334.272v.339a.1.1 0 0 1-.006.035l-.005.024 12.711.002V6.052c0-.148-.131-.271-.291-.271l-.286.02h-.003zm8.383 7.813c0-.552-.437-1-.975-1s-.972.448-.972 1c0 .551.434 1 .972 1a.99.99 0 0 0 .975-1"
         })
     }));
-}, p = v;
-export { p as default };
+}, f = v;
+export { f as default };

package/dist-es/generated/mistica-icons/icon-warning-filled.js

@@ -78,43 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { useTheme as c } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as n } from "../../skins/skin-contract.css-mistica.js";
 const h = (_param)=>{
-    var { color: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
     const l = s(), i = a !== null && a !== void 0 ? a : l ? n.colors.inverse : n.colors.neutralHigh, { skinName: t } = c();
-    return t.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    return t.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: i,
             d: "M12 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10m.536-14.644A.55.55 0 0 0 12 6.82a.55.55 0 0 0-.536.536v6.788c0 .284.252.536.536.536a.55.55 0 0 0 .536-.536zm-1.252 9.468c0 .392.32.716.716.716.392 0 .716-.32.716-.716a.72.72 0 0 0-.716-.716.72.72 0 0 0-.716.716"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: i,
             d: "M12 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10m.536-14.644A.55.55 0 0 0 12 6.82a.55.55 0 0 0-.536.536v6.788c0 .284.252.536.536.536a.55.55 0 0 0 .536-.536zm-1.252 9.468c0 .392.32.716.716.716.392 0 .716-.32.716-.716a.72.72 0 0 0-.716-.716.72.72 0 0 0-.716.716"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: i,
             d: "M11.621 1c.285 0 .582.006.84.013C14.613 1.063 23 1.914 23 12.028c0 10.14-8.396 10.928-10.496 10.966-.2.003-.432.006-.664.006q-.174 0-.344-.003C9.286 22.966 1 22.164 1 11.962 1 1.776 9.208 1.02 11.418 1zm-.313 4.72v9.498a.689.689 0 1 0 1.377 0V5.721a.689.689 0 0 0-1.377 0m.689 12.69c.432 0 .783-.35.783-.785a.784.784 0 1 0-1.566 0c0 .435.35.786.783.786"
         })

package/dist-es/generated/mistica-icons/icon-warning-light.js

@@ -78,22 +78,22 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
-import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: a, size: t = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: n, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = h(), i = a !== null && a !== void 0 ? a : l ? n.colors.inverse : n.colors.neutralHigh, { skinName: r } = s();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const l = h(), i = n !== null && n !== void 0 ? n : l ? c.colors.inverse : c.colors.neutralHigh, { skinName: o } = s();
+    return o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: i,
@@ -104,12 +104,12 @@ const m = (_param)=>{
                 d: "M2 12C2 6.5 6.5 2 12 2s10 4.5 10 10-4.5 10-10 10S2 17.5 2 12m1.428 0c0 4.716 3.856 8.572 8.572 8.572s8.572-3.856 8.572-8.572S16.716 3.428 12 3.428 3.428 7.284 3.428 12"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: i,
@@ -125,7 +125,7 @@ const m = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
             fill: i,
             d: "M23 12.028C23 1.911 14.614 1.06 12.46 1.01c-.253-.006-.548-.009-.83-.009h-.212C9.21 1.019 1 1.776 1 11.966c0 10.201 8.286 11 10.496 11.03q.17.005.344.004c.232 0 .464-.003.664-.006C14.604 22.956 23 22.167 23 12.028m-.917 0c0 9.16-7.347 10.008-9.598 10.049a20 20 0 0 1-.645.009l-.328-.003c-.961-.013-3.431-.194-5.604-1.562-2.648-1.672-3.99-4.546-3.99-8.555 0-4.004 1.326-6.872 3.95-8.521 2.153-1.356 4.604-1.518 5.56-1.528h.203c.275 0 .56.003.807.01.961.025 3.428.225 5.613 1.596 2.676 1.678 4.032 4.539 4.032 8.505m-10.086 3.65a.46.46 0 0 1-.457-.457V5.724a.458.458 0 0 1 .914 0v9.497a.46.46 0 0 1-.457.457m.72 1.885a.717.717 0 1 0-1.434 0 .717.717 0 0 0 1.434 0"

package/dist-es/generated/mistica-icons/icon-warning-regular.js

@@ -78,16 +78,16 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { useTheme as c } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
     var { color: n, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = s(), r = n !== null && n !== void 0 ? n : h ? o.colors.inverse : o.colors.neutralHigh, { skinName: a } = c();
+    const h = s(), t = n !== null && n !== void 0 ? n : h ? o.colors.inverse : o.colors.neutralHigh, { skinName: a } = c();
     return a.match(/^blau/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -95,12 +95,12 @@ const m = (_param)=>{
         role: "presentation"
     }, i), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: t,
                 d: "M11.992 17.86a1.2 1.2 0 0 1 0-2.4 1.2 1.2 0 0 1 0 2.4M11.324 6.068h1.356V14h-1.356z"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: t,
                 d: "M12 2c5.328 0 10 4.672 10 10s-4.672 10-10 10S2 17.328 2 12 6.672 2 12 2m0 18.644c4.604 0 8.644-4.04 8.644-8.644S16.604 3.356 12 3.356 3.356 7.396 3.356 12s4.04 8.644 8.644 8.644"
             })
         ]
@@ -111,12 +111,12 @@ const m = (_param)=>{
         role: "presentation"
     }, i), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: t,
                 d: "M12 6.644a.72.72 0 0 0-.716.716v6.784c0 .392.32.716.716.716.392 0 .716-.32.716-.716V7.36A.72.72 0 0 0 12 6.644M12 15.928a.892.892 0 1 1 0 1.784.892.892 0 0 1 0-1.784"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: t,
                 d: "M2 12C2 6.5 6.5 2 12 2s10 4.5 10 10-4.5 10-10 10S2 17.5 2 12m1.428 0c0 4.716 3.856 8.572 8.572 8.572s8.572-3.856 8.572-8.572S16.716 3.428 12 3.428 3.428 7.284 3.428 12"
             })
         ]
@@ -127,23 +127,23 @@ const m = (_param)=>{
         role: "presentation"
     }, i), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: t,
                 d: "M12 6.644a.72.72 0 0 0-.716.716v6.784c0 .392.32.716.716.716.392 0 .716-.32.716-.716V7.36A.72.72 0 0 0 12 6.644M12 15.928a.892.892 0 1 1 0 1.784.892.892 0 0 1 0-1.784"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: t,
                 d: "M2 12C2 6.5 6.5 2 12 2s10 4.5 10 10-4.5 10-10 10S2 17.5 2 12m1.428 0c0 4.716 3.856 8.572 8.572 8.572s8.572-3.856 8.572-8.572S16.716 3.428 12 3.428 3.428 7.284 3.428 12"
             })
         ]
-    })) : /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
-        children: /* @__PURE__ */ t("path", {
-            fill: r,
+        children: /* @__PURE__ */ r("path", {
+            fill: t,
             d: "M23 12.03C23 1.914 14.617 1.063 12.46 1.013c-.257-.01-.554-.013-.842-.013h-.2C9.21 1.019 1 1.776 1 11.964c0 10.2 8.29 10.998 10.496 11.033a12 12 0 0 1 .344.003c.232 0 .464-.003.664-.006C14.601 22.954 23 22.167 23 12.03m-1.374-.003c0 8.5-6.396 9.536-9.147 9.587-.194.003-.416.006-.645.006l-.322-.003c-2.749-.038-9.14-1.058-9.14-9.656 0-8.58 6.332-9.562 9.055-9.587h.191c.276 0 .56.003.808.01 2.767.065 9.2 1.139 9.2 9.643m-9.63 3.878a.69.69 0 0 1-.688-.689V5.72a.689.689 0 0 1 1.377 0v9.496a.693.693 0 0 1-.688.689m.787 1.718a.787.787 0 0 0-.786-.783.784.784 0 0 0 0 1.568H12a.79.79 0 0 0 .783-.785"
         })
     }));

package/dist-es/generated/mistica-icons/icon-water-drop-filled.js

@@ -78,43 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: c, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: c, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = h(), l = c !== null && c !== void 0 ? c : i ? a.colors.inverse : a.colors.neutralHigh, { skinName: t } = n();
-    return t.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const i = h(), l = c !== null && c !== void 0 ? c : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: a } = n();
+    return a.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: l,
             d: "M6.246 17.713a5.85 5.85 0 0 0 4.187 1.787c1.567 0 3.067-.644 4.179-1.75l.035-.037c1.116-1.143 1.71-2.642 1.71-4.25 0-2.002-1.393-4.324-2.509-6.18l-2.826-4.927A.67.67 0 0 0 10.43 2c-.246 0-.456.142-.594.356 0 0-2.58 4.534-2.826 4.927C5.893 9.107 4.5 11.424 4.5 13.426c0 1.645.63 3.144 1.746 4.287m11.339 0h1.393a.545.545 0 0 0 .522-.535.545.545 0 0 0-.522-.535h-1.393a.545.545 0 0 0-.523.535c0 .284.246.535.523.535m-.281 2.751a.53.53 0 0 1-.384-.141l-.942-.965a.525.525 0 0 1 0-.75.496.496 0 0 1 .732 0l.942.965c.21.215.21.535 0 .75-.072.105-.21.141-.348.141m-3.384 1.001c0 .284.245.535.522.535a.54.54 0 0 0 .522-.54v-1.42a.544.544 0 0 0-.522-.535.545.545 0 0 0-.522.534z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: l,
             d: "M6.246 17.713a5.85 5.85 0 0 0 4.187 1.787c1.567 0 3.067-.644 4.179-1.75l.035-.037c1.116-1.143 1.71-2.642 1.71-4.25 0-2.002-1.393-4.324-2.509-6.18l-2.826-4.927A.67.67 0 0 0 10.43 2c-.246 0-.456.142-.594.356 0 0-2.58 4.534-2.826 4.927C5.893 9.107 4.5 11.424 4.5 13.426c0 1.645.63 3.144 1.746 4.287m11.339 0h1.393a.545.545 0 0 0 .522-.535.545.545 0 0 0-.522-.535h-1.393a.545.545 0 0 0-.523.535c0 .284.246.535.523.535m-.281 2.751a.53.53 0 0 1-.384-.141l-.942-.965a.525.525 0 0 1 0-.75.496.496 0 0 1 .732 0l.942.965c.21.215.21.535 0 .75-.072.105-.21.141-.348.141m-3.384 1.001c0 .284.245.535.522.535a.54.54 0 0 0 .522-.54v-1.42a.544.544 0 0 0-.522-.535.545.545 0 0 0-.522.534z"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: l,
             d: "M12.269 2.276a.407.407 0 0 0-.575-.003l-.003.002c-1.358 1.367-6.672 8.247-6.658 12.57.006 2.173.647 3.957 1.852 5.164 1.199 1.2 2.966 1.835 5.106 1.835h.034c4.367-.014 6.963-2.644 6.95-7.042-.009-4.28-5.345-11.157-6.707-12.526"
         })

package/dist-es/generated/mistica-icons/icon-water-drop-light.js

@@ -78,46 +78,46 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { useTheme as h } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: l, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: i, size: e = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = n(), t = l !== null && l !== void 0 ? l : i ? c.colors.inverse : c.colors.neutralHigh, { skinName: a } = h();
-    return a.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const l = n(), o = i !== null && i !== void 0 ? i : l ? c.colors.inverse : c.colors.neutralHigh, { skinName: t } = h();
+    return t.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
-            fill: t,
+    }, a), {
+        children: /* @__PURE__ */ r("path", {
+            fill: o,
             d: "M14.65 17.717c1.117-1.143 1.71-2.643 1.71-4.252 0-1.973-1.352-4.22-2.46-6.061l-.049-.083c-.174-.32-1.92-3.392-2.827-4.964-.138-.215-.348-.357-.594-.357a.67.67 0 0 0-.594.357c-.33.574-.77 1.35-1.203 2.115-.753 1.33-1.49 2.633-1.623 2.813-1.117 1.856-2.51 4.178-2.51 6.18 0 1.61.63 3.14 1.746 4.288a5.82 5.82 0 0 0 4.189 1.751 6.15 6.15 0 0 0 4.215-1.787m-1.045-.965a4.43 4.43 0 0 1-3.175 1.321 4.42 4.42 0 0 1-3.21-1.358c-.871-.859-1.327-2.034-1.327-3.25 0-1.582 1.247-3.645 2.252-5.308l.053-.086c.174-.284 1.464-2.537 2.232-3.927a199 199 0 0 0 2.233 3.927l.133.224c.99 1.671 2.171 3.665 2.171 5.17a4.74 4.74 0 0 1-1.362 3.287m3.98-.105h1.392c.277 0 .523.251.523.535a.545.545 0 0 1-.523.535h-1.393a.545.545 0 0 1-.522-.535c0-.284.245-.535.522-.535m-.84 1.929a.496.496 0 0 0-.733 0 .525.525 0 0 0 0 .75l.943.964a.52.52 0 0 0 .384.142.53.53 0 0 0 .384-.142.525.525 0 0 0 0-.75zm-2.827 1.463c0-.284.246-.535.523-.535.28 0 .522.247.522.535v1.426a.545.545 0 0 1-.522.535.545.545 0 0 1-.523-.535z"
         })
-    })) : a.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
-            fill: t,
+    }, a), {
+        children: /* @__PURE__ */ r("path", {
+            fill: o,
             d: "M5 13.72c0 3.332 2.679 6.045 5.969 6.045s5.968-2.713 5.968-6.049q.001-1.391-.611-2.667l-2.989-5.23a.35.35 0 0 0-.48-.127.36.36 0 0 0-.127.487l2.976 5.207c.35.732.53 1.515.53 2.335 0 2.94-2.364 5.334-5.267 5.334S5.7 16.661 5.7 13.721c0-.82.175-1.603.517-2.313l5.052-8.875a.364.364 0 0 0-.13-.487.354.354 0 0 0-.482.132l-5.056 8.898A6 6 0 0 0 5 13.721m7.155-8.606a.707.707 0 0 0 .701-.71.707.707 0 0 0-.7-.71.707.707 0 0 0-.702.71c0 .39.314.71.701.71M18.65 17.38h-1.402c-.211 0-.35.141-.35.355s.139.355.35.355h1.402c.212 0 .351-.14.351-.355s-.14-.355-.35-.355m-2.21 1.53a.336.336 0 0 0-.49 0 .347.347 0 0 0 0 .496l.984.996a.37.37 0 0 0 .247.105.4.4 0 0 0 .247-.105.347.347 0 0 0 0-.496zm-2 1.315c0-.214.139-.355.35-.355s.35.14.35.355v1.42c0 .214-.139.355-.35.355s-.35-.141-.35-.355z"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
-            fill: t,
+    }, a), {
+        children: /* @__PURE__ */ r("path", {
+            fill: o,
             d: "M11.977 2.151a.4.4 0 0 1 .288.12c1.362 1.373 6.698 8.25 6.706 12.527.014 4.398-2.585 7.028-6.95 7.042h-.033c-2.143 0-3.908-.636-5.106-1.834-1.205-1.208-1.846-2.995-1.852-5.166-.014-4.325 5.3-11.201 6.658-12.568a.42.42 0 0 1 .289-.12m.011 18.866h.034c3.969-.011 6.148-2.221 6.14-6.216-.011-3.753-4.633-9.89-6.185-11.639-1.546 1.746-6.143 7.88-6.132 11.676.009 1.977.55 3.52 1.614 4.585 1.056 1.056 2.582 1.594 4.529 1.594"
         })
     }));
-}, d = s;
-export { d as default };
+}, f = s;
+export { f as default };