@telefonica/mistica 15.20.1 → 16.1.0

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

package/dist-es/generated/mistica-icons/icon-iot-sensor-co-2-regular.js

@@ -79,15 +79,15 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as a } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useTheme as i } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
     var { color: t, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = i(), e = t !== null && t !== void 0 ? t : s ? r.colors.inverse : r.colors.neutralHigh, { skinName: n } = h();
+    const s = h(), e = t !== null && t !== void 0 ? t : s ? r.colors.inverse : r.colors.neutralHigh, { skinName: n } = i();
     return n.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -109,5 +109,5 @@ const m = (_param)=>{
             d: "M12 5c2.463 0 4.534 1.76 4.963 4.094 2.784 0 5.037 2.224 5.037 4.953S19.751 19 17 19H7c-2.751 0-5-2.224-5-4.953s2.249-4.953 5-4.953h.073A5.03 5.03 0 0 1 12 5m-8.57 9.042c0 1.94 1.605 3.52 3.57 3.52h10c1.96 0 3.565-1.58 3.565-3.52s-1.604-3.52-3.57-3.52a5.5 5.5 0 0 1-.178.828c-.068.285-.356.5-.676.5-.073 0-.142 0-.215-.036-.357-.11-.571-.5-.498-.97a2.7 2.7 0 0 0 .141-.932v-.18c-.068-1.87-1.64-3.34-3.569-3.34-1.746 0-3.213 1.255-3.533 2.872a5.3 5.3 0 0 1 1.284.611c.32.216.43.685.215 1.006-.215.322-.68.432-1 .216A3.7 3.7 0 0 0 7 10.523c-1.96 0-3.57 1.58-3.57 3.52m8.853-2.33a2.004 2.004 0 0 0-2.001 2.013 2 2 0 1 0 3.999 0 1.994 1.994 0 0 0-1.998-2.012m-.927 2.013c0-.5.43-.932.927-.932a.95.95 0 0 1 .928.932.92.92 0 0 1-.928.933.95.95 0 0 1-.927-.933m5.534 2.15h-.32c.073-.073.105-.105.179-.142.822-.79.713-1.47.57-1.796-.214-.501-.712-.86-1.247-.86-.75 0-1.357.611-1.357 1.365 0 .285.251.538.534.538a.55.55 0 0 0 .535-.538.28.28 0 0 1 .284-.285c.105 0 .251.074.283.18.037.142-.073.358-.32.61-.43.432-1.142 1.076-1.142 1.076-.179.142-.215.395-.142.61a.535.535 0 0 0 .498.36h1.677a.55.55 0 0 0 .535-.538c.005-.29-.279-.58-.567-.58m-7.852-2.834a1 1 0 0 0-.644-.253.95.95 0 0 0-.928.937c0 .501.43.933.928.933a.86.86 0 0 0 .644-.253.515.515 0 0 1 .75 0 .52.52 0 0 1 0 .754c-.357.358-.86.574-1.394.574a2 2 0 0 1-2.002-2.008c0-1.116.896-2.012 2.002-2.012.535 0 1 .216 1.394.574a.52.52 0 0 1 0 .754.515.515 0 0 1-.75 0"
         })
     }));
-}, u = m;
-export { u as default };
+}, d = m;
+export { d as default };

package/dist-es/generated/mistica-icons/icon-iot-sensor-humidity-filled.js

@@ -80,7 +80,7 @@ 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 l } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
     var { color: i, size: o = 24 } = _param, r = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-iot-sensor-humidity-light.js

@@ -80,22 +80,22 @@ 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 l } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = l(), a = r !== null && r !== void 0 ? r : s ? e.colors.inverse : e.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const i = l(), t = r !== null && r !== void 0 ? r : i ? e.colors.inverse : e.colors.neutralHigh, { skinName: s } = n();
+    return s.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: /* @__PURE__ */ o("path", {
-            fill: a,
+            fill: t,
             d: "M15.317 4.964v10.231c.719.774 1.136 1.773 1.136 2.768 0 2.23-1.782 4.037-3.982 4.037S8.49 20.193 8.49 17.963c0-1 .418-2 1.136-2.768v-2.343l-.039.04c-.684.654-1.554 1.038-2.505 1.038a3.44 3.44 0 0 1-2.506-1.039c-.646-.694-1.025-1.58-1.025-2.54s.53-2 1.025-2.846l1.86-3.19a.73.73 0 0 1 .646-.385c.267 0 .495.153.645.384 0 0 1.788 2.999 1.9 3.19v-2.54C9.625 3.31 10.877 2 12.47 2s2.846 1.31 2.846 2.964m-2.278 11.388V4.89a.59.59 0 0 0-.568-.576.59.59 0 0 0-.568.576v11.462a1.75 1.75 0 0 0-1.136 1.616c0 .96.757 1.733 1.709 1.733s1.71-.768 1.71-1.733a1.73 1.73 0 0 0-1.147-1.616m-.568 2.192a.59.59 0 0 1-.568-.576.59.59 0 0 1 .568-.577.59.59 0 0 1 .568.577.59.59 0 0 1-.568.576m-3.982-6.77a2.28 2.28 0 0 0 .646-1.423c0-.73-.68-1.847-1.175-2.654-.156-.232-.875-1.463-.875-1.463L5.871 8.312c-.34.576-.796 1.423-.796 2.039 0 .536.228 1.038.607 1.422.379.385.874.616 1.403.616.53 0 1.025-.231 1.404-.615m1.515 6.193c0 1.384 1.103 2.502 2.467 2.502s2.467-1.118 2.467-2.502c0-.654-.306-1.344-.874-1.846a.7.7 0 0 1-.267-.576V4.969c0-.808-.568-1.423-1.326-1.423a1.41 1.41 0 0 0-1.403 1.423l.077 10.576c0 .231-.116.423-.267.576-.534.502-.874 1.152-.874 1.846"
         })
     })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
@@ -103,9 +103,9 @@ const m = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: /* @__PURE__ */ o("path", {
-            fill: a,
+            fill: t,
             d: "M9.994 8.188c.23.502.38 1.038.38 1.5 0 .808-.34 1.581-.945 2.167a2.97 2.97 0 0 1-2.136.886c-.804 0-1.56-.305-2.135-.886a3.04 3.04 0 0 1-.878-2.156c0-.847.458-1.772.917-2.54l1.789-3.037a.46.46 0 0 1 .341-.192c.112 0 .264.073.303.152l1.106 1.925.171.288q.087.144.17.288l.079.113c0 .04.039.113.078.153V4.693C9.234 3.19 10.414 2 11.9 2s2.667 1.191 2.667 2.693V9.65c0 .23-.152.383-.38.383-.23 0-.38-.152-.38-.383V4.648c0-1.078-.84-1.924-1.907-1.924s-1.907.846-1.907 1.924zm-4.266 3.155c.42.423.99.655 1.6.655.609 0 1.18-.232 1.599-.665.458-.423.687-1 .687-1.615 0-.768-.61-1.806-1.107-2.613L8.43 6.99l-.17-.288-.171-.288-.76-1.343-1.449 2.46c-.38.655-.838 1.502-.838 2.157 0 .615.229 1.191.687 1.654m6.173-7.034c-.23 0-.38.152-.38.384V16.27a1.925 1.925 0 0 0-1.522 1.886c0 1.078.839 1.924 1.907 1.924 1.067 0 1.906-.846 1.906-1.924a1.93 1.93 0 0 0-1.521-1.886V4.693c-.01-.232-.161-.384-.39-.384m0 14.994c.643 0 1.14-.498 1.14-1.152 0-.655-.497-1.152-1.14-1.152a1.13 1.13 0 0 0-1.141 1.152c0 .65.497 1.151 1.14 1.151m1.52-7.305c0 .423.342.767.761.767.42 0 .761-.344.761-.768a.765.765 0 0 0-.76-.767c-.42 0-.761.344-.761.768m.766 1.924c.23 0 .38.153.38.384v1.113a3.8 3.8 0 0 1 1.142 2.732c0 2.116-1.717 3.85-3.808 3.85-2.092 0-3.808-1.729-3.808-3.845 0-1 .42-2.004 1.14-2.732v-1.118c0-.231.152-.384.381-.384.23 0 .38.153.38.384v1.27a.4.4 0 0 1-.112.271c-.648.615-1.029 1.423-1.029 2.309 0 1.693 1.37 3.076 3.048 3.076s3.047-1.383 3.047-3.076c0-.886-.38-1.733-1.029-2.309-.073-.04-.112-.157-.112-.27v-1.27c0-.232.151-.385.38-.385"
         })
     }));

package/dist-es/generated/mistica-icons/icon-iot-sensor-humidity-regular.js

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

package/dist-es/generated/mistica-icons/icon-iot-sensor-temperature-filled.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 l } from "../../hooks.js";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
 import { vars as s } from "../../skins/skin-contract.css-mistica.js";
 const m = (_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 n = a(), t = c !== null && c !== void 0 ? c : n ? s.colors.inverse : s.colors.neutralHigh, { skinName: i } = l();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const i = a(), t = c !== null && c !== void 0 ? c : i ? s.colors.inverse : s.colors.neutralHigh, { skinName: n } = l();
+    return n.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: t,
             d: "M14.91 15.148V4.963C14.91 3.333 13.602 2 12 2S9.09 3.332 9.09 4.963v10.185c-.69.74-1.09 1.74-1.09 2.779C8 20.189 9.783 22 12 22s4-1.816 4-4.073c0-1.038-.4-2.039-1.09-2.779M12 19.781c-1.02 0-1.82-.816-1.82-1.854 0-.816.544-1.517 1.27-1.74V4.963c0-.294.257-.554.545-.554.29 0 .545.26.545.554v11.224a1.83 1.83 0 0 1 1.271 1.74c.01 1.038-.791 1.854-1.811 1.854m.726-1.854a.734.734 0 0 0-.726-.74c-.4 0-.726.332-.726.74s.326.74.726.74.726-.332.726-.74"
         })
-    })) : /* @__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: t,
             d: "M14.91 15.148V4.963C14.91 3.333 13.602 2 12 2S9.09 3.332 9.09 4.963v10.185c-.69.74-1.09 1.74-1.09 2.779C8 20.189 9.783 22 12 22s4-1.816 4-4.073c0-1.038-.4-2.039-1.09-2.779M12 19.781c-1.02 0-1.82-.816-1.82-1.854 0-.816.544-1.517 1.27-1.74V4.963c0-.294.257-.554.545-.554.29 0 .545.26.545.554v11.224a1.83 1.83 0 0 1 1.271 1.74c.01 1.038-.791 1.854-1.811 1.854m.726-1.854a.734.734 0 0 0-.726-.74c-.4 0-.726.332-.726.74s.326.74.726.74.726-.332.726-.74"
         })

package/dist-es/generated/mistica-icons/icon-iot-sensor-temperature-light.js

@@ -78,36 +78,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c } from "react/jsx-runtime";
-import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as m } from "../../theme-variant-context.js";
+import { jsx as r } from "react/jsx-runtime";
+import { useTheme as n } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as m } from "../../theme-variant-context.js";
 import { vars as s } from "../../skins/skin-contract.css-mistica.js";
 const l = (_param)=>{
-    var { color: t, size: e = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = m(), r = t !== null && t !== void 0 ? t : a ? s.colors.inverse : s.colors.neutralHigh, { skinName: n } = i();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const a = m(), o = t !== null && t !== void 0 ? t : a ? s.colors.inverse : s.colors.neutralHigh, { skinName: i } = n();
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ c("path", {
-            fill: r,
+    }, c), {
+        children: /* @__PURE__ */ r("path", {
+            fill: o,
             d: "M14.91 4.963v10.185c.69.74 1.09 1.74 1.09 2.779C16 20.184 14.217 22 12 22s-4-1.811-4-4.073c0-1.038.4-2.039 1.09-2.779V4.963C9.09 3.333 10.398 2 12 2s2.91 1.332 2.91 2.963M9.453 17.927c0 1.446 1.127 2.594 2.547 2.594s2.547-1.148 2.547-2.594c0-.74-.33-1.442-.838-1.925a.67.67 0 0 1-.256-.555V4.963c0-.81-.657-1.479-1.453-1.479s-1.453.664-1.453 1.48v10.483c0 .223-.112.408-.256.555a2.67 2.67 0 0 0-.838 1.925m3.092-1.74V4.963A.566.566 0 0 0 12 4.41a.566.566 0 0 0-.545.554v11.224a1.83 1.83 0 0 0-1.271 1.74c0 1.038.8 1.854 1.82 1.854s1.821-.816 1.821-1.854a1.84 1.84 0 0 0-1.28-1.74m-1.271 1.74c0-.408.326-.74.726-.74s.726.332.726.74-.326.74-.726.74a.734.734 0 0 1-.726-.74"
         })
-    })) : /* @__PURE__ */ c("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"
-    }, o), {
-        children: /* @__PURE__ */ c("path", {
-            fill: r,
+    }, c), {
+        children: /* @__PURE__ */ r("path", {
+            fill: o,
             d: "M14.647 14.301v1.118a3.9 3.9 0 0 1 1.13 2.737c0 2.111-1.7 3.844-3.773 3.844S8.23 20.272 8.23 18.156c0-1 .416-2.004 1.13-2.732V4.693C9.36 3.19 10.53 2 12.005 2c1.473 0 2.643 1.191 2.643 2.693v5c0 .232-.15.385-.377.385s-.377-.153-.377-.384V4.693c0-1.078-.831-1.925-1.89-1.925s-1.889.847-1.889 1.925V15.57a.4.4 0 0 1-.11.271c-.643.615-1.02 1.423-1.02 2.309 0 1.693 1.357 3.076 3.02 3.076 1.662 0 3.02-1.383 3.02-3.076a3.1 3.1 0 0 0-1.02-2.309c-.073-.04-.111-.158-.111-.27v-1.27c0-.232.15-.385.377-.385s.377.153.377.384m-3.02-9.608c0-.232.15-.384.377-.384s.376.152.386.384v11.77c.754.191 1.32.885 1.32 1.693 0 .964-.755 1.732-1.702 1.732s-1.7-.773-1.7-1.732c0-.847.565-1.502 1.319-1.694zm2.638 8.072a.76.76 0 0 1-.754-.768c0-.423.338-.767.754-.767.415 0 .754.344.754.768a.76.76 0 0 1-.754.767m-1.32 5.386a.943.943 0 0 0-.941-.96.943.943 0 0 0-.943.96c0 .536.416.96.943.96a.943.943 0 0 0 .942-.96"
         })
     }));
-}, u = l;
-export { u as default };
+}, d = l;
+export { d as default };

package/dist-es/generated/mistica-icons/icon-iot-sensor-temperature-regular.js

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

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

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as l } from "react/jsx-runtime";
 import { useTheme as a } 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 s = (_param)=>{
     var { color: i, size: c = 24 } = _param, e = _object_without_properties(_param, [

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

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as h } from "react/jsx-runtime";
 import { useTheme as r } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
-import { vars as o } 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 n = (_param)=>{
-    var { color: a, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = s(), e = a !== null && a !== void 0 ? a : i ? o.colors.inverse : o.colors.neutralHigh, { skinName: t } = r();
+    const i = s(), e = o !== null && o !== void 0 ? o : i ? a.colors.inverse : a.colors.neutralHigh, { skinName: t } = r();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -119,5 +119,5 @@ const n = (_param)=>{
             d: "M21.834 14.104q.005.015.006.033c0 .876-.241 1.563-.712 2.042-.398.4-.947.63-1.627.678-.081.005-.972.008-1.056.008-.062 0-.919 0-.98-.003-.718-.034-1.292-.266-1.71-.683-.467-.47-.705-1.143-.714-1.997v-.012l-.001-.017-.001-.016q0-.022.007-.04l.007-.028.001-.025q-.001-.019.004-.036l2.373-7.866-1.713-.001-2.161-.002v12.72h1.708c.754 0 1.353.219 1.78.647.442.446.666 1.087.666 1.905a.42.42 0 0 1-.412.429H6.7a.42.42 0 0 1-.411-.429c0-.818.227-1.46.67-1.905.425-.428 1.022-.647 1.775-.647h1.709V6.14l-2.162.002-1.712.001 2.375 7.866a.1.1 0 0 1 .004.036q0 .012.002.025l.005.026a.2.2 0 0 1 .006.042l-.001.014-.002.02v.01c-.008.858-.246 1.527-.714 1.998-.414.417-.992.65-1.709.683-.058.003-.918.003-.977.003-.087 0-.978-.003-1.056-.008-.684-.048-1.23-.278-1.63-.678-.474-.48-.715-1.166-.715-2.04v-.002q0-.018.006-.033l.005-.023.004-.029a.2.2 0 0 1 .019-.083l3.204-7.78c-.367.057-.68.172-.893.385a.4.4 0 0 1-.583-.012.446.446 0 0 1 .014-.607c.41-.412.972-.636 1.672-.67.056-.003 4.14-.006 5.916-.006a1.3 1.3 0 0 1-.666-.341q-.405-.408-.406-1.194c0-.52.137-.921.406-1.193q.384-.387 1.084-.395h.084c.482 0 .857.132 1.115.395.269.27.406.672.406 1.193s-.135.922-.406 1.194a1.3 1.3 0 0 1-.664.341c1.776 0 5.862.003 5.916.006.7.034 1.263.26 1.672.67a.44.44 0 0 1 .014.607.4.4 0 0 1-.297.132.4.4 0 0 1-.286-.12c-.215-.213-.529-.328-.893-.384l3.207 7.779q.015.041.02.09l.002.022zM11.425 4.322c.118.117.333.148.507.154h.09c.18 0 .417-.028.543-.154.126-.13.154-.384.154-.578 0-.19-.028-.45-.154-.58-.126-.125-.364-.15-.543-.15h-.079c-.173.002-.397.03-.518.15-.126.13-.154.39-.154.58 0 .194.028.449.154.578m1.305 1.817h-1.47v12.72h1.47zm8.073 7.57-2.77-6.718-2.028 6.714zm-1.361 2.29c.479-.033.854-.182 1.112-.442.233-.233.378-.566.434-.989l-5.106-.003c.059.423.204.76.44.992.268.271.663.42 1.17.445.079.003.888.003.947.003.081 0 .91 0 1.003-.006m-4.182 3.717H8.73c-.532 0-.938.138-1.204.407q-.302.311-.387.862h9.712q-.084-.553-.387-.862-.401-.407-1.204-.407M3.19 13.712l4.798-.003L5.96 6.994zm4.482 1.846c.235-.233.38-.569.437-.992l-5.107.003c.059.423.202.756.437.989.258.26.633.409 1.112.442.09.006.922.006 1.003.006.056 0 .866 0 .944-.003.507-.025.905-.173 1.174-.445"
         })
     }));
-}, d = n;
-export { d as default };
+}, p = n;
+export { p as default };

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

@@ -80,14 +80,14 @@ 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 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 s = (_param)=>{
-    var { color: r, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), e = r !== null && r !== void 0 ? r : t ? o.colors.inverse : o.colors.neutralHigh, { skinName: l } = i();
+    const t = n(), e = o !== null && o !== void 0 ? o : t ? r.colors.inverse : r.colors.neutralHigh, { skinName: l } = i();
     return l.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -119,5 +119,5 @@ const s = (_param)=>{
             d: "M20.352 15.383c-.216.216-.538.344-.96.373a59 59 0 0 1-1.906.002c-.444-.02-.786-.148-1.016-.375a1.3 1.3 0 0 1-.316-.584h4.511a1.25 1.25 0 0 1-.313.584m-2.308-7.654 2.37 5.758h-4.106zm-2.772 12.168q.7.001 1.039.338.17.175.259.456H7.425q.088-.281.256-.456c.222-.224.572-.338 1.039-.338zm-3.828-13.44h.173c.009 0 .017.006.026.006s.219-.003.398-.003v.003h.313c.009 0 .017-.006.026-.006h.17v12.128h-1.106zm-3.76 7.03H3.577l2.37-5.758zm-.162 1.896c-.228.227-.573.353-1.014.375a59.142 59.142 0 0 1-1.907-.003q-.631-.043-.962-.372a1.25 1.25 0 0 1-.313-.584h4.511q-.097.365-.315.584m14.475-1.241c0-.029-.014-.054-.017-.086a.6.6 0 0 0-.034-.17l-3-7.284c.137.06.262.128.359.222a.606.606 0 0 0 .888-.02.68.68 0 0 0-.02-.928c-.444-.444-1.048-.688-1.796-.725-.06-.003-3.387-.006-5.317-.006a1.4 1.4 0 0 0 .21-.165c.288-.29.436-.72.436-1.275 0-.56-.145-.99-.435-1.28-.276-.283-.678-.425-1.19-.425q-.005 0-.011.003V2h-.148c-.513 0-.914.142-1.19.424-.287.29-.435.72-.435 1.28 0 .556.145.986.435 1.276.06.063.134.117.21.165-1.932 0-5.26 0-5.316.006-.749.037-1.352.281-1.796.725a.675.675 0 0 0-.02.928.6.6 0 0 0 .453.202c.156 0 .313-.06.432-.182.094-.094.222-.165.356-.222l-3 7.284c-.023.054-.025.113-.034.17-.003.029-.017.057-.017.086v.003c0 .933.262 1.667.771 2.183.436.438 1.022.686 1.745.737a66 66 0 0 0 2.046.005c.763-.037 1.38-.284 1.833-.74.504-.503.757-1.218.772-2.114q0-.01.002-.017c0-.02.003-.034.003-.054 0-.037-.014-.069-.02-.103-.005-.031 0-.062-.008-.097L6.884 6.46c.928 0 2.217 0 3.307-.003v12.128H8.725c-.805 0-1.445.239-1.912.708-.484.487-.729 1.179-.729 2.052 0 .362.282.655.63.655.02 0 .036-.009.056-.011.017.002.034.011.054.011H17.18c.02 0 .037-.009.056-.011.018.002.035.011.055.011a.64.64 0 0 0 .629-.655c0-.876-.245-1.565-.729-2.052-.467-.47-1.107-.708-1.91-.708h-1.468V6.457c1.09 0 2.382 0 3.31.003l-2.257 7.485c-.012.034-.006.066-.012.097-.005.034-.02.066-.02.103q.002.025.003.054 0 .008.003.017c.014.896.27 1.61.771 2.114.456.456 1.073.703 1.836.74a65.907 65.907 0 0 0 2.04-.006c.72-.05 1.31-.298 1.745-.736.504-.518.766-1.253.766-2.186"
         })
     }));
-}, u = s;
-export { u as default };
+}, p = s;
+export { p as default };

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

@@ -79,9 +79,9 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const l = (_param)=>{
+const a = (_param)=>{
     var { color: t, size: o = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
@@ -98,5 +98,5 @@ const l = (_param)=>{
             d: "M12 7.085c-1.278 0-2.315-1.1-2.315-2.459 0-1.36 1.037-2.456 2.314-2.456s2.312 1.1 2.312 2.459c0 1.36-1.035 2.456-2.312 2.456m0 7.374c-1.278 0-2.315-1.1-2.315-2.459 0-1.36 1.035-2.459 2.314-2.459 1.277 0 2.312 1.1 2.312 2.459 0 1.36-1.035 2.459-2.312 2.459m-2.315 4.915c0 1.357 1.037 2.456 2.314 2.456s2.312-1.096 2.312-2.456-1.035-2.459-2.312-2.459c-1.28 0-2.314 1.102-2.314 2.459"
         })
     }));
-}, f = l;
+}, f = a;
 export { f as default };

package/dist-es/generated/mistica-icons/icon-key-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 i } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: l, size: o = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = i(), c = l !== null && l !== void 0 ? l : t ? e.colors.inverse : e.colors.neutralHigh;
+    const t = c(), i = l !== null && l !== void 0 ? l : t ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -94,9 +94,9 @@ const n = (_param)=>{
         role: "presentation"
     }, s), {
         children: /* @__PURE__ */ r("path", {
-            fill: c,
+            fill: i,
             d: "M21.71 11.66a.41.41 0 0 1 .131.302.43.43 0 0 1-.129.308l-1.94 1.86a.414.414 0 0 1-.583-.009l-1.25-1.255-.73 1.18a.41.41 0 0 1-.334.196.37.37 0 0 1-.35-.163l-.902-1.173-.801 1.156a.42.42 0 0 1-.342.18H9.83l-.062.137c-.563 1.126-1.784 1.723-3.532 1.723-2.633 0-4.081-1.457-4.081-4.101S3.603 7.9 6.236 7.9c2.104 0 3.101.922 3.572 1.79h9.638c.107 0 .208.04.286.112zM5.735 12.703c-.502 0-.698-.196-.698-.7 0-.505.194-.7.698-.7s.697.195.697.7-.196.7-.697.7m-1.532-.7c0 .963.574 1.537 1.532 1.537s1.532-.574 1.532-1.537c0-.964-.571-1.538-1.532-1.538-.958 0-1.532.577-1.532 1.538"
         })
     }));
-}, d = n;
-export { d as default };
+}, m = n;
+export { m as default };

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

@@ -79,22 +79,22 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
-    var { color: s, size: o = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: l, size: o = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = a(), c = s !== null && s !== void 0 ? s : e ? l.colors.inverse : l.colors.neutralHigh;
+    const t = c(), a = l !== null && l !== void 0 ? l : t ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, s), {
         children: /* @__PURE__ */ r("path", {
-            fill: c,
+            fill: a,
             d: "M21.726 12.25a.42.42 0 0 0-.02-.594l-1.974-1.854a.43.43 0 0 0-.286-.112H9.808C9.337 8.822 8.34 7.9 6.236 7.9c-2.633 0-4.081 1.457-4.081 4.1 0 2.645 1.448 4.102 4.081 4.102 1.748 0 2.97-.597 3.532-1.723l.031-.068.031-.07h4.647a.42.42 0 0 0 .342-.178l.801-1.157.902 1.173a.38.38 0 0 0 .35.163.42.42 0 0 0 .333-.196l.732-1.18 1.249 1.252c.16.16.417.166.582.009l1.942-1.86zm-2.238.983s-1.333-1.336-1.33-1.339a.415.415 0 0 0-.647.076l-.692 1.115-.882-1.149c-.082-.106-.205-.184-.342-.162a.42.42 0 0 0-.334.18l-1 1.445H9.553a.42.42 0 0 0-.39.266s-.098.252-.14.333c-.42.838-1.358 1.263-2.787 1.263-2.185 0-3.246-1.067-3.246-3.263 0-2.193 1.061-3.26 3.246-3.26 1.513 0 2.474.504 2.933 1.54.067.151.216.25.38.25h9.732l1.532 1.436zM7.267 12.001c0-.964-.574-1.54-1.532-1.54-.958.002-1.532.576-1.532 1.54 0 .96.574 1.538 1.532 1.538.96 0 1.532-.575 1.532-1.538m-.835 0c0 .504-.196.7-.697.7-.502 0-.698-.196-.698-.7s.196-.7.698-.7c.501 0 .697.196.697.7"
         })
     }));

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

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

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as s } 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 l = (_param)=>{
     var { color: o, size: c = 24 } = _param, h = _object_without_properties(_param, [
@@ -109,5 +109,5 @@ const l = (_param)=>{
             d: "M20.93 5.5H3.07C2.48 5.5 2 6.014 2 6.645v10.71c0 .631.48 1.145 1.07 1.145h17.86c.59 0 1.07-.514 1.07-1.145V6.645c.005-.631-.48-1.145-1.07-1.145m-9.643 2.105h1.426c.298 0 .535.254.535.572s-.237.573-.535.573h-1.426c-.298 0-.535-.255-.535-.573s.237-.572.535-.572m1.426 2.29c.298 0 .535.255.535.573s-.237.573-.535.573h-1.426c-.298 0-.535-.255-.535-.573s.237-.573.535-.573zm-1.426 2.296h1.426c.298 0 .535.254.535.573s-.237.572-.535.572h-1.426c-.298 0-.535-.254-.535-.572 0-.319.237-.573.535-.573m-2.15-4.586c.298 0 .536.254.536.572s-.238.573-.535.573H7.71c-.297 0-.535-.255-.535-.573s.242-.572.535-.572zm-1.426 2.29h1.427c.297 0 .535.255.535.573s-.238.573-.535.573H7.71c-.297 0-.535-.255-.535-.573s.242-.573.535-.573m1.427 2.296c.297 0 .535.254.535.573s-.238.572-.535.572H7.71c-.297 0-.535-.254-.535-.572 0-.319.242-.573.535-.573zM5.57 13.336H4.14c-.297 0-.535-.254-.535-.572 0-.319.238-.573.535-.573h1.427c.297 0 .534.254.534.573s-.237.572-.53.572m-1.431-2.29c-.297 0-.535-.255-.535-.573s.242-.578.535-.578h1.427c.297 0 .534.255.534.573s-.237.578-.53.578zM5.57 8.75H4.14c-.297 0-.535-.255-.535-.573s.238-.572.535-.572h1.427c.297 0 .534.254.534.572s-.237.573-.53.573m2.14 7.264c-.297 0-.535-.255-.535-.573s.238-.573.535-.573h8.573c.298 0 .535.255.535.573s-.237.573-.53.573zm8.578-2.678h-1.427c-.297 0-.535-.254-.535-.572 0-.319.238-.573.535-.573h1.427c.297 0 .535.254.535.573s-.242.572-.535.572m-1.427-2.29c-.297 0-.535-.255-.535-.573s.233-.578.53-.578h1.427c.298 0 .535.255.535.573s-.237.578-.53.578zM16.29 8.75h-1.427c-.297 0-.535-.255-.535-.573s.238-.572.535-.572h1.427c.297 0 .535.254.535.572s-.242.573-.535.573m2.144 4.586c-.297 0-.535-.254-.535-.572 0-.319.238-.573.535-.573h1.427c.297 0 .535.254.535.573s-.242.572-.535.572zm1.427-2.29h-1.427c-.297 0-.535-.255-.535-.573s.238-.573.535-.573h1.427c.297 0 .535.255.535.573s-.242.573-.535.573M18.433 8.75c-.297 0-.535-.255-.535-.573s.238-.572.535-.572h1.427c.297 0 .535.254.535.572s-.242.573-.535.573z"
         })
     }));
-}, v = l;
-export { v as default };
+}, M = l;
+export { M as default };

package/dist-es/generated/mistica-icons/icon-keyboard-light.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 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 n = (_param)=>{
     var { color: e, size: c = 24 } = _param, h = _object_without_properties(_param, [

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

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as c } from "react/jsx-runtime";
 import { useTheme as t } from "../../hooks.js";
-import { useIsInverseVariant as n } 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)=>{
-    var { color: o, size: a = 24 } = _param, h = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: r, size: a = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), m = o !== null && o !== void 0 ? o : r ? e.colors.inverse : e.colors.neutralHigh, { skinName: s } = t();
+    const o = i(), m = r !== null && r !== void 0 ? r : o ? e.colors.inverse : e.colors.neutralHigh, { skinName: s } = t();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -109,5 +109,5 @@ const i = (_param)=>{
             d: "M22 16.646V7.358c0-1.021-.8-1.858-1.787-1.858H3.787C2.804 5.5 2 6.332 2 7.359v9.283c0 1.021.8 1.858 1.787 1.858h16.426c.983 0 1.787-.832 1.787-1.854M6.109 8.105c.297 0 .535.247.535.556a.544.544 0 0 1-.54.556H4.678a.543.543 0 0 1-.534-.556c0-.31.237-.556.534-.556zM7.713 15.9h8.574c.293 0 .53-.247.53-.556a.543.543 0 0 0-.535-.556H7.713a.543.543 0 0 0-.535.556c0 .309.238.556.535.556m5.535-7.24a.543.543 0 0 0-.535-.555h-1.426a.543.543 0 0 0-.535.556c0 .309.238.556.535.556h1.426a.543.543 0 0 0 .535-.556m-3.835-.555c.297 0 .535.247.535.556a.546.546 0 0 1-.535.556H7.987a.543.543 0 0 1-.535-.556c0-.31.238-.556.535-.556zm7.14.556a.543.543 0 0 0-.536-.556h-1.426a.543.543 0 0 0-.534.556c0 .309.237.556.534.556h1.426a.543.543 0 0 0 .535-.556m2.769-.556c.297 0 .535.247.535.556a.546.546 0 0 1-.535.556h-1.426a.543.543 0 0 1-.535-.556c0-.31.238-.556.535-.556zM6.644 10.89a.543.543 0 0 0-.535-.556h-1.43a.543.543 0 0 0-.535.556c0 .31.237.556.534.556h1.426c.302 0 .54-.252.54-.556m6.069-.556c.297 0 .535.247.535.556a.547.547 0 0 1-.535.556h-1.426a.543.543 0 0 1-.535-.556c0-.309.238-.556.535-.556zm-2.765.556a.543.543 0 0 0-.535-.556H7.987a.543.543 0 0 0-.535.556c0 .31.238.556.535.556h1.426a.55.55 0 0 0 .535-.556m6.07-.556c.296 0 .534.247.534.556a.547.547 0 0 1-.535.556h-1.426a.543.543 0 0 1-.534-.556c0-.309.237-.556.534-.556zm3.839.556a.544.544 0 0 0-.535-.556h-1.426a.543.543 0 0 0-.535.556c0 .31.238.556.535.556h1.426a.55.55 0 0 0 .535-.556M6.109 12.558c.297 0 .535.248.535.557s-.238.56-.54.556H4.678a.543.543 0 0 1-.534-.556c0-.31.237-.556.534-.556zm7.139.557a.543.543 0 0 0-.535-.556h-1.426a.543.543 0 0 0-.535.556c0 .309.238.556.535.556h1.426c.297.005.535-.247.535-.556m-3.835-.556c.297 0 .535.247.535.556s-.242.56-.535.556H7.987a.543.543 0 0 1-.535-.556c0-.31.238-.556.535-.556zm7.14.556a.544.544 0 0 0-.536-.556h-1.426a.543.543 0 0 0-.534.556c0 .309.237.556.534.556h1.426c.297.005.535-.247.535-.556m2.769-.556c.297 0 .535.247.535.556s-.243.56-.535.556h-1.426a.543.543 0 0 1-.535-.556c0-.31.238-.556.535-.556zm1.248-5.2v9.283c0 .204-.16.37-.357.37H3.787a.364.364 0 0 1-.356-.37V7.359c0-.205.16-.371.356-.371h16.426c.197 0 .357.166.357.37"
         })
     }));
-}, M = i;
+}, M = n;
 export { M as default };

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

@@ -80,15 +80,15 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as a } from "react/jsx-runtime";
 import { useTheme as t } 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 h = (_param)=>{
     var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = s(), c = r !== null && r !== void 0 ? r : n ? o.colors.inverse : o.colors.neutralHigh, { skinName: i } = t();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const i = s(), c = r !== null && r !== void 0 ? r : i ? o.colors.inverse : o.colors.neutralHigh, { skinName: n } = t();
+    return n.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",

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

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

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

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

@@ -79,15 +79,15 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as a } from "react/jsx-runtime";
-import { useTheme as l } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useTheme as i } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
-    var { color: m, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), h = m !== null && m !== void 0 ? m : r ? o.colors.inverse : o.colors.neutralHigh, { skinName: t } = l();
+    const m = l(), h = r !== null && r !== void 0 ? r : m ? o.colors.inverse : o.colors.neutralHigh, { skinName: t } = i();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -109,5 +109,5 @@ const i = (_param)=>{
             d: "M12.925 12.375h1.257c-.104 1.893-.675 3.225-1.257 3.768zm-1.164-1.168v-3.76c-.568.574-1.115 1.9-1.204 3.756h1.204zm-1.536-3.564a4.66 4.66 0 0 0-2.5 3.564h1.664c.064-1.414.364-2.647.836-3.564m-2.5 4.732a4.67 4.67 0 0 0 2.525 3.575c-.479-.914-.79-2.154-.86-3.575zm4.036 3.718v-3.718h-1.204c.1 1.832.643 3.146 1.204 3.718m1.164-4.886h1.257c-.093-1.914-.675-3.257-1.257-3.804zm1.603-3.532c.458.914.758 2.132.822 3.528h1.614a4.67 4.67 0 0 0-2.435-3.528m-.017 8.24a4.68 4.68 0 0 0 2.457-3.54h-1.614c-.072 1.4-.375 2.628-.843 3.54M12.357 2.002c-5.318 0-9.643 4.325-9.643 9.643 0 1.375.282 2.704.843 3.943l-1.529 5.507a.714.714 0 0 0 .879.883l5.507-1.533a9.6 9.6 0 0 0 3.943.843c5.318 0 9.643-4.325 9.643-9.643s-4.325-9.643-9.643-9.643m-.014 15.611a5.833 5.833 0 0 1-5.825-5.825c0-3.21 2.614-5.829 5.825-5.829h.025q.02.002.035.004a5.824 5.824 0 0 1-.06 11.65"
         })
     }));
-}, g = i;
+}, g = n;
 export { g as default };