@telefonica/mistica 15.20.1 → 16.1.0

package/dist/generated/mistica-icons/icon-lotus-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const l = (_param)=>{
     var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M14.47 8.47c-.235-.482-.494-.91-.738-1.267-.753-1.11-1.494-1.793-1.527-1.822a.27.27 0 0 0-.365 0c-.033.029-.774.711-1.528 1.822-.244.36-.505.791-.74 1.276-.443-.305-.881-.551-1.27-.744-1.12-.558-2.05-.797-2.21-.838l-.022-.006a.27.27 0 0 0-.321.185c-.033.103-.325 1.04-.424 2.324-.042.54-.052 1.187.024 1.875a10 10 0 0 0-.45-.01c-1.468 0-2.603.314-2.7.34l-.003.001h-.001a.27.27 0 0 0-.19.31v.005c.02.088.214.987.728 2.087.493 1.053 1.383 2.492 2.828 3.36 1.039.625 2.322.942 3.809.942a11 11 0 0 0 2.63-.322c.283.074 1.323.322 2.628.322 1.487 0 2.77-.317 3.81-.942 1.444-.868 2.339-2.307 2.827-3.36.53-1.135.72-2.052.729-2.093a.263.263 0 0 0-.205-.312 10.8 10.8 0 0 0-3.11-.329 10 10 0 0 0 .024-1.874c-.1-1.284-.392-2.22-.424-2.324l-.003-.008a.27.27 0 0 0-.319-.176c-.04.008-1.026.242-2.231.843-.385.19-.818.434-1.256.735m-2.686 8.525c-.27-.297-.625-.724-.984-1.253-.672-.987-1.431-2.478-1.431-4.107 0-1.623.759-3.115 1.431-4.107a11.5 11.5 0 0 1 1.223-1.506q.1.102.238.254c.269.297.625.724.984 1.253.672.987 1.431 2.478 1.431 4.107 0 1.624-.76 3.115-1.432 4.107a11.5 11.5 0 0 1-1.222 1.506 10 10 0 0 1-.238-.254m3.48-5.36c0-.945-.23-1.838-.55-2.622.438-.31.88-.56 1.276-.758a11.4 11.4 0 0 1 1.81-.717c.097.372.25 1.06.316 1.906.092 1.196.015 2.864-.79 4.279-.808 1.416-2.207 2.346-3.28 2.879-.392.195-.76.35-1.072.468.23-.275.494-.612.758-1.002.7-1.032 1.532-2.64 1.532-4.433M9.33 9.023c-.32.783-.548 1.673-.548 2.614 0 1.797.832 3.404 1.531 4.432.268.394.533.734.766 1.01-.32-.12-.694-.276-1.096-.476-1.073-.533-2.473-1.463-3.28-2.879-.806-1.42-.882-3.088-.79-4.278.065-.846.218-1.532.316-1.905.378.112 1.044.334 1.81.715.4.2.847.453 1.29.767m4.98 8.1c1.119-.555 2.638-1.55 3.528-3.112a6.8 6.8 0 0 0 .757-2.148q.248-.014.506-.014c.988 0 1.815.15 2.245.247q-.033.122-.083.288c-.109.356-.28.842-.53 1.38l-.001.002c-.468 1.007-1.3 2.325-2.599 3.105-.928.558-2.1.857-3.504.857a10.5 10.5 0 0 1-1.464-.105c.335-.126.727-.29 1.146-.5m-2.298.852h.003-.011l-.01-.001h.018m-1.153-.355c-.415.059-.926.108-1.488.108-1.403 0-2.576-.299-3.504-.857-1.299-.78-2.126-2.097-2.6-3.107a10.5 10.5 0 0 1-.612-1.669 10.6 10.6 0 0 1 2.244-.246q.274 0 .536.015c.13.716.363 1.455.756 2.147.89 1.562 2.41 2.557 3.528 3.113.416.207.806.37 1.14.495M5.932 7.459v-.001h.003zm15.716 4.71-.005-.002z"
         })
     }));
-}, v = i;
+}, v = l;

package/dist/generated/mistica-icons/icon-lotus-regular.js

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: l, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: a, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M14.47 8.47c-.235-.482-.494-.91-.738-1.267-.753-1.11-1.494-1.793-1.527-1.822a.27.27 0 0 0-.365 0c-.033.029-.774.711-1.528 1.822-.244.36-.505.791-.74 1.276-.443-.305-.881-.551-1.27-.744-1.12-.558-2.05-.797-2.21-.838l-.022-.006a.27.27 0 0 0-.32.18l-.001.005c-.032.103-.325 1.04-.424 2.324-.042.54-.052 1.187.024 1.875a10 10 0 0 0-.45-.01c-1.468 0-2.603.314-2.7.34l-.004.002a.27.27 0 0 0-.19.308v.006c.02.088.214.987.728 2.087.493 1.053 1.383 2.492 2.828 3.36 1.039.625 2.322.942 3.809.942a11 11 0 0 0 2.63-.322c.283.074 1.323.322 2.628.322 1.487 0 2.77-.317 3.81-.942 1.444-.868 2.339-2.307 2.827-3.36.53-1.135.72-2.052.729-2.093a.263.263 0 0 0-.205-.312 10.8 10.8 0 0 0-3.11-.329 10 10 0 0 0 .024-1.874c-.1-1.284-.392-2.22-.424-2.324l-.003-.008a.27.27 0 0 0-.319-.176c-.04.008-1.026.242-2.231.843-.385.19-.818.434-1.256.735m-3.181 6.948-.001-.002c-.644-.945-1.331-2.32-1.331-3.78 0-1.456.687-2.831 1.332-3.783.26-.382.516-.706.733-.961.218.254.475.58.734.961l.001.002c.644.946 1.33 2.32 1.33 3.78 0 1.456-.686 2.831-1.331 3.783-.26.382-.516.707-.734.961-.217-.254-.474-.579-.733-.961m3.975-3.782c0-.724-.134-1.417-.341-2.053.448-.33.91-.598 1.33-.806h.001c.415-.208.8-.365 1.114-.48.064.33.126.736.162 1.192.088 1.149.005 2.68-.717 3.947-.723 1.27-2.002 2.133-3.03 2.644h-.002l-.086.044.037-.056c.7-1.032 1.532-2.64 1.532-4.433M9.12 9.593a6.6 6.6 0 0 0-.34 2.043c0 1.797.833 3.404 1.532 4.432l.047.068-.113-.055h-.001c-1.029-.511-2.307-1.374-3.03-2.644-.723-1.272-.805-2.804-.717-3.948.035-.455.097-.862.161-1.192.319.116.7.273 1.114.48h.002c.425.211.892.481 1.345.816m.25 7.55c-1.32 0-2.382-.28-3.2-.772-1.152-.692-1.917-1.886-2.37-2.853l-.002-.005a10 10 0 0 1-.39-.967c.404-.061.92-.115 1.49-.115q.346 0 .667.026c.139.524.34 1.05.625 1.553.89 1.562 2.41 2.557 3.528 3.113l.027.013a10 10 0 0 1-.375.008m4.91-.006.011-.005.019-.01c1.118-.555 2.637-1.55 3.527-3.112.287-.503.488-1.03.627-1.556q.308-.023.636-.023a10 10 0 0 1 1.49.116c-.096.28-.226.614-.393.972v.002c-.447.962-1.216 2.157-2.37 2.85-.817.492-1.879.773-3.199.773q-.178 0-.348-.007m2.873-9.722.003.009-.001-.004-.001-.002zm-11.359.61h.004-.006z"
         })
     }));

package/dist/generated/mistica-icons/icon-loudspeaker-filled.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = a !== null && a !== void 0 ? a : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,

package/dist/generated/mistica-icons/icon-loudspeaker-light.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,

package/dist/generated/mistica-icons/icon-loudspeaker-regular.js

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,

package/dist/generated/mistica-icons/icon-lungs-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: c, size: l = 24 } = _param, e = _object_without_properties(_param, [
+const t = (_param)=>{
+    var { color: e, size: l = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), n = c !== null && c !== void 0 ? c : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: a,
             d: "M18.143 8.1c.345.386 2.85 3.307 3.437 6.778.465 2.748.314 4.345-.495 5.18a1.96 1.96 0 0 1-1.346.552l-.063.002c-1.035 0-1.675-.544-2.029-.844l-.005-.005-.078-.067c-.297-.25-.379-.317-.718-.317h-.005c-.39 0-1.474-.09-1.644-.137-1.06-.277-1.645-1.12-1.645-2.372-.03-.695-.086-2.115-.112-3.577l-1.453-.734-1.43.72a140 140 0 0 1-.111 3.56c0 1.238-.586 2.081-1.65 2.361-.162.045-1.238.137-1.647.135-.336 0-.417.067-.717.316l-.079.067-.005.005c-.354.3-.994.844-2.028.844q-.064 0-.132-.003a1.96 1.96 0 0 1-1.274-.549c-.81-.832-.964-2.428-.499-5.179.588-3.473 3.093-6.392 3.437-6.782.499-.756 1.193-1.123 2.12-1.123 1.454 0 1.99.832 2.18 1.367.087.168.162.37.24.642v.002c.065.225.107.608.135 1.09l.034-.017V4.332a.94.94 0 0 1 .93-.947h1.014a.94.94 0 0 1 .93.947v5.697l.033.017c.025-.468.07-.84.132-1.059.076-.266.154-.473.24-.644.194-.535.73-1.367 2.183-1.367.927 0 1.622.367 2.12 1.123m-7.574 3.957 1.177-.594a.52.52 0 0 1 .473 0l1.202.608q.001-.428.005-.832l-.762-.386a.55.55 0 0 1-.297-.488V4.472h-.739v5.88a.55.55 0 0 1-.297.487l-.768.386q.008.405.006.832"
         })
     }));
-}, m = a;
+}, d = t;

package/dist/generated/mistica-icons/icon-lungs-light.js

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), n = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,7 +104,7 @@ const i = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: e,
             d: "M18.132 8.242c.072.07 2.829 3.123 3.448 6.782.462 2.725.325 4.297-.448 5.086-.076.076-.49.468-1.166.5q-.064.002-.128.002c-.98 0-1.578-.507-1.939-.815l-.084-.07c-.314-.264-.445-.373-.865-.373h-.009c-.44 0-1.493-.095-1.624-.131-.978-.258-1.521-1.045-1.521-2.213-.031-.712-.09-2.163-.118-3.65l-1.754-.885-1.602.806c-.028 1.499-.087 2.97-.117 3.687 0 1.165-.544 1.95-1.527 2.21-.129.036-1.182.131-1.62.131-.42.02-.557.11-.873.373l-.084.07c-.361.308-.958.815-1.939.815q-.062 0-.128-.003a1.78 1.78 0 0 1-1.166-.501c-.773-.79-.91-2.361-.448-5.087.622-3.658 3.376-6.711 3.493-6.84.426-.675 1.084-1.034 1.975-1.034 1.042 0 1.77.462 2.048 1.303.064.098.142.308.224.59.072.247.114.707.143 1.272l.347-.176V4.223c0-.463.37-.838.823-.838h1.037c.454 0 .823.375.823.838v5.882l.367.185c.026-.555.07-1.006.14-1.25.082-.285.16-.49.255-.66.247-.768.975-1.23 2.017-1.23.888 0 1.55.358 2.02 1.092m-6.39 3.378a.42.42 0 0 1 .373 0l1.554.79c-.002-.406-.002-.804.003-1.176l-.944-.476a.43.43 0 0 1-.232-.381V4.228l-1.023.014.014 6.118c0 .162-.09.308-.232.38l-.924.466c.005.356.008.734.005 1.123zm8.19 8.14a.96.96 0 0 0 .606-.246c.538-.555.61-2.017.21-4.35-.577-3.404-3.252-6.373-3.28-6.404-.359-.551-.75-.762-1.359-.762-1.014 0-1.193.544-1.252.723a2.8 2.8 0 0 0-.213.558c-.21.74-.16 4.4-.01 7.697 0 1.07.512 1.325.898 1.426.06.008.437.035.811.06l.607.044c.72 0 1.033.26 1.395.561l.005.004.09.076c.339.288.753.641 1.493.613M9.37 16.968c.145-3.334.199-6.992-.014-7.729a2.5 2.5 0 0 0-.182-.487c-.135-.381-.376-.793-1.283-.793-.608 0-1 .21-1.317.703l-.024.028c-.278.322-2.75 3.181-3.3 6.435-.393 2.327-.32 3.79.218 4.344.008.008.232.23.605.246.734.028 1.133-.31 1.467-.59l.115-.099c.365-.305.678-.565 1.398-.565.404-.017 1.322-.09 1.44-.11.364-.095.877-.35.877-1.383"
         })
     }));

package/dist/generated/mistica-icons/icon-lungs-regular.js

@@ -96,7 +96,7 @@ const t = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

package/dist/generated/mistica-icons/icon-managed-lan-filled.js

@@ -97,7 +97,7 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseVariant)(), o = n !== null && n !== void 0 ? n : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = n !== null && n !== void 0 ? n : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

package/dist/generated/mistica-icons/icon-managed-lan-light.js

@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), o = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
     return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

package/dist/generated/mistica-icons/icon-managed-lan-regular.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: v, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: v, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), r = v !== null && v !== void 0 ? v : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = v !== null && v !== void 0 ? v : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: a,
             d: "M19.685 15.33c.989 0 1.833.853 1.833 1.854 0 .777-.436 1.37-1.111 1.668v2.409c0 .407-.329.739-.732.739a.736.736 0 0 1-.731-.74v-2.408c-.366-.184-.732-.516-.914-.924h-4.398c-.182.408-.51.74-.914.924v2.409c0 .407-.328.739-.731.739a.736.736 0 0 1-.732-.74v-2.408c-.365-.184-.73-.516-.914-.924H5.944c-.183.408-.511.74-.914.924v2.409c0 .407-.328.739-.732.739a.736.736 0 0 1-.731-.74v-2.408c-.619-.298-1.097-.929-1.097-1.668 0-1 .844-1.854 1.833-1.854.736 0 1.36.441 1.65 1.11h4.43c.188-.408.479-.74.882-.925v-3.148H5.039a.736.736 0 0 1-.731-.74V2.74c0-.408.328-.74.731-.74h13.91c.403 0 .73.332.73.74v8.888c0 .408-.327.74-.73.74h-6.226v3.147c.436.185.731.517.914.924h4.397c.296-.625.92-1.109 1.65-1.109M18.222 3.48H5.77v7.405h12.452z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const s = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: a,
             d: "M19.685 15.33c.989 0 1.833.853 1.833 1.854 0 .777-.436 1.37-1.111 1.668v2.409c0 .407-.329.739-.732.739a.736.736 0 0 1-.731-.74v-2.408c-.366-.184-.732-.516-.914-.924h-4.398c-.182.408-.51.74-.914.924v2.409c0 .407-.328.739-.731.739a.736.736 0 0 1-.732-.74v-2.408c-.365-.184-.73-.516-.914-.924H5.944c-.183.408-.511.74-.914.924v2.409c0 .407-.328.739-.732.739a.736.736 0 0 1-.731-.74v-2.408c-.619-.298-1.097-.929-1.097-1.668 0-1 .844-1.854 1.833-1.854.736 0 1.36.441 1.65 1.11h4.43c.188-.408.479-.74.882-.925v-3.148H5.039a.736.736 0 0 1-.731-.74V2.74c0-.408.328-.74.731-.74h13.91c.403 0 .73.332.73.74v8.888c0 .408-.327.74-.73.74h-6.226v3.147c.436.185.731.517.914.924h4.397c.296-.625.92-1.109 1.65-1.109M18.222 3.48H5.77v7.405h12.452z"
         })
     }));

package/dist/generated/mistica-icons/icon-map-filled.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const n = (_param)=>{
     var { color: e, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -104,8 +104,8 @@ const a = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "m16.839 2.166 4.476.737c.302.05.526.31.53.619v16.955a.634.634 0 0 1-.735.62l-4.328-.715-4.596 1.431a.7.7 0 0 1-.188.028.6.6 0 0 1-.193-.028l-4.403-1.431-4.521.714a.628.628 0 0 1-.726-.619V3.52c0-.31.224-.574.53-.622l4.669-.736q.012-.002.024.001l.02.001.025-.004.029-.004c.028 0 .056.008.082.015l.038.01q.02.004.038.003.018 0 .035.003L12.001 3.6l4.546-1.414q.018-.006.038-.004.017 0 .032-.002l.034-.008a.3.3 0 0 1 .084-.014q.02 0 .037.006l.022.005q.008 0 .017-.002.015-.003.027 0m3.745 17.572V4.054l-3.222-.53v15.684zm-9.216.613V4.715L8.079 3.648v15.636z"
         })
     }));
-}, p = a;
+}, p = n;

package/dist/generated/mistica-icons/icon-map-light.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "m16.92 2.16 4.582.754a.41.41 0 0 1 .341.406V20.68a.409.409 0 0 1-.476.403l-4.487-.74-4.76 1.48a.4.4 0 0 1-.246-.003l-4.56-1.476-4.68.736-.007.001-.058.005a.41.41 0 0 1-.409-.409V3.32a.41.41 0 0 1 .347-.406l4.776-.753.014.001.014.001.016-.004.02-.004q.028.001.053.01l.029.007h.019a.1.1 0 0 1 .026.003l4.532 1.467 4.728-1.47a.1.1 0 0 1 .026-.003h.019l.03-.007q.022-.006.046-.007l.018.004.018.004.01-.001q.007-.003.018-.001M2.98 3.67v16.527l3.959-.625V3.046zm18.046 16.524V3.668l-3.762-.62v16.527zM16.443 3.121l-4.03 1.255v16.496l4.03-1.252zm-8.684.009v16.493l3.835 1.243V4.374z"
         })
     }));

package/dist/generated/mistica-icons/icon-map-regular.js

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,

package/dist/generated/mistica-icons/icon-mast-filled.js

@@ -92,18 +92,18 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: i, size: l = 24 } = _param, e = _object_without_properties(_param, [
+const d = (_param)=>{
+    var { color: i, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), a = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -119,11 +119,11 @@ const v = (_param)=>{
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -139,4 +139,4 @@ const v = (_param)=>{
             })
         ]
     }));
-}, M = v;
+}, M = d;

package/dist/generated/mistica-icons/icon-mast-light.js

@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: m } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: m } = (0, _hooks.useTheme)();
     return m.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,

package/dist/generated/mistica-icons/icon-mast-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: t, size: a = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), r = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M14.862 2.739 12.005 2l-2.858.739v12.233h2.144v6.29c0 .407.32.738.713.738a.727.727 0 0 0 .714-.739v-6.29h2.144zm-9.56 1.075a6.73 6.73 0 0 0-1.87 4.684c0 1.596.552 3.14 1.554 4.352a.755.755 0 0 1-.073 1.042.7.7 0 0 1-.467.18.7.7 0 0 1-.54-.256A8.32 8.32 0 0 1 2 8.498c0-2.155.81-4.192 2.286-5.726a.694.694 0 0 1 1.01-.005.755.755 0 0 1 .005 1.047m14.416-1.042a.7.7 0 0 0-1.01-.005.764.764 0 0 0-.005 1.047 6.72 6.72 0 0 1 1.87 4.684 6.8 6.8 0 0 1-1.559 4.352.76.76 0 0 0 .073 1.042c.133.118.302.18.467.18a.69.69 0 0 0 .54-.256A8.32 8.32 0 0 0 22 8.498a8.17 8.17 0 0 0-2.282-5.726m-.21 5.636a5.63 5.63 0 0 1-1.893 4.229.7.7 0 0 1-.462.175.71.71 0 0 1-.544-.26.755.755 0 0 1 .082-1.042 4.13 4.13 0 0 0 1.39-3.102c0-1.293-.58-2.487-1.59-3.263a.76.76 0 0 1-.147-1.037.7.7 0 0 1 1.001-.152c1.372 1.06 2.163 2.685 2.163 4.452M6.668 3.956c-1.376 1.06-2.167 2.68-2.167 4.452 0 1.629.69 3.168 1.893 4.229a.7.7 0 0 0 .462.175.71.71 0 0 0 .544-.26.755.755 0 0 0-.082-1.042 4.12 4.12 0 0 1-1.39-3.102c0-1.298.58-2.487 1.591-3.263a.76.76 0 0 0 .146-1.037.7.7 0 0 0-.997-.152m3.91 9.538v-9.6l.892-.232v9.832zm1.962-9.832.891.232v9.596h-.891z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,10 +113,10 @@ const s = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M14.862 2.739 12.005 2l-2.858.739v12.233h2.144v6.29c0 .407.32.738.713.738a.727.727 0 0 0 .714-.739v-6.29h2.144zm-9.56 1.075a6.73 6.73 0 0 0-1.87 4.684c0 1.596.552 3.14 1.554 4.352a.755.755 0 0 1-.073 1.042.7.7 0 0 1-.467.18.7.7 0 0 1-.54-.256A8.32 8.32 0 0 1 2 8.498c0-2.155.81-4.192 2.286-5.726a.694.694 0 0 1 1.01-.005.755.755 0 0 1 .005 1.047m14.416-1.042a.7.7 0 0 0-1.01-.005.764.764 0 0 0-.005 1.047 6.72 6.72 0 0 1 1.87 4.684 6.8 6.8 0 0 1-1.559 4.352.76.76 0 0 0 .073 1.042c.133.118.302.18.467.18a.69.69 0 0 0 .54-.256A8.32 8.32 0 0 0 22 8.498a8.17 8.17 0 0 0-2.282-5.726m-.21 5.636a5.63 5.63 0 0 1-1.893 4.229.7.7 0 0 1-.462.175.71.71 0 0 1-.544-.26.755.755 0 0 1 .082-1.042 4.13 4.13 0 0 0 1.39-3.102c0-1.293-.58-2.487-1.59-3.263a.76.76 0 0 1-.147-1.037.7.7 0 0 1 1.001-.152c1.372 1.06 2.163 2.685 2.163 4.452M6.668 3.956c-1.376 1.06-2.167 2.68-2.167 4.452 0 1.629.69 3.168 1.893 4.229a.7.7 0 0 0 .462.175.71.71 0 0 0 .544-.26.755.755 0 0 0-.082-1.042 4.12 4.12 0 0 1-1.39-3.102c0-1.298.58-2.487 1.591-3.263a.76.76 0 0 0 .146-1.037.7.7 0 0 0-.997-.152m3.91 9.538v-9.6l.892-.232v9.832zm1.962-9.832.891.232v9.596h-.891z"
         })
     }));
-}, u = s;
+}, d = s;

package/dist/generated/mistica-icons/icon-meatball-filled.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const c = (_param)=>{
+const a = (_param)=>{
     var { color: l, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = l !== null && l !== void 0 ? l : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = l !== null && l !== void 0 ? l : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -108,4 +108,4 @@ const c = (_param)=>{
             d: "M16.745 12.314c0-1.277 1.1-2.314 2.459-2.314 1.36 0 2.456 1.037 2.456 2.314s-1.1 2.312-2.459 2.312c-1.36 0-2.456-1.035-2.456-2.312m-7.374 0c0-1.277 1.1-2.314 2.459-2.314 1.36 0 2.459 1.035 2.459 2.314 0 1.277-1.1 2.312-2.459 2.312-1.36 0-2.459-1.035-2.459-2.312M4.456 10C3.1 10 2 11.037 2 12.314s1.097 2.312 2.456 2.312c1.36 0 2.459-1.035 2.459-2.312 0-1.28-1.102-2.314-2.459-2.314"
         })
     }));
-}, f = c;
+}, f = a;

package/dist/generated/mistica-icons/icon-medical-history-filled.js

@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), c = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
     return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,

package/dist/generated/mistica-icons/icon-medical-history-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return V;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), a = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
     return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const n = (_param)=>{
             d: "M19.382 4.746c0-.591-.686-1.132-1.443-1.132h-3.154c-.32-.717-1.064-1.459-2.781-1.459-1.412 0-2.367.513-2.787 1.457H6.063c-.754 0-1.443.54-1.443 1.134V20.71c0 .613.661 1.131 1.443 1.131h11.876c.782 0 1.443-.515 1.443-1.131zM12 2.956c1.17 0 1.86.381 2.106 1.168q.102.338.11.692v.132c-.012.344-.031.818-2.219.818S9.794 5.292 9.78 4.9l.005-.154c.06-1.221.76-1.79 2.216-1.79m6.571 17.754c0 .109-.274.33-.63.33H6.065c-.355 0-.63-.218-.63-.33V4.746c0-.078.26-.33.63-.33h2.95l-.013.086q-.017.09-.02.188l-.006.092v.194c.047 1.32 1.246 1.59 3.03 1.59 1.785 0 2.984-.268 3.029-1.573l.002-.093-.008-.19a3 3 0 0 0-.03-.294h2.943c.37 0 .63.249.63.33zM11.1 5.088a.405.405 0 0 1-.406-.4c0-.222.182-.401.406-.401H12.9c.224 0 .406.179.406.4s-.182.4-.406.4zm7.036 9.07c0-.221-.182-.4-.406-.4l-2.577.002-.815-2.291a.4.4 0 0 0-.395-.266.4.4 0 0 0-.378.285l-.675 2.272h-.664a.41.41 0 0 0-.39.283l-.268.874-1.02-5.028a.4.4 0 0 0-.378-.322.39.39 0 0 0-.409.28l-1.21 3.857H6.273a.4.4 0 0 0-.407.4.403.403 0 0 0 .407.401H8.85c.179 0 .336-.115.389-.283l.826-2.633 1.023 5.042a.4.4 0 0 0 .378.322h.02c.179 0 .336-.114.389-.283l.653-2.112h.666a.4.4 0 0 0 .39-.285l.406-1.367.493 1.386a.41.41 0 0 0 .383.266h2.863c.224 0 .406-.179.406-.4"
         })
     }));
-}, d = n;
+}, V = n;

package/dist/generated/mistica-icons/icon-medical-history-regular.js

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: r, size: h = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: o, size: h = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), c = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
     return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: s, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), c = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = s !== null && s !== void 0 ? s : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: i,
             d: "M2.735 5.752a.575.575 0 0 1-.58-.568c0-.314.26-.569.58-.569h18.53c.319 0 .58.255.58.569s-.261.568-.58.568zm18.527 5.678c.319 0 .58.255.58.569s-.261.568-.58.568H2.735a.575.575 0 0 1-.58-.568c0-.314.26-.569.58-.569zm.58 7.384a.575.575 0 0 0-.58-.569H2.735c-.32 0-.58.255-.58.569s.26.569.58.569h18.527c.319 0 .58-.255.58-.57"
         })
     }));

package/dist/generated/mistica-icons/icon-menu-regular.js

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,

package/dist/generated/mistica-icons/icon-microchip-filled.js

@@ -96,7 +96,7 @@ const t = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = v !== null && v !== void 0 ? v : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = v !== null && v !== void 0 ? v : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,

package/dist/generated/mistica-icons/icon-microchip-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: r, size: h = 24 } = _param, v = _object_without_properties(_param, [
+const e = (_param)=>{
+    var { color: c, size: h = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), i = r !== null && r !== void 0 ? r : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = c !== null && c !== void 0 ? c : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
@@ -108,4 +108,4 @@ const s = (_param)=>{
             d: "M21.839 12.006a.41.41 0 0 1-.412.412l-2.827-.003v1.65h2.835a.414.414 0 0 1 0 .826h-2.829v2.647c0 .572-.53 1.073-1.132 1.073h-2.582v2.82a.412.412 0 0 1-.824 0v-2.82h-1.65v2.82a.412.412 0 0 1-.823 0v-2.82h-1.65v2.82a.414.414 0 0 1-.826 0v-2.82H6.536c-.602 0-1.132-.501-1.132-1.073v-2.647H2.567a.412.412 0 0 1 0-.823h2.837v-1.65H2.567a.412.412 0 0 1 0-.824h2.837v-1.65H2.567a.412.412 0 0 1 0-.826h2.835V6.496c0-.566.54-1.081 1.131-1.081h2.583V2.572a.412.412 0 0 1 .826 0v2.843h1.65V2.572a.412.412 0 0 1 .823 0v2.843h1.65V2.572c0-.227.185-.412.412-.412s.412.185.41.412v2.846h2.582c.594 0 1.131.515 1.131 1.08v2.623h2.83a.412.412 0 0 1 0 .823H18.6v1.65h2.827c.227 0 .412.185.412.412m-4.37 5.781c.154 0 .305-.14.305-.246V6.499c0-.1-.162-.255-.305-.255H6.536c-.143 0-.305.154-.305.255V17.54c0 .11.143.246.305.246z"
         })
     }));
-}, p = s;
+}, p = e;

package/dist/generated/mistica-icons/icon-microchip-regular.js

@@ -96,7 +96,7 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseVariant)(), e = h !== null && h !== void 0 ? h : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = h !== null && h !== void 0 ? h : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,

package/dist/generated/mistica-icons/icon-microphone-filled.js

@@ -97,8 +97,8 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), i = c !== null && c !== void 0 ? c : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
-    return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = c !== null && c !== void 0 ? c : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const s = (_param)=>{
             fill: i,
             d: "M8.52 5.518v8.52c0 1.973 1.53 3.52 3.485 3.52s3.485-1.547 3.485-3.52v-8.52C15.49 3.546 13.959 2 12.005 2S8.52 3.546 8.52 5.518M16.044 22a.74.74 0 0 0-.014-1.48h-3.302v-.796c2.691-.365 4.772-2.688 4.772-5.5a.737.737 0 0 0-.733-.74.737.737 0 0 0-.732.74c0 2.243-1.813 4.073-4.035 4.073s-4.035-1.826-4.035-4.073a.737.737 0 0 0-.732-.74.737.737 0 0 0-.733.74c0 2.812 2.085 5.135 4.772 5.5v.797H7.97a.737.737 0 0 0-.733.74c0 .407.33.739.733.739z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-microphone-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), r = s !== null && s !== void 0 ? s : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = s !== null && s !== void 0 ? s : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const v = (_param)=>{
             d: "M11.998 2.155c2.79 0 4.325 1.555 4.325 4.375v6.79c0 2.821-1.535 4.376-4.328 4.376-2.79 0-4.325-1.555-4.325-4.376V6.53c0-2.82 1.538-4.375 4.328-4.375m3.51 11.162V6.53c0-2.355-1.183-3.549-3.51-3.549s-3.51 1.194-3.51 3.55v6.79c0 2.352 1.182 3.548 3.51 3.548s3.51-1.196 3.51-3.552m-2.533 7.558a.96.96 0 0 0-.955-.966.96.96 0 0 0-.955.966.96.96 0 0 0 .955.966.96.96 0 0 0 .955-.966m2.373-1.933a.96.96 0 0 1 .955.966.96.96 0 0 1-.955.967.96.96 0 0 1-.955-.966.96.96 0 0 1 .955-.967m3.627-1.336a.96.96 0 0 0-.955-.966.96.96 0 0 0-.955.966.96.96 0 0 0 .955.966.96.96 0 0 0 .955-.966m0-4.255a.82.82 0 0 1 .815.824.82.82 0 0 1-.815.826.82.82 0 0 1-.815-.826.82.82 0 0 1 .815-.824M9.6 19.908a.96.96 0 0 0-.955-.966.96.96 0 0 0-.955.966.96.96 0 0 0 .955.967.96.96 0 0 0 .955-.966M5.975 16.64a.96.96 0 0 1 .955.966.96.96 0 0 1-.955.966.96.96 0 0 1-.955-.966c0-.532.429-.966.955-.966M5.02 15a.82.82 0 0 0 .815-.825.82.82 0 0 0-.815-.824.82.82 0 0 0-.815.824.82.82 0 0 0 .815.826"
         })
     }));
-}, d = v;
+}, f = v;

package/dist/generated/mistica-icons/icon-microphone-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), r = a !== null && a !== void 0 ? a : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = a !== null && a !== void 0 ? a : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const h = (_param)=>{
             d: "M11.998 2.155c2.921 0 4.529 1.61 4.529 4.532v6.72c0 2.922-1.608 4.532-4.53 4.532-2.921 0-4.529-1.61-4.529-4.532v-6.72c0-2.921 1.608-4.532 4.53-4.532m3.308 11.252v-6.72c0-2.227-1.082-3.31-3.308-3.31s-3.309 1.08-3.309 3.31v6.72c0 2.227 1.082 3.311 3.309 3.311 2.226 0 3.308-1.084 3.308-3.31m-2.33 7.48a.957.957 0 0 0-.956-.959.957.957 0 0 0 0 1.913.956.956 0 0 0 .955-.955m2.372-1.914a.956.956 0 1 1-.003 1.913.956.956 0 0 1 .003-1.913m3.627-1.325a.956.956 0 0 0-1.91 0 .956.956 0 0 0 1.91 0m0-4.21a.814.814 0 1 1 0 1.63.814.814 0 1 1 0-1.63m-9.372 6.49a.956.956 0 1 0-1.913.002.956.956 0 0 0 1.913-.002m-3.628-3.235a.956.956 0 0 1 0 1.91.956.956 0 0 1 0-1.91M5.02 15.07a.814.814 0 0 0 .815-.815.814.814 0 1 0-.815.815"
         })
     }));
-}, d = h;
+}, f = h;