@telefonica/mistica 15.20.1 → 16.0.0

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

@@ -80,32 +80,32 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as h } from "react/jsx-runtime";
 import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: e, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), l = e !== null && e !== void 0 ? e : t ? r.colors.inverse : r.colors.neutralHigh, { skinName: o } = i();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    const t = n(), r = e !== null && e !== void 0 ? e : t ? o.colors.inverse : o.colors.neutralHigh, { skinName: l } = i();
+    return l.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ h("path", {
-            fill: l,
+            fill: r,
             d: "M17.007 2c-1.938 0-3.196.786-4.999 3.145C10.24 2.823 8.842 2 6.87 2 4.762 2 2.48 3.5 2.48 6.75c0 4.8 5.951 11.557 8.914 14.921l.1.114a.68.68 0 0 0 .51.215.68.68 0 0 0 .51-.215c.748-.86 2.821-3.287 2.821-3.323l2.517-3.287c2.482-3.465 3.675-6.213 3.675-8.43.01-3.1-2.273-4.745-4.52-4.745m-.235 12.361-2.482 3.25-.338.399c-.695.82-1.354 1.598-1.94 2.244-2.79-3.177-8.165-9.463-8.165-13.5 0-2.285 1.533-3.323 3.027-3.323s2.621.498 4.625 3.287a.688.688 0 0 0 1.088 0c1.973-2.82 2.962-3.287 4.425-3.287 1.533 0 3.166 1.038 3.166 3.323-.005 1.856-1.163 4.425-3.406 7.607m-4.084-2.715h2.381c.375 0 .68.32.68.713s-.305.713-.68.713h-2.382v2.5c0 .394-.304.714-.679.714-.374 0-.68-.32-.68-.713v-2.501H8.948c-.375 0-.68-.32-.68-.713s.305-.713.68-.713h2.382v-2.5c0-.394.305-.714.68-.714.374 0 .678.32.678.713z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ h("path", {
-            fill: l,
+            fill: r,
             d: "M17.46 2c-2.107 0-3.391.824-5.462 3.471C9.995 2.898 8.533 2 6.357 2 4.249 2 2 3.429 2 6.543c0 4.869 6.574 11.949 9.75 15.352a.38.38 0 0 0 .252.105.4.4 0 0 0 .252-.105.385.385 0 0 0 .036-.5c-3.108-3.292-9.572-10.23-9.572-14.847 0-1.823 1.143-3.829 3.643-3.829 1.714 0 3.109.573 5.358 3.577a.33.33 0 0 0 .283.142.32.32 0 0 0 .284-.142c2.285-3.078 3.428-3.577 5.18-3.577 1.892 0 3.82 1.324 3.82 3.865 0 2.038-1.284 4.759-3.784 8.12l-2.643 3.293c-.105.142-.105.394.037.5s.393.105.498-.037l2.68-3.293C20.714 11.627 22 8.797 22 6.58 22 3.575 19.714 2 17.46 2m-5.462 14.317c.215 0 .356-.143.356-.358v-3.577h3.57c.215 0 .357-.142.357-.357s-.142-.357-.356-.357h-3.57V8.091c0-.215-.142-.357-.357-.357s-.357.142-.357.357v3.577h-3.57c-.215 0-.357.142-.357.357s.142.357.357.357h3.57v3.577c0 .21.142.358.357.358m1.074 3.572c0-.394.32-.715.713-.715a.715.715 0 0 1 0 1.43.715.715 0 0 1-.713-.715"
         })
     })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const s = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ h("path", {
-            fill: l,
+            fill: r,
             d: "M19.625 12.744h1.798a.41.41 0 0 1 .417.412c0 .23-.187.415-.417.415h-2.21c-.303.557-.63 1.117-.995 1.68-1.07 1.645-1.924 2.709-3.375 4.196l-.034.037c-.142.145-.64.644-1.064.947-.364.26-.773.445-1.185.529a2 2 0 0 1-.372.053h-.009l-.008.003q-.05.004-.112.003h-.034l-.109-.003-.008-.003h-.009a2 2 0 0 1-.372-.053 3.2 3.2 0 0 1-1.185-.53c-.423-.302-.922-.8-1.065-.946-1.47-1.504-2.333-2.574-3.409-4.233a24 24 0 0 1-1.036-1.764H2.569a.416.416 0 0 1-.418-.415.42.42 0 0 1 .418-.414h1.848C3.84 11.46 3.395 10.277 3.115 9.12c-.518-2.163-.09-3.961 1.204-5.062.754-.641 1.779-1.022 2.885-1.078q.148-.009.295-.009c1.075 0 2.176.297 3.204.86.403.221.807.451 1.202.692a.3.3 0 0 0 .277 0 46 46 0 0 1 1.204-.689c1.026-.566 2.127-.86 3.202-.86.098 0 .2.003.297.008 1.11.056 2.135.44 2.885 1.079 1.294 1.1 1.72 2.899 1.202 5.062-.286 1.182-.748 2.395-1.347 3.621M3.927 8.93c.294 1.216.782 2.465 1.423 3.734h.936L8.22 6.461c.056-.182.238-.322.418-.29.19.008.35.142.389.33l1.76 8.725.671-2.185a.42.42 0 0 1 .4-.294h1.2l1.1-3.717a.42.42 0 0 1 .39-.297.4.4 0 0 1 .403.277l1.322 3.737h2.424c.663-1.294 1.165-2.574 1.465-3.815.442-1.849.109-3.356-.936-4.244-.61-.52-1.46-.834-2.384-.882q-.126-.005-.252-.006c-.933 0-1.9.264-2.798.757q-.596.326-1.182.675a1.132 1.132 0 0 1-1.115.006c-.437-.258-.82-.477-1.196-.684-.9-.493-1.869-.756-2.799-.756q-.126 0-.252.005c-.927.048-1.773.362-2.386.883-1.048.89-1.378 2.397-.936 4.243m13.591 5.874c.266-.412.504-.823.742-1.235h-2.28a.42.42 0 0 1-.392-.277l-.991-2.802-.824 2.782a.42.42 0 0 1-.4.297H12.17l-1.065 3.462a.42.42 0 0 1-.4.294.42.42 0 0 1-.41-.333L8.536 8.25 6.992 13.19a.415.415 0 0 1-.398.291h-.81q.375.67.79 1.317c1.045 1.607 1.88 2.644 3.308 4.106.093.098.575.583.953.852.26.19.557.325.87.395q.124.029.247.036h.014l.065.003.092-.003h.023c.078-.003.156-.014.226-.03.317-.068.62-.203.891-.396.289-.207.681-.577.95-.851l.025-.031.008-.006c1.407-1.442 2.233-2.47 3.272-4.07"
         })
     }));

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

@@ -80,7 +80,7 @@ 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 e } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: o, size: c = 24 } = _param, l = _object_without_properties(_param, [

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

@@ -80,9 +80,9 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsxs as r, jsx as l } 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 a } from "../../skins/skin-contract.css-mistica.js";
-const m = (_param)=>{
+const d = (_param)=>{
     var { color: n, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
@@ -131,5 +131,5 @@ const m = (_param)=>{
             d: "M10.876 11.491c.065.045.93.636 1.896.006l8.855-5.393a1.69 1.69 0 0 0-1.505-1.061L3.903 5.04c-.485 0-.9.168-1.202.487-.168.177-.28.381-.359.583zm10.543 6.793c.457-.55.418-1.222.393-1.437l.014-9.465-8.41 5.123a2.8 2.8 0 0 1-1.562.485 3.04 3.04 0 0 1-1.659-.51L2.17 7.42v9.468c0 .68.196 1.213.577 1.585.49.476 1.09.482 1.151.48h1.053c2.015.004 6.486.01 10.023.01 2.364 0 4.311-.002 4.83-.01.887-.018 1.369-.373 1.615-.67"
         })
     }));
-}, g = m;
+}, g = d;
 export { g as default };

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

@@ -78,50 +78,50 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: r, size: t = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: r, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = a(), l = r !== null && r !== void 0 ? r : h ? i.colors.inverse : i.colors.neutralHigh, { skinName: c } = s();
-    return c.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const h = a(), i = r !== null && r !== void 0 ? r : h ? c.colors.inverse : c.colors.neutralHigh, { skinName: o } = s();
+    return o.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ e("path", {
-            fill: l,
+    }, l), {
+        children: /* @__PURE__ */ t("path", {
+            fill: i,
             d: "M21.26 5H2.74a.754.754 0 0 0-.74.766v12.468c0 .422.332.766.74.766h18.52c.408 0 .74-.344.74-.766V5.766A.754.754 0 0 0 21.26 5m-2.114 1.532L12 10.824 4.854 6.532zM3.479 7.48l8.146 4.896a.72.72 0 0 0 .74 0l8.156-4.896v9.983H3.479z"
         })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, l), {
         children: [
-            /* @__PURE__ */ e("path", {
-                fill: l,
+            /* @__PURE__ */ t("path", {
+                fill: i,
                 d: "M2.726 18.223V6.45l8.91 5.501c.057.035.122.05.182.05.061 0 .126-.015.182-.05l8.91-5.496v7.493c0 .214.164.388.364.388s.363-.174.363-.388V5.388c0-.214-.163-.388-.363-.388H2.364C2.162 5 2 5.174 2 5.388v13.224c0 .214.163.388.363.388h18.91c.2 0 .364-.174.364-.388s-.163-.389-.363-.389zm9.092-7.06L3.09 5.778h17.458z"
             }),
-            /* @__PURE__ */ e("path", {
-                fill: l,
+            /* @__PURE__ */ t("path", {
+                fill: i,
                 d: "M21.274 17.053c.4 0 .726-.347.726-.776s-.325-.777-.726-.777-.727.348-.727.777.326.776.727.776"
             })
         ]
-    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    })) : /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ e("path", {
-            fill: l,
+    }, l), {
+        children: /* @__PURE__ */ t("path", {
+            fill: i,
             d: "m21.835 6.939-.015 10.098c.009.008.118.734-.355 1.305-.325.395-.83.602-1.496.614-.521.008-2.504.01-4.919.01-4.18 0-9.644-.008-11.013-.01h-.32a1.54 1.54 0 0 1-1.034-.435c-.35-.341-.53-.843-.53-1.487V6.947c-.005-.073-.041-.93.483-1.484.269-.286.644-.437 1.078-.437L20.3 5.03c.524.02 1.494.37 1.536 1.908M3.715 5.846c-.208 0-.365.06-.48.177-.174.182-.235.484-.255.703l7.757 4.922h.001c.075.051 1.057.723 2.158.002l8.095-4.918c-.098-.818-.588-.88-.692-.883zm17.114 11.98c.235-.278.18-.69.177-.72v-.002l.008-9.426-7.678 4.664c-.53.35-1.045.468-1.493.468-.857 0-1.482-.428-1.562-.483l-.007-.004-7.3-4.63v9.344q.001.623.284.902a.76.76 0 0 0 .45.199h.337c2.203.004 14.498.023 15.91 0 .412-.006.706-.112.874-.311"
         })
     }));

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

@@ -80,15 +80,15 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as l } from "react/jsx-runtime";
 import { useTheme as h } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: c, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), t = c !== null && c !== void 0 ? c : a ? i.colors.inverse : i.colors.neutralHigh, { skinName: o } = h();
-    return o.match(/^blau/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const c = n(), t = a !== null && a !== void 0 ? a : c ? o.colors.inverse : o.colors.neutralHigh, { skinName: i } = h();
+    return i.match(/^blau/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -98,7 +98,7 @@ const m = (_param)=>{
             fill: t,
             d: "M3.355 17.984V6.291l7.068 7.087c.42.42.98.653 1.577.654h.002c.596 0 1.156-.232 1.576-.651l7.067-7.063v11.666zm16.338-12.63-7.073 7.069a.87.87 0 0 1-.618.254h-.001a.87.87 0 0 1-.619-.255L4.334 5.355zM2 19.34h20V4H2z"
         })
-    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const m = (_param)=>{
             fill: t,
             d: "M21.26 5H2.74a.754.754 0 0 0-.74.766v12.468c0 .422.332.766.74.766h18.52c.408 0 .74-.344.74-.766V5.766A.754.754 0 0 0 21.26 5m-2.114 1.532L12 10.824 4.854 6.532zM3.479 7.48l8.146 4.896a.72.72 0 0 0 .74 0l8.156-4.896v9.983H3.479z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

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

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

package/dist-es/generated/mistica-icons/icon-email-send-light.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 s } from "../../hooks.js";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { useTheme as a } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
     var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = a(), t = n !== null && n !== void 0 ? n : c ? i.colors.inverse : i.colors.neutralHigh, { skinName: l } = s();
+    const c = s(), t = n !== null && n !== void 0 ? n : c ? i.colors.inverse : i.colors.neutralHigh, { skinName: l } = a();
     return l.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,

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

@@ -78,33 +78,33 @@ 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 m } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as m } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const a = (_param)=>{
-    var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: i, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = m(), l = n !== null && n !== void 0 ? n : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: s } = c();
-    return s.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const n = m(), l = i !== null && i !== void 0 ? i : n ? t.colors.inverse : t.colors.neutralHigh, { skinName: s } = c();
+    return s.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: "m11.204 2.5-7.3 7.664L14.7 21.5l7.3-7.664zm7.615 10.188-5.141-1.45-1.381-5.398zM10.93 4.969l1.763 6.892a.57.57 0 0 0 .39.411l6.565 1.85-4.948 5.196-8.718-9.154zm.274 14.28c0 .425-.33.772-.736.772H4.945c-.405 0-.735-.347-.735-.772s.33-.772.735-.772h5.523c.406 0 .736.346.736.772m-8.469-2.32h4.048c.406 0 .735-.347.735-.773 0-.425-.33-.772-.735-.772H2.735c-.405 0-.735.347-.735.772s.33.772.735.772"
         })
-    })) : /* @__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: "m11.204 2.5-7.3 7.664L14.7 21.5l7.3-7.664zm7.615 10.188-5.141-1.45-1.381-5.398zM10.93 4.969l1.763 6.892a.57.57 0 0 0 .39.411l6.565 1.85-4.948 5.196-8.718-9.154zm.274 14.28c0 .425-.33.772-.736.772H4.945c-.405 0-.735-.347-.735-.772s.33-.772.735-.772h5.523c.406 0 .736.346.736.772m-8.469-2.32h4.048c.406 0 .735-.347.735-.773 0-.425-.33-.772-.735-.772H2.735c-.405 0-.735.347-.735.772s.33.772.735.772"
         })

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as c } from "react/jsx-runtime";
-import { useIsInverseVariant as e } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as e } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 const t = (_param)=>{
     var { color: r, size: l = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = e(), i = r !== null && r !== void 0 ? r : s ? a.colors.inverse : a.colors.neutralHigh;
+    const i = e(), s = r !== null && r !== void 0 ? r : i ? a.colors.inverse : a.colors.neutralHigh;
     return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -94,7 +94,7 @@ const t = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ c("path", {
-            fill: i,
+            fill: s,
             d: "M21.452 18.956c.431-.519.403-1.157.378-1.365l.009-9.025c-.023-.935-.415-1.412-.768-1.66l-6.779-4.278a2.82 2.82 0 0 0-3.075-.02L4.51 6.838l-.129.084c-.325.235-.72.709-.74 1.658v.89c-.761.973-1.296 2.25-1.445 3.906q-.042.474-.042.994c0 7.014 5.975 7.457 7.171 7.473q.329.003.653-.002c.851-.014 3.566-.236 5.403-2.239 1.916 0 4.168-.002 4.544-.008.837-.017 1.29-.356 1.526-.639M11.89 3.608l.003-.002c.036-.022.384-.242.854-.242.308.006.61.096.869.261l6.697 4.224.078.05c.127.093.205.297.227.57l-4.092 2.55C15.307 8.147 12.5 7.007 9.956 6.945c-.207-.005-.453-.008-.672-.005-1.507.014-3.095.417-4.392 1.341.036-.176.095-.305.174-.36zm3.037 14.642c-1.468 2.162-4.174 2.375-4.97 2.389-.182.003-.403.006-.61.003-1.404-.02-5.98-.532-5.98-6.272q0-.463.039-.888C3.839 8.57 8.02 8.154 9.298 8.14h.149c.162 0 .333.003.481.006 1.258.034 5.412.496 5.953 5.176.039.342.059.71.059 1.087 0 1.56-.342 2.852-1.014 3.84m-1.085-3.723a.52.52 0 0 0-.523-.524s-.687 0-.687.006a4.3 4.3 0 0 0-.308-1.311l.894-.266a.525.525 0 0 0 .372-.53l-.064-1.165c-.014-.289-.252-.476-.552-.493a.523.523 0 0 0-.496.549l.042.754-.51.15c.012-.092.023-.187.023-.288 0-1.689-1.664-1.689-2.375-1.689s-2.376 0-2.376 1.69q0 .147.026.296l-.541-.162.042-.757a.525.525 0 0 0-.496-.549c-.291.017-.535.205-.552.493l-.064 1.166c-.011.24.143.459.375.526l.91.275c-.173.397-.263.846-.305 1.305H5.99a.525.525 0 0 0-.524.524v.773c0 .288.235.521.524.521a.52.52 0 0 0 .524-.521v-.252h.129c.005.566.05 1.112.182 1.602l-.754.227a.52.52 0 0 0-.372.527l.064 1.165a.525.525 0 0 0 .524.493h.03a.523.523 0 0 0 .497-.55l-.042-.755.51-.155c.44.575 1.17.939 2.375.939 1.198 0 1.927-.361 2.37-.933l.492.149-.042.756a.523.523 0 0 0 .496.549h.028a.525.525 0 0 0 .524-.493l.064-1.165a.52.52 0 0 0-.372-.527l-.737-.221c.135-.49.18-1.04.185-1.608h.129v.252c0 .288.235.521.524.521a.52.52 0 0 0 .524-.521zm-5.51-3.118c0-.358 0-.644 1.326-.644 1.325 0 1.325.286 1.325.644l-.002.025-.001.026c-.373-.132-.807-.202-1.325-.202-.516 0-.947.07-1.32.199v-.024q-.003-.011-.002-.024m1.29 1.731a.52.52 0 0 1 .523.521v2.897a.52.52 0 0 1-.524.52.52.52 0 0 1-.524-.52V13.66c0-.288.236-.52.524-.52"
         })
     }));

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as a } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 const t = (_param)=>{
     var { color: r, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = i(), h = r !== null && r !== void 0 ? r : s ? l.colors.inverse : l.colors.neutralHigh;
+    const i = h(), s = r !== null && r !== void 0 ? r : i ? l.colors.inverse : l.colors.neutralHigh;
     return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,7 +94,7 @@ const t = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ a("path", {
-            fill: h,
+            fill: s,
             d: "M21.488 18.967c.448-.537.345-1.218.34-1.224l.005-9.246c-.02-.877-.375-1.308-.686-1.53l-6.93-4.375-.003-.002c-.051-.035-.64-.435-1.465-.435a2.7 2.7 0 0 0-1.44.426L4.466 6.9l-.12.078c-.297.21-.653.641-.673 1.526v.983c-.778.97-1.327 2.255-1.476 3.928-.025.316-.042.65-.042.997 0 6.969 5.93 7.409 7.12 7.428h.219c.151 0 .305 0 .437-.003.857-.014 3.608-.238 5.429-2.285l.542-.001c1.841-.003 3.831-.005 4.183-.01.622-.012 1.095-.205 1.403-.575M4.81 7.657s6.961-4.398 6.964-4.396c.003-.002.412-.283.989-.283.56 0 .975.28.994.295l6.835 4.316.09.056c.207.146.316.446.327.86l-.025.009-4.476 2.79c-1.157-3.012-4.017-4.202-6.605-4.264a18 18 0 0 0-.678-.005c-1.641.014-3.38.495-4.725 1.619v-.138c.008-.425.12-.725.31-.86m10.345 10.831c-1.555 2.289-4.403 2.516-5.24 2.53-.186.002-.418.002-.628.002-1.482-.022-6.308-.562-6.308-6.607q0-.463.039-.925c.46-5.187 4.874-5.627 6.215-5.638h.155q.249-.001.498.005c1.328.034 5.703.521 6.275 5.465.042.359.064.74.064 1.132 0 1.633-.361 2.989-1.07 4.036m5.698-.044q-.225.267-.782.28c-.347.005-2.294.008-4.115.008.717-1.151 1.093-2.583 1.093-4.277 0-.426-.023-.838-.068-1.227a8 8 0 0 0-.213-1.12l4.244-2.645-.003 8.347v.002c.004.028.046.388-.157.631m-7.508-4.28c.227 0 .412.184.412.408v.79a.41.41 0 0 1-.412.41h-.002a.41.41 0 0 1-.412-.41v-.383h-.378c-.003.703-.067 1.322-.227 1.843l.877.263a.41.41 0 0 1 .294.415l-.065 1.19a.41.41 0 0 1-.411.386h-.023a.41.41 0 0 1-.39-.43l.048-.87-.675-.2c-.434.615-1.168.968-2.378.968-1.215 0-1.95-.355-2.384-.972l-.691.208.044.868a.41.41 0 0 1-.389.431h-.022a.41.41 0 0 1-.412-.386l-.065-1.19a.406.406 0 0 1 .292-.415l.896-.27c-.16-.52-.224-1.136-.227-1.837h-.372v.381a.41.41 0 0 1-.412.41h-.003a.41.41 0 0 1-.412-.41v-.793a.41.41 0 0 1 .412-.408h.818c.042-.547.146-1.076.373-1.53l-1.07-.32a.405.405 0 0 1-.292-.414l.065-1.19a.406.406 0 0 1 .417-.39h.017a.41.41 0 0 1 .39.432l-.046.868.838.252a1.9 1.9 0 0 1-.062-.482c0-1.599 1.555-1.599 2.303-1.599.745 0 2.3 0 2.3 1.6 0 .173-.023.327-.06.47l.807-.24-.047-.87a.41.41 0 0 1 .39-.43c.262-.012.422.16.433.386l.065 1.19a.41.41 0 0 1-.294.415l-1.05.314c.226.454.333.986.375 1.535 0 .005.817.005.817.005m-5.215-2.77q0 .125.017.218c.395-.163.87-.25 1.456-.25.588 0 1.067.087 1.462.252a1.3 1.3 0 0 0 .017-.22c0-.488-.098-.782-1.476-.782s-1.476.294-1.476.781m3.602 3.56c0-1.345-.204-2.074-.686-2.43-.314-.232-.784-.344-1.443-.344-.664 0-1.137.115-1.448.35-.476.362-.678 1.084-.678 2.423-.003 2.152.474 2.773 2.126 2.773 1.65 0 2.13-.621 2.13-2.773m-1.75-1.261a.412.412 0 0 0-.824 0v2.955a.41.41 0 0 0 .412.409h.002a.41.41 0 0 0 .41-.409z"
         })
     }));

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 const t = (_param)=>{
     var { color: r, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = i(), e = r !== null && r !== void 0 ? r : s ? a.colors.inverse : a.colors.neutralHigh;
+    const e = i(), s = r !== null && r !== void 0 ? r : e ? a.colors.inverse : a.colors.neutralHigh;
     return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,7 +94,7 @@ const t = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ l("path", {
-            fill: e,
+            fill: s,
             d: "M21.452 18.959c.431-.518.403-1.157.378-1.364l.003-9.031c-.023-.936-.415-1.412-.768-1.661l-6.778-4.28a2.84 2.84 0 0 0-1.558-.468 2.8 2.8 0 0 0-1.515.448L4.51 6.836l-.13.084c-.324.235-.716.708-.739 1.658v.89c-.762.973-1.3 2.25-1.445 3.906q-.042.473-.042.994c0 7.017 5.975 7.456 7.174 7.476q.108.004.218.003c.151 0 .303-.003.431-.006.852-.014 3.566-.235 5.404-2.238 1.916 0 4.17-.003 4.543-.008.838-.014 1.291-.353 1.527-.636M11.889 3.612l.003-.002c.036-.023.384-.242.857-.245.479 0 .837.24.865.26l6.698 4.227.078.05c.13.093.205.298.227.57l-4.092 2.551C15.306 8.15 12.499 7.01 9.956 6.948c-.207-.006-.454-.009-.672-.006-1.507.014-3.098.417-4.392 1.342.036-.177.095-.306.173-.362zm3.036 14.641c-1.468 2.163-4.174 2.375-4.969 2.39-.182.002-.403.005-.608 0-1.403-.02-5.98-.533-5.98-6.272q0-.463.039-.888c.437-4.913 4.62-5.328 5.89-5.34h.15c.162 0 .333.004.481.006 1.26.034 5.412.496 5.952 5.177q.06.517.06 1.087c0 1.56-.342 2.851-1.015 3.84m-1.608-4.246c.292 0 .524.232.524.523v.773a.52.52 0 0 1-.524.521.52.52 0 0 1-.523-.52v-.253h-.13c-.005.569-.05 1.118-.184 1.608l.736.222c.233.07.387.285.373.526l-.062 1.165a.523.523 0 0 1-.523.493h-.028a.525.525 0 0 1-.496-.549l.042-.756-.493-.148c-.44.568-1.171.932-2.373.932-1.204 0-1.935-.364-2.375-.938l-.513.154.042.756a.523.523 0 0 1-.495.55h-.028a.523.523 0 0 1-.524-.494L5.7 17.407a.516.516 0 0 1 .373-.526l.756-.227c-.134-.49-.176-1.037-.182-1.603h-.129v.252a.52.52 0 0 1-.524.521.52.52 0 0 1-.524-.52v-.774c0-.288.236-.523.524-.523h.687c.042-.46.134-.905.305-1.306l-.91-.271a.52.52 0 0 1-.373-.53l.062-1.165c.014-.289.26-.476.551-.493a.52.52 0 0 1 .496.549l-.042.756.54.163a2 2 0 0 1-.024-.297c0-1.69 1.666-1.69 2.375-1.69.711 0 2.375 0 2.375 1.69q-.002.15-.022.288l.51-.151-.042-.756a.523.523 0 0 1 .495-.55c.3.017.538.205.552.494l.062 1.165c.014.24-.14.46-.373.53l-.893.265c.173.398.266.85.308 1.311h.683zm-4.986-2.594.002.025.001.022a4 4 0 0 1 1.32-.199c.518 0 .952.07 1.324.202l.002-.025.001-.025c0-.359 0-.645-1.325-.645s-1.325.286-1.325.645m3.286 3.49c0-1.275-.188-1.958-.625-2.283-.285-.21-.722-.314-1.338-.314-.622 0-1.062.104-1.348.32-.434.327-.619 1.008-.619 2.277 0 2.04.423 2.597 1.967 2.597 1.54 0 1.963-.558 1.963-2.597m-1.473-1.238a.52.52 0 0 0-.524-.521.52.52 0 0 0-.524.52v2.897c0 .289.235.521.524.521a.52.52 0 0 0 .524-.52zm10.37 4.532c-.132.154-.407.193-.611.19-.317.006-2.009.009-3.684.009.603-1.107.927-2.434.927-3.989 0-.42-.022-.835-.067-1.224a9 9 0 0 0-.176-.98l3.72-2.317-.006 7.745.008.095v.002c.003.024.031.302-.111.469"
         })
     }));

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

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
     var { color: s, size: r = 24 } = _param, c = _object_without_properties(_param, [
@@ -98,5 +98,5 @@ const i = (_param)=>{
             d: "m20.432 8.731-5.168.003-.003-5.162c0-.737-.574-1.41-1.204-1.41l-4.13-.002c-.63 0-1.204.672-1.204 1.409l.003 5.165-5.162.003c-.751 0-1.41.563-1.41 1.204v4.13c0 .64.66 1.204 1.41 1.204l5.168-.003.003 5.163c0 .75.563 1.408 1.204 1.408h4.129c.641 0 1.204-.658 1.204-1.408l-.002-5.169 5.162-.002c.737 0 1.409-.575 1.409-1.205V9.93c0-.627-.672-1.199-1.409-1.199"
         })
     }));
-}, v = i;
-export { v as default };
+}, h = i;
+export { h as default };

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

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

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as c } from "react/jsx-runtime";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
+const t = (_param)=>{
     var { color: o, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = t(), n = o !== null && o !== void 0 ? o : s ? l.colors.inverse : l.colors.neutralHigh;
+    const s = n(), a = o !== null && o !== void 0 ? o : s ? l.colors.inverse : l.colors.neutralHigh;
     return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -94,9 +94,9 @@ const a = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: n,
+            fill: a,
             d: "m15.397 8.595 4.86-.003c.829 0 1.582.658 1.582 1.384v4.045c0 .722-.756 1.38-1.582 1.38l-4.858.003.003 4.86c0 .857-.633 1.583-1.38 1.583H9.975c-.747 0-1.38-.726-1.38-1.583l-.003-4.857-4.86.003c-.86 0-1.583-.633-1.583-1.381l.003-4.045c0-.748.725-1.38 1.583-1.38L8.59 8.6l-.003-4.86c0-.829.658-1.582 1.381-1.582h4.045c.723 0 1.38.756 1.38 1.582zm-.6 5.6 5.46-.004c.187 0 .358-.142.383-.207l-.003-4.017a.55.55 0 0 0-.378-.176l-5.465.003a.605.605 0 0 1-.602-.603l-.003-5.456c0-.188-.14-.359-.201-.378L9.97 3.36a.55.55 0 0 0-.177.378L9.797 9.2a.6.6 0 0 1-.602.602l-5.457.003c-.207 0-.361.134-.378.188v4.033c.014.04.168.174.376.174l5.462-.003a.605.605 0 0 1 .602.602l.003 5.46c0 .21.131.361.187.378h4.031c.042-.017.177-.168.177-.378l-.003-5.462a.605.605 0 0 1 .602-.603"
         })
     }));
-}, v = a;
+}, v = t;
 export { v as default };

package/dist-es/generated/mistica-icons/icon-emergency-cross-with-circle-filled.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: o, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = t(), i = o !== null && o !== void 0 ? o : s ? e.colors.inverse : e.colors.neutralHigh;
+    const i = t(), s = o !== null && o !== void 0 ? o : i ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,7 +94,7 @@ const n = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ r("path", {
-            fill: i,
+            fill: s,
             d: "M12.415 2.166c1.927.045 9.432.807 9.432 9.86 0 9.07-7.513 9.776-9.393 9.81-.176.005-.378.005-.58.005q-.161 0-.319-.003c-1.977-.028-9.392-.742-9.392-9.87 0-9.116 7.347-9.793 9.322-9.81q.045 0 .086-.002l.09-.001c.256 0 .524.006.754.011m4.855 11.27h-3.222a.617.617 0 0 0-.616.615l.008 3.219c0 .151-.103.252-.137.258H10.73c-.036-.009-.14-.107-.14-.258v-3.221a.616.616 0 0 0-.616-.617H6.75c-.157 0-.255-.103-.26-.137v-2.566c.008-.036.106-.14.26-.14h3.222a.616.616 0 0 0 .616-.616V6.752c0-.14.1-.255.137-.266l2.557-.003c.045.014.149.129.149.269V9.97c0 .339.274.616.616.616h3.222c.134 0 .249.098.266.146l.002 2.555c-.014.044-.128.148-.268.148m-2.608-4.08V6.76c0-.798-.639-1.496-1.367-1.496h-2.569c-.742 0-1.367.687-1.367 1.496v2.605H6.754c-.81 0-1.49.625-1.49 1.367v2.569c0 .74.68 1.367 1.49 1.367H9.36v2.605c0 .806.628 1.487 1.367 1.487h2.577c.742 0 1.367-.68 1.367-1.49l-.005-2.602h2.605c.798 0 1.498-.64 1.498-1.367v-2.577c0-.729-.7-1.367-1.498-1.367z"
         })
     }));

package/dist-es/generated/mistica-icons/icon-emergency-cross-with-circle-light.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as i } 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 n = (_param)=>{
     var { color: e, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = i(), s = e !== null && e !== void 0 ? e : t ? o.colors.inverse : o.colors.neutralHigh;
+    const t = s(), i = e !== null && e !== void 0 ? e : t ? o.colors.inverse : o.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,7 +94,7 @@ const n = (_param)=>{
         role: "presentation"
     }, h), {
         children: /* @__PURE__ */ r("path", {
-            fill: s,
+            fill: i,
             d: "M21.838 12.02c0-9.054-7.505-9.815-9.432-9.86a13 13 0 0 0-.756-.006h-.177c-1.974.014-9.322.695-9.322 9.81 0 9.129 7.415 9.843 9.392 9.87q.152.005.309.004c.21 0 .414-.003.593-.006 1.877-.036 9.392-.74 9.392-9.812m-.821-.003c0 8.196-6.572 8.955-8.586 8.992-.176.002-.375.005-.58.005q-.15 0-.296-.003c-.86-.01-3.07-.173-5.014-1.398-2.37-1.492-3.572-4.067-3.572-7.655 0-3.583 1.19-6.148 3.538-7.625 1.927-1.212 4.12-1.358 4.972-1.367h.17c.253 0 .513.003.738.009.86.022 3.067.202 5.022 1.428 2.392 1.502 3.608 4.065 3.608 7.614m-2.869 1.353c0 .174-.252.392-.535.39h-3.445a.409.409 0 0 0-.409.412l.008 3.444c0 .292-.215.524-.394.524h-2.757c-.179 0-.395-.232-.395-.524v-3.445a.41.41 0 0 0-.409-.409H6.367c-.294 0-.524-.21-.524-.392v-2.748c0-.177.233-.392.524-.392h3.445a.41.41 0 0 0 .41-.41V6.376c0-.288.218-.535.394-.535h2.748c.174 0 .395.253.395.535v3.437c0 .227.182.41.41.41h3.447c.28 0 .532.218.532.392zm.821-2.756c0-.645-.63-1.213-1.353-1.213H14.58V6.375c0-.72-.569-1.352-1.216-1.352h-2.748c-.65 0-1.215.633-1.215 1.352V9.41H6.364c-.728 0-1.344.557-1.344 1.213v2.748c0 .658.616 1.213 1.344 1.213h3.037v3.033c0 .729.557 1.345 1.215 1.345h2.757c.658 0 1.215-.616 1.215-1.345l-.008-3.033h3.036c.72 0 1.353-.566 1.353-1.213z"
         })
     }));

package/dist-es/generated/mistica-icons/icon-emergency-cross-with-circle-regular.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+const h = (_param)=>{
     var { color: o, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = h(), t = o !== null && o !== void 0 ? o : s ? e.colors.inverse : e.colors.neutralHigh;
+    const s = i(), t = o !== null && o !== void 0 ? o : s ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -98,5 +98,5 @@ const i = (_param)=>{
             d: "M21.846 12.026c0-9.053-7.504-9.815-9.431-9.86-.23-.005-.499-.011-.754-.011l-.09.001-.086.002c-1.975.017-9.322.695-9.322 9.81 0 9.128 7.414 9.842 9.392 9.87.103.003.213.003.32.003.2 0 .402 0 .579-.005 1.88-.034 9.392-.74 9.392-9.81m-1.233 0c0 7.608-5.722 8.535-8.184 8.58a34 34 0 0 1-.558.006c-.1 0-.204 0-.302-.003-2.46-.034-8.18-.947-8.18-8.642 0-7.678 5.667-8.56 8.101-8.58l.168-.002c.247 0 .505.005.726.01 2.473.06 8.23 1.02 8.23 8.631m-3.344 1.41v.005h-3.221a.615.615 0 0 0-.616.616l.008 3.218c0 .152-.104.25-.137.258h-2.575c-.036-.006-.14-.106-.14-.258v-3.22a.616.616 0 0 0-.616-.617H6.751c-.157 0-.258-.104-.26-.137v-2.566c.008-.037.109-.14.26-.14h3.221a.616.616 0 0 0 .616-.616V6.757c0-.14.101-.255.138-.266l2.557-.003c.045.014.149.13.149.27V9.97c0 .342.277.616.616.616h3.221c.135 0 .25.098.266.146l.003 2.555c-.014.044-.129.148-.269.148m1.499-2.712c0-.729-.7-1.367-1.499-1.367h-2.608V6.76c0-.795-.638-1.496-1.367-1.496h-2.568c-.74 0-1.367.684-1.367 1.496v2.605H6.754c-.81 0-1.49.628-1.49 1.367v2.569c0 .742.68 1.367 1.49 1.367h2.605v2.605c0 .806.624 1.487 1.367 1.487h2.577c.74 0 1.367-.68 1.367-1.49l-.006-2.602h2.605c.798 0 1.499-.639 1.499-1.367z"
         })
     }));
-}, m = i;
+}, m = h;
 export { m as default };

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

@@ -79,24 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
-    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: e, size: r = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = s(), c = e !== null && e !== void 0 ? e : a ? l.colors.inverse : l.colors.neutralHigh;
+    const t = i(), c = e !== null && e !== void 0 ? e : t ? l.colors.inverse : l.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: /* @__PURE__ */ o("path", {
             fill: c,
             d: "M21.847 8.04a.8.8 0 0 0-.034-.182c-.008-.008-.017-.025-.011-.028l-.007-.016a.636.636 0 0 0-.15-.216l-4.97-4.832-.417-.412h-.008a.6.6 0 0 0-.196-.14h-.017c0-.009-.008-.009-.017-.009a.7.7 0 0 0-.246-.05H8.228c-.64 0-1.219.577-1.219 1.21V8.19l-4.731 9.364c-.073.148-.115.31-.115.484.008.544.451.98.983.98h.009l3.854.01v1.613c0 .641.571 1.201 1.219 1.201H20.62c.66 0 1.227-.552 1.227-1.201zm-1.031-.106h-2.35c-.762 0-1.41-.241-1.866-.681-.448-.445-.695-1.064-.695-1.795V3.16zm-11.63 7.09a.616.616 0 0 1-.614-.617V9.934a.614.614 0 1 1 1.227 0v4.473a.614.614 0 0 1-.614.616m.005 1.607a.644.644 0 0 1 0-1.288.644.644 0 0 1 0 1.288m-1.793 1.16h-.392l-3.462-.009L9.16 6.64l5.533 11.185z"
         })
     }));
-}, v = i;
+}, v = s;
 export { v as default };

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as e } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
     var { color: a, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = e(), s = a !== null && a !== void 0 ? a : c ? l.colors.inverse : l.colors.neutralHigh;
+    const c = s(), e = a !== null && a !== void 0 ? a : c ? l.colors.inverse : l.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -94,7 +94,7 @@ const i = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ o("path", {
-            fill: s,
+            fill: e,
             d: "M21.838 8.167a.85.85 0 0 0-.25-.591l-5.173-4.99c-.306-.302-.653-.45-1.056-.433l-7.166.008c-.742 0-1.353.608-1.353 1.347V8.61l-4.596 9.014a.9.9 0 0 0-.093.378c.009.437.364.815.801.782l3.897.017v1.619c-.017.403.1.756.347 1.02.238.251.594.4.997.4l12.381-.017c.695 0 1.255-.569 1.255-1.258zm-.827.577-.008 11.823a.43.43 0 0 1-.432.434L8.2 21.018c-.123 0-.294-.025-.404-.148-.09-.093-.131-.233-.123-.429v-1.644l7.28.025h.028a.77.77 0 0 0 .751-.557.76.76 0 0 0-.05-.583L9.72 5.763a.73.73 0 0 0-.361-.361L9.353 5.4l-.006-.004a.78.78 0 0 0-1.047.359l-.636 1.24V3.512a.533.533 0 0 1 .535-.527l6.75-.008.034 2.465v.003c0 .1-.004 1.489.925 2.437.554.56 1.297.837 2.23.846zM7.672 17.993H2.983l3.855-7.63.826-1.628 1.322-2.613 5.983 11.88zm8.166-14.82s4.918 4.747 4.921 4.747l-2.616-.017c-.692 0-1.244-.204-1.633-.6-.687-.691-.695-1.792-.695-1.865l-.034-2.316q.031.02.056.05M9.028 14.8a.416.416 0 0 1-.412-.412v-4.47a.412.412 0 0 1 .824 0v4.47a.416.416 0 0 1-.412.412m-.639 1.165a.645.645 0 0 0 1.289 0 .644.644 0 0 0-1.289 0"
         })
     }));

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

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

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

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