@telefonica/mistica 15.20.1 → 16.1.0

package/dist/generated/mistica-icons/icon-video-camera-filled.js

@@ -97,7 +97,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), i = c !== null && c !== void 0 ? c : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = c !== null && c !== void 0 ? c : 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({
         width: e,
         height: e,

package/dist/generated/mistica-icons/icon-video-camera-light.js

@@ -97,7 +97,7 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), t = i !== null && i !== void 0 ? i : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = i !== null && i !== void 0 ? i : c ? _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: e,
         height: e,

package/dist/generated/mistica-icons/icon-video-camera-regular.js

@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_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 l = (0, _themevariantcontext.useIsInverseVariant)(), t = c !== null && c !== void 0 ? c : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = c !== null && c !== void 0 ? c : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    return t.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M3.277 7.806c0-.579.476-1.048 1.063-1.048h9.362c.588 0 1.064.47 1.064 1.048v8.388c0 .579-.476 1.048-1.064 1.048H4.34c-.587 0-1.063-.47-1.063-1.049zm12.766 2.972V7.806c0-1.273-1.048-2.306-2.34-2.306H4.34C3.048 5.5 2 6.533 2 7.806v8.388C2 17.467 3.048 18.5 4.34 18.5h9.362c1.293 0 2.34-1.033 2.34-2.306v-2.972l4.949 3.484c.194.136.45.155.663.047a.63.63 0 0 0 .346-.56V7.808a.63.63 0 0 0-.346-.56.65.65 0 0 0-.663.048zm4.68 4.193-4.22-2.97 4.22-2.972z"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M21.554 6.062a.71.71 0 0 0-.806.16l-4.672 4.857V7.2c0-.66-.498-1.198-1.11-1.198H3.11c-.612 0-1.11.537-1.11 1.198v9.598c0 .66.498 1.198 1.11 1.198h11.856c.612 0 1.11-.538 1.11-1.198v-3.88l4.672 4.858a.71.71 0 0 0 .801.164.8.8 0 0 0 .45-.738V6.794a.78.78 0 0 0-.445-.732m-6.957 10.33H3.48V7.599h11.117zm2.736-4.397 3.192-3.317v6.634z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const v = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M21.554 6.062a.71.71 0 0 0-.806.16l-4.672 4.857V7.2c0-.66-.498-1.198-1.11-1.198H3.11c-.612 0-1.11.537-1.11 1.198v9.598c0 .66.498 1.198 1.11 1.198h11.856c.612 0 1.11-.538 1.11-1.198v-3.88l4.672 4.858a.71.71 0 0 0 .801.164.8.8 0 0 0 .45-.738V6.794a.78.78 0 0 0-.445-.732m-6.957 10.33H3.48V7.599h11.117zm2.736-4.397 3.192-3.317v6.634z"
         })
     }));

package/dist/generated/mistica-icons/icon-video-chat-filled.js

@@ -97,7 +97,7 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : a ? _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: e,
         height: e,

package/dist/generated/mistica-icons/icon-video-chat-light.js

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

package/dist/generated/mistica-icons/icon-video-chat-regular.js

@@ -97,7 +97,7 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), a = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = i !== null && i !== void 0 ? i : 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({
         width: e,
         height: e,

package/dist/generated/mistica-icons/icon-video-disabled-filled.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: t, size: e = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), i = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = a !== null && a !== void 0 ? a : t ? _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: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: l,
             d: "M21.375 6.734a.37.37 0 0 1 .4-.076c.136.062.22.194.225.341v10.369a.37.37 0 0 1-.371.37.37.37 0 0 1-.254-.104l-5.26-5.126v2.954l5.538 5.59a.56.56 0 0 1 0 .787.55.55 0 0 1-.39.161.55.55 0 0 1-.39-.161L2.162 2.95a.56.56 0 0 1 0-.787.546.546 0 0 1 .78 0l4.433 4.475h8.383c.198 0 .357.161.357.36v4.86zm-6.04 11L4.352 6.643v-.005h-1.8a.36.36 0 0 0-.356.36v10.374c0 .199.16.36.357.36z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const v = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: l,
             d: "M21.375 6.734a.37.37 0 0 1 .4-.076c.136.062.22.194.225.341v10.369a.37.37 0 0 1-.371.37.37.37 0 0 1-.254-.104l-5.26-5.126v2.954l5.538 5.59a.56.56 0 0 1 0 .787.55.55 0 0 1-.39.161.55.55 0 0 1-.39-.161L2.162 2.95a.56.56 0 0 1 0-.787.546.546 0 0 1 .78 0l4.433 4.475h8.383c.198 0 .357.161.357.36v4.86zm-6.04 11L4.352 6.643v-.005h-1.8a.36.36 0 0 0-.356.36v10.374c0 .199.16.36.357.36z"
         })
     }));

package/dist/generated/mistica-icons/icon-video-disabled-light.js

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

package/dist/generated/mistica-icons/icon-video-disabled-regular.js

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

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

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const c = (_param)=>{
-    var { color: s, size: e = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), h = s !== null && s !== void 0 ? s : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = a !== null && a !== void 0 ? a : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
     return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -138,7 +138,7 @@ const c = (_param)=>{
     }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
-            d: "M21.828 6.682s.285-3.698-3.639-3.698L5.76 2.987s-.072-.005-.196-.005c-.753 0-3.409.243-3.409 3.678 0 4.002.003 10.66.003 10.66s-.246 3.684 3.616 3.684h12.418s.12.017.314.017c.882 0 3.324-.308 3.324-3.72zM3.399 6.399c.073-1.294.639-1.68.838-1.807.333-.215.705-.297.991-.33v2.137zm15.359 13.356v-2.101h1.832c-.037.74-.286 1.977-1.832 2.1M3.393 17.67h1.835v2.047q-.824-.113-1.266-.58c-.431-.462-.54-1.112-.569-1.467M20.598 6.385H18.76v-2.11c.56.08.992.275 1.283.592.451.487.538 1.182.555 1.518m0 10.02h-1.84v-2.087h1.84zm-1.84-6.681V7.637h1.84v2.087zm1.84 3.339h-1.84v-2.087h1.84zM3.385 16.419v-2.087h1.84v2.087zm1.843-6.687H3.385v-2.08h1.843zm-1.843 1.253h1.84v2.092h-1.84zm6.356 3.599V9.42l4.39 2.583zm-.308-6.787 6.238 3.664c.19.112.305.319.305.543a.63.63 0 0 1-.308.543l-6.235 3.664a.61.61 0 0 1-.617 0 .62.62 0 0 1-.308-.54V8.34a.63.63 0 0 1 .308-.544.61.61 0 0 1 .617 0"
+            d: "M21.828 6.682s.286-3.698-3.639-3.698l-12.428.003s-.073-.005-.196-.005c-.754 0-3.41.243-3.41 3.678 0 4.002.003 10.66.003 10.66s-.246 3.684 3.617 3.684h12.417s.12.017.314.017c.882 0 3.325-.308 3.325-3.72 0-4.162-.003-10.619-.003-10.619M3.399 6.399c.073-1.294.639-1.68.838-1.807.333-.215.706-.297.991-.33v2.137zm15.359 13.356v-2.101h1.832c-.037.74-.286 1.977-1.832 2.1M3.394 17.67h1.834v2.047q-.824-.113-1.266-.58c-.431-.462-.54-1.112-.568-1.467M20.598 6.385h-1.837v-2.11c.56.08.991.275 1.283.592.45.487.537 1.182.554 1.518m0 10.02h-1.84v-2.087h1.84zm-1.84-6.681V7.637h1.84v2.087zm1.84 3.339h-1.84v-2.087h1.84zM3.385 16.419v-2.087h1.84v2.087zm1.843-6.687H3.385v-2.08h1.843zm-1.843 1.253h1.84v2.092h-1.84zm6.356 3.599V9.42l4.39 2.583zm-.308-6.787 6.238 3.664c.19.112.305.319.305.543a.63.63 0 0 1-.308.543l-6.235 3.664a.61.61 0 0 1-.616 0 .62.62 0 0 1-.308-.54V8.34a.63.63 0 0 1 .308-.544.61.61 0 0 1 .616 0"
         })
     }));
 }, V = c;

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

@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: r, size: e = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: c, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), t = r !== null && r !== void 0 ? r : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
-    return c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = c !== null && c !== void 0 ? c : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.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 n = (_param)=>{
             fill: t,
             d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12m1.43 0c0-4.726 3.844-8.57 8.57-8.57s8.57 3.844 8.57 8.57-3.844 8.57-8.57 8.57S3.43 16.726 3.43 12m5.535 5.713A.71.71 0 0 1 8.252 17V7c0-.256.137-.494.357-.617a.71.71 0 0 1 .717.005l8.57 4.995a.714.714 0 0 1 0 1.234l-8.57 5a.74.74 0 0 1-.36.096m.713-1.96L16.118 12l-6.44-3.757z"
         })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.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-video-regular.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: a, size: e = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), r = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = a !== null && a !== void 0 ? a : c ? _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: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: l,
             d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12m1.43 0c0-4.726 3.844-8.57 8.57-8.57s8.57 3.844 8.57 8.57-3.844 8.57-8.57 8.57S3.43 16.726 3.43 12m5.535 5.713A.71.71 0 0 1 8.252 17V7c0-.256.137-.494.357-.617a.71.71 0 0 1 .717.005l8.57 4.995a.714.714 0 0 1 0 1.234l-8.57 5a.74.74 0 0 1-.36.096m.713-1.96L16.118 12l-6.44-3.757z"
         })
     })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: l,
             d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12m1.43 0c0-4.726 3.844-8.57 8.57-8.57s8.57 3.844 8.57 8.57-3.844 8.57-8.57 8.57S3.43 16.726 3.43 12m5.535 5.713A.71.71 0 0 1 8.252 17V7c0-.256.137-.494.357-.617a.71.71 0 0 1 .717.005l8.57 4.995a.714.714 0 0 1 0 1.234l-8.57 5a.74.74 0 0 1-.36.096m.713-1.96L16.118 12l-6.44-3.757z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: l,
             d: "M21.834 6.677s.288-3.7-3.639-3.7-12.437.005-12.437.005-.07-.005-.196-.005c-.754 0-3.41.244-3.41 3.68 0 4.003.004 10.664.004 10.664s-.247 3.687 3.619 3.687h12.423s.12.016.314.016c.882 0 3.324-.31 3.324-3.722zM6.458 19.753V4.235l4.167-.003h.002l6.907-.003v15.524zM4.237 4.585c.333-.216.706-.297.992-.33V6.39h-1.83c.073-1.294.64-1.68.838-1.806m16.361 13.067c-.039.74-.288 1.977-1.834 2.1v-2.1zM3.962 19.137c-.43-.463-.54-1.113-.568-1.468h1.835v2.047q-.825-.11-1.267-.58M20.047 4.859c.453.488.54 1.182.557 1.518H18.76V4.268q.842.118 1.286.591M18.764 16.4v-2.086h1.843V16.4zm1.84-6.68h-1.84V7.63h1.84zm-1.84 3.339v-2.09h1.84v2.09zM3.385 16.417V14.33H5.23v2.087zm1.844-6.69H3.385v-2.08H5.23zM3.385 10.98H5.23v2.095H3.385zm6.359 3.602V9.417l4.392 2.582zm6.238-2.583a.63.63 0 0 0-.308-.543L9.436 7.789a.61.61 0 0 0-.616 0 .63.63 0 0 0-.309.544v7.333a.63.63 0 0 0 .309.543.61.61 0 0 0 .616 0l6.238-3.666a.63.63 0 0 0 .308-.544"
         })
     }));

package/dist/generated/mistica-icons/icon-video-surveillance-security-filled.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: a, size: l = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: a, size: l = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), r = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: i,
             d: "M21.797 8.465a1.45 1.45 0 0 0-.897-.677l-1.312-.339.188-.73a1.13 1.13 0 0 0-.12-.864 1.13 1.13 0 0 0-.698-.525L6.2 2.036a1.14 1.14 0 0 0-1.386.818l-1.412 5.47a1.14 1.14 0 0 0 .818 1.385l6.159 1.59-2.155 6.076H5.806v-2.487c0-.591-.484-1.072-1.075-1.072H3.075c-.594 0-1.075.48-1.075 1.072v5.978c0 .592.483 1.073 1.075 1.073H4.73c.591 0 1.075-.481 1.075-1.073v-2.483h2.481c.393 0 .74-.25.867-.618l2.203-6.212 5.619 1.45q.142.035.285.036c.507 0 .972-.34 1.103-.851l.168-.65 1.308.336q.187.05.373.05c.257 0 .512-.07.743-.207.34-.197.579-.516.677-.897l.318-1.242c.1-.38.044-.776-.154-1.113m-.823.861q0 .005 0 0l-.321 1.245a.455.455 0 0 1-.56.329l-1.312-.324.55-2.134 1.314.326a.456.456 0 0 1 .33.558"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const v = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: i,
             d: "M20.821 8.102a1.344 1.344 0 0 1 .975 1.644l-.364 1.434a1.357 1.357 0 0 1-1.647.98l-.737-.187-.056.216a1.45 1.45 0 0 1-1.773 1.056l-5.204-1.325L9.72 18.42a.62.62 0 0 1-.58.41H6.127v1.548a1.46 1.46 0 0 1-1.46 1.462H3.614a1.46 1.46 0 0 1-1.46-1.459v-5.317c0-.803.656-1.459 1.46-1.459h1.059c.807 0 1.46.656 1.46 1.462v2.535h2.58l2.111-5.986-5.935-1.51A1.466 1.466 0 0 1 3.833 8.33l1.288-5.07v-.006a1.46 1.46 0 0 1 1.773-1.05l12.34 3.14c.377.095.694.333.893.67.199.335.255.728.16 1.106l-.202.795zm-.73 2.865a.123.123 0 0 0 .15-.09l.365-1.43a.12.12 0 0 0-.09-.149l-.737-.188-.425 1.67z"
         })
     }));

package/dist/generated/mistica-icons/icon-video-surveillance-security-light.js

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: c, size: a = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: o, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), o = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = o !== null && o !== void 0 ? o : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -105,7 +105,7 @@ const s = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "m21.074 7.943-1.61-.416.268-1.031a.872.872 0 0 0-.63-1.075L5.96 2.029a.88.88 0 0 0-1.075.63l-1.46 5.655c-.121.47.162.954.632 1.075l6.61 1.705.051-.142.02.008-.048.139-.02-.005-2.336 6.591-.003.005a.17.17 0 0 1-.1.103.2.2 0 0 1-.067.013h-3.09v-.008h.292v-2.823a.83.83 0 0 0-.833-.831h-1.7a.83.83 0 0 0-.833.83v6.142c0 .457.373.83.833.83h1.7a.83.83 0 0 0 .833-.828V18.3h2.796a.6.6 0 0 0 .208-.034.66.66 0 0 0 .45-.427l2.348-6.617 6.03 1.556q.113.028.222.028a.86.86 0 0 0 .445-.123.87.87 0 0 0 .406-.537l.244-.947 1.608.414q.154.042.313.041c.216 0 .43-.056.623-.17.285-.166.488-.437.57-.755l.33-1.276a1.24 1.24 0 0 0-.885-1.51M4.873 21.118a.336.336 0 0 1-.34.335h-1.7a.34.34 0 0 1-.34-.337v-6.141c0-.186.152-.337.34-.337h1.7c.188 0 .34.151.34.337zm12.922-9.093a.385.385 0 0 1-.473.277L4.181 8.91a.39.39 0 0 1-.278-.473l1.458-5.652a.385.385 0 0 1 .473-.278l13.142 3.392c.1.026.185.09.239.18.051.09.067.193.038.296zm3.688-2.695-.33 1.275a.73.73 0 0 1-.344.455c-.17.1-.37.129-.56.077l-1.608-.403.697-2.708 1.615.396a.746.746 0 0 1 .53.908"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const s = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M20.952 8.221c.303.076.563.269.72.538.16.266.207.585.126.888l-.372 1.462-.002.007-.001.007a1.166 1.166 0 0 1-1.423.835l-.955-.241-.107.423a1.28 1.28 0 0 1-1.557.927l-5.499-1.4-2.406 6.82a.42.42 0 0 1-.395.28H5.818l-.014-.003-.014-.002v1.798c0 .706-.574 1.28-1.28 1.28H3.434a1.28 1.28 0 0 1-1.283-1.28v-5.431c0-.706.574-1.283 1.283-1.283h1.073c.706 0 1.28.577 1.28 1.283v2.804q.009 0 .014-.003t.014-.003h2.966l2.283-6.468-6.282-1.6a1.27 1.27 0 0 1-.788-.585 1.28 1.28 0 0 1-.14-.972l1.317-5.179c.176-.686.871-1.1 1.557-.927l12.6 3.207c.686.177 1.1.874.927 1.56l-.258 1.014zm-3.361 4.036a.44.44 0 0 0 .535-.322s1.317-5.179 1.314-5.182a.44.44 0 0 0-.32-.538L6.521 3.011a.445.445 0 0 0-.538.322L4.667 8.51a.44.44 0 0 0 .05.333.43.43 0 0 0 .272.204l12.596 3.21zm3.025-1.355.373-1.463a.343.343 0 0 0-.241-.411l-.955-.244-.538 2.115.955.244.003.002h.003a.33.33 0 0 0 .4-.243M4.95 20.562h.002V15.13a.444.444 0 0 0-.442-.443H3.434a.444.444 0 0 0-.442.443v5.43c0 .247.196.444.442.446h1.073a.444.444 0 0 0 .443-.442"
         })
     }));

package/dist/generated/mistica-icons/icon-video-surveillance-security-regular.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), i = l !== null && l !== void 0 ? l : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = l !== null && l !== void 0 ? l : a ? _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-videogames-filled.js

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

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

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

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

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

package/dist/generated/mistica-icons/icon-view-360-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 m = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), o = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -105,7 +105,7 @@ const m = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: a,
             d: "M18.993 11.283c0-2.004-.822-3.22-2.182-3.22s-2.182 1.216-2.182 3.22c0 2.003.823 3.22 2.182 3.22 1.324 0 2.182-1.252 2.182-3.22m-2.182 2.146c-1.073 0-1.109-1.788-1.109-2.146 0-.644.107-2.147 1.11-2.147 1.037 0 1.108 1.646 1.108 2.147 0 1.002-.286 2.146-1.109 2.146m-8.014-2.146a1.87 1.87 0 0 1-1.288 3.22c-1.287 0-1.824-.466-1.931-.573a.52.52 0 0 1 0-.751.52.52 0 0 1 .75 0s.323.25 1.181.25c.43 0 .788-.357.788-.787a.794.794 0 0 0-.788-.787h-.93a.55.55 0 0 1-.536-.536.55.55 0 0 1 .536-.537h.93c.43 0 .788-.358.788-.787a.794.794 0 0 0-.788-.787c-.858 0-1.18.25-1.18.286a.52.52 0 0 1-.751 0c-.215-.215-.215-.572 0-.751.107-.108.644-.573 1.931-.573a1.87 1.87 0 0 1 1.86 1.86c-.035.43-.25.895-.572 1.253m3.005-2.04c.43-.178.966.036 1.145.144.25.143.573.035.716-.215s.036-.572-.215-.715c-.107-.072-1.073-.573-2.039-.18-.608.251-1.038.788-1.252 1.575-.322 1.073-.143 2.468-.107 2.647.035 1.11.93 2.04 2.039 2.04s2.039-.93 2.039-2.076c0-1.144-.93-2.075-2.04-2.075-.357 0-.679.108-.965.25.036-.142.036-.321.107-.464.072-.537.286-.823.572-.93m.25 2.147c.538 0 .967.465.967 1.002 0 .572-.43 1.002-.966 1.002-.537 0-.966-.466-.966-1.002 0-.573.43-1.002.966-1.002m9.338 7.477-3.9.573-.572-3.9c-.071-.393.215-.751.609-.823.393-.071.75.215.822.608l.25 1.682a8.36 8.36 0 0 0 1.682-5.009c-.035-4.65-3.792-8.407-8.443-8.407a8.4 8.4 0 0 0-8.407 8.407 8.4 8.4 0 0 0 8.407 8.408c1.18 0 2.326-.25 3.435-.716a.68.68 0 0 1 .93.358.68.68 0 0 1-.358.93 9.6 9.6 0 0 1-4.007.859A9.833 9.833 0 0 1 2 11.998C2 6.56 6.4 2.16 11.838 2.16s9.839 4.4 9.839 9.838c0 2.04-.609 4.007-1.79 5.617l1.289-.179c.393-.071.751.215.823.608a.75.75 0 0 1-.609.823"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,8 +115,8 @@ const m = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: a,
             d: "M18.101 11.996c0-1.93-.765-3.095-2.04-3.095s-2.04 1.165-2.04 3.095c0 1.894.802 3.096 2.04 3.096 1.239 0 2.04-1.202 2.04-3.096m-3.35 0c0-.728.145-2.367 1.31-2.367 1.239 0 1.311 1.821 1.311 2.367 0 1.093-.327 2.368-1.31 2.368-1.203 0-1.312-1.821-1.312-2.368m-6.484 0c.4.328.692.802.692 1.384 0 .947-.765 1.749-1.748 1.749-1.275 0-1.785-.474-1.821-.51a.35.35 0 0 1 0-.51.35.35 0 0 1 .51 0s.364.328 1.31.328c.547 0 1.02-.474 1.02-1.02s-.436-1.02-1.02-1.02h-.946c-.219 0-.364-.146-.364-.364 0-.219.145-.364.364-.364h.947c.546 0 1.02-.437 1.02-1.02 0-.546-.474-1.02-1.02-1.02-.947 0-1.311.328-1.311.328-.146.145-.365.109-.51 0a.35.35 0 0 1 0-.51c.036-.037.546-.51 1.82-.51.948 0 1.75.765 1.75 1.748-.037.51-.292.984-.693 1.311m2.914-2.258c.583-.255 1.311.146 1.311.146.182.11.4.036.51-.146s.036-.4-.146-.51c-.036-.036-1.02-.546-1.93-.182-.546.219-.947.729-1.202 1.494-.328 1.092-.11 2.586-.11 2.622.037 1.056.875 1.894 1.895 1.894 1.056 0 1.894-.874 1.894-1.93s-.838-1.93-1.894-1.93c-.474 0-.91.181-1.239.473.037-.292.073-.62.146-.911.182-.546.437-.874.765-1.02m.328 2.186c.655 0 1.165.546 1.165 1.202s-.51 1.201-1.165 1.201c-.656 0-1.166-.546-1.166-1.201 0-.656.51-1.202 1.166-1.202m5.79 8.559a.765.765 0 0 1-.837.619c-.4-.037-.656-.437-.62-.838s.438-.655.838-.619c.401.036.692.437.62.838M22 18.26c.036.182-.11.4-.292.4l-3.606.547-.546-3.606c-.037-.182.109-.4.291-.4.182-.037.4.109.4.29l.365 2.55c1.53-1.675 2.33-3.788 2.33-6.046 0-5.026-4.078-9.105-9.105-9.105-5.026 0-9.105 4.08-9.105 9.105 0 5.027 4.08 9.106 9.105 9.106.874 0 1.749-.11 2.586-.364.182-.073.401.036.437.255a.323.323 0 0 1-.255.437c-.91.255-1.82.4-2.768.4-5.426 0-9.833-4.407-9.833-9.834s4.407-9.834 9.833-9.834 9.834 4.408 9.834 9.834a9.72 9.72 0 0 1-2.258 6.265l2.186-.328c.182 0 .364.11.4.328"
         })
     }));
-}, d = m;
+}, v = m;

package/dist/generated/mistica-icons/icon-view-360-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), o = s !== null && s !== void 0 ? s : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = s !== null && s !== void 0 ? s : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -105,7 +105,7 @@ const m = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M18.993 11.283c0-2.004-.822-3.22-2.182-3.22s-2.182 1.216-2.182 3.22c0 2.003.823 3.22 2.182 3.22 1.324 0 2.182-1.252 2.182-3.22m-2.182 2.146c-1.073 0-1.109-1.788-1.109-2.146 0-.644.107-2.147 1.11-2.147 1.037 0 1.108 1.646 1.108 2.147 0 1.002-.286 2.146-1.109 2.146m-8.014-2.146a1.87 1.87 0 0 1-1.288 3.22c-1.287 0-1.824-.466-1.931-.573a.52.52 0 0 1 0-.751.52.52 0 0 1 .75 0s.323.25 1.181.25c.43 0 .788-.357.788-.787a.794.794 0 0 0-.788-.787h-.93a.55.55 0 0 1-.536-.536.55.55 0 0 1 .536-.537h.93c.43 0 .788-.358.788-.787a.794.794 0 0 0-.788-.787c-.858 0-1.18.25-1.18.286a.52.52 0 0 1-.751 0c-.215-.215-.215-.572 0-.751.107-.108.644-.573 1.931-.573a1.87 1.87 0 0 1 1.86 1.86c-.035.43-.25.895-.572 1.253m3.005-2.04c.43-.178.966.036 1.145.144.25.143.573.035.716-.215s.036-.572-.215-.715c-.107-.072-1.073-.573-2.039-.18-.608.251-1.038.788-1.252 1.575-.322 1.073-.143 2.468-.107 2.647.035 1.11.93 2.04 2.039 2.04s2.039-.93 2.039-2.076c0-1.144-.93-2.075-2.04-2.075-.357 0-.679.108-.965.25.036-.142.036-.321.107-.464.072-.537.286-.823.572-.93m.25 2.147c.538 0 .967.465.967 1.002 0 .572-.43 1.002-.966 1.002-.537 0-.966-.466-.966-1.002 0-.573.43-1.002.966-1.002m9.338 7.477-3.9.573-.572-3.9c-.071-.393.215-.751.609-.823.393-.071.75.215.822.608l.25 1.682a8.36 8.36 0 0 0 1.682-5.009c-.035-4.65-3.792-8.407-8.443-8.407a8.4 8.4 0 0 0-8.407 8.407 8.4 8.4 0 0 0 8.407 8.408c1.18 0 2.326-.25 3.435-.716a.68.68 0 0 1 .93.358.68.68 0 0 1-.358.93 9.6 9.6 0 0 1-4.007.859A9.833 9.833 0 0 1 2 11.998C2 6.56 6.4 2.16 11.838 2.16s9.839 4.4 9.839 9.838c0 2.04-.609 4.007-1.79 5.617l1.289-.179c.393-.071.751.215.823.608a.75.75 0 0 1-.609.823"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,8 +115,8 @@ const m = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M18.993 11.283c0-2.004-.822-3.22-2.182-3.22s-2.182 1.216-2.182 3.22c0 2.003.823 3.22 2.182 3.22 1.324 0 2.182-1.252 2.182-3.22m-2.182 2.146c-1.073 0-1.109-1.788-1.109-2.146 0-.644.107-2.147 1.11-2.147 1.037 0 1.108 1.646 1.108 2.147 0 1.002-.286 2.146-1.109 2.146m-8.014-2.146a1.87 1.87 0 0 1-1.288 3.22c-1.287 0-1.824-.466-1.931-.573a.52.52 0 0 1 0-.751.52.52 0 0 1 .75 0s.323.25 1.181.25c.43 0 .788-.357.788-.787a.794.794 0 0 0-.788-.787h-.93a.55.55 0 0 1-.536-.536.55.55 0 0 1 .536-.537h.93c.43 0 .788-.358.788-.787a.794.794 0 0 0-.788-.787c-.858 0-1.18.25-1.18.286a.52.52 0 0 1-.751 0c-.215-.215-.215-.572 0-.751.107-.108.644-.573 1.931-.573a1.87 1.87 0 0 1 1.86 1.86c-.035.43-.25.895-.572 1.253m3.005-2.04c.43-.178.966.036 1.145.144.25.143.573.035.716-.215s.036-.572-.215-.715c-.107-.072-1.073-.573-2.039-.18-.608.251-1.038.788-1.252 1.575-.322 1.073-.143 2.468-.107 2.647.035 1.11.93 2.04 2.039 2.04s2.039-.93 2.039-2.076c0-1.144-.93-2.075-2.04-2.075-.357 0-.679.108-.965.25.036-.142.036-.321.107-.464.072-.537.286-.823.572-.93m.25 2.147c.538 0 .967.465.967 1.002 0 .572-.43 1.002-.966 1.002-.537 0-.966-.466-.966-1.002 0-.573.43-1.002.966-1.002m9.338 7.477-3.9.573-.572-3.9c-.071-.393.215-.751.609-.823.393-.071.75.215.822.608l.25 1.682a8.36 8.36 0 0 0 1.682-5.009c-.035-4.65-3.792-8.407-8.443-8.407a8.4 8.4 0 0 0-8.407 8.407 8.4 8.4 0 0 0 8.407 8.408c1.18 0 2.326-.25 3.435-.716a.68.68 0 0 1 .93.358.68.68 0 0 1-.358.93 9.6 9.6 0 0 1-4.007.859A9.833 9.833 0 0 1 2 11.998C2 6.56 6.4 2.16 11.838 2.16s9.839 4.4 9.839 9.838c0 2.04-.609 4.007-1.79 5.617l1.289-.179c.393-.071.751.215.823.608a.75.75 0 0 1-.609.823"
         })
     }));
-}, v = m;
+}, u = m;

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

@@ -96,7 +96,7 @@ const t = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = r !== null && r !== void 0 ? r : 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 t = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M21.821 14.951a.624.624 0 0 0-.412-.773l-.938-.3a4 4 0 0 0-.297-1.29l.636-.082a.614.614 0 0 0 .535-.692.617.617 0 0 0-.683-.535l-1.096.14a12 12 0 0 0-.792-1.12l.857-.429a.615.615 0 0 0 .28-.823.63.63 0 0 0-.835-.28l-1.112.557a40 40 0 0 0-1.17-1.25l.84-.84a.606.606 0 0 0 0-.87.624.624 0 0 0-.874 0l-.84.848c-.438-.434-.858-.82-1.253-1.168l.56-1.11a.624.624 0 0 0-.271-.831.61.61 0 0 0-.832.271l-.437.863c-.387-.302-.76-.569-1.112-.781l.14-1.101a.627.627 0 0 0-.538-.692.627.627 0 0 0-.692.535l-.081.65-.07-.026a3 3 0 0 0-.26-.09 3.6 3.6 0 0 0-.956-.164l-.305-.986a.626.626 0 0 0-.776-.404.614.614 0 0 0-.406.773l.263.85a3.2 3.2 0 0 0-.734.436l-.652-.65a.624.624 0 0 0-.874 0 .62.62 0 0 0 0 .871l.644.65c-.165.205-.33.451-.446.731l-.831-.252a.614.614 0 0 0-.776.404c-.101.327.072.672.403.773l.955.302c.009.297.059.625.174.98l.019.059c.027.083.055.17.096.255l-.628.082a.616.616 0 0 0 .073 1.226h.081l1.065-.131a11 11 0 0 0 .67.968q.057.07.111.144l-.823.42a.617.617 0 0 0 .28 1.168.54.54 0 0 0 .272-.064l1.08-.544c.356.404.743.824 1.18 1.266l-.818.816a.62.62 0 0 0 0 .87c.115.116.28.183.437.183a.65.65 0 0 0 .437-.182l.815-.816c.437.43.866.824 1.26 1.169l-.546 1.078a.617.617 0 0 0 .552.9.62.62 0 0 0 .552-.337l.42-.832c.395.314.765.577 1.12.798l-.13 1.054c-.051.339.195.65.534.692h.073a.607.607 0 0 0 .61-.535l.073-.617.04.017c.111.044.214.085.316.115.345.115.667.165.955.174l.297.93a.61.61 0 0 0 .586.425.7.7 0 0 0 .19-.025.623.623 0 0 0 .404-.773l-.247-.798c.288-.118.546-.28.76-.454l.618.616a.65.65 0 0 0 .437.182.65.65 0 0 0 .437-.182.62.62 0 0 0 0-.871l-.627-.628a3 3 0 0 0 .445-.764l.815.255a.5.5 0 0 0 .18.033c.263 0 .51-.173.593-.437M10.748 16.23a.62.62 0 0 0-.775-.412l-.93.297a2.8 2.8 0 0 0-.645-.883l.42-.798a.63.63 0 0 0-.254-.84.63.63 0 0 0-.84.263l-.43.815a3 3 0 0 0-.618-.073c-.174 0-.323.017-.463.034l-.288-.947a.626.626 0 0 0-.776-.403.613.613 0 0 0-.412.765l.289.938a2.9 2.9 0 0 0-.883.641l-.8-.428a.616.616 0 0 0-.833.263.606.606 0 0 0 .255.832l.799.429a2.9 2.9 0 0 0-.009 1.078q-.005.005-.008.004-.002-.001-.009.005l-.94.288a.617.617 0 0 0 .181 1.21.5.5 0 0 0 .182-.034l.942-.288c.008 0 .008-.008.008-.008.182.378.398.666.636.88l-.429.814a.622.622 0 0 0 .546.905.62.62 0 0 0 .544-.33l.437-.816c.215.048.428.073.627.073.166 0 .314-.017.454-.033l.289.938a.63.63 0 0 0 .775.412.623.623 0 0 0 .412-.773l-.288-.939c.263-.14.594-.347.874-.641l.806.425c.09.051.19.068.289.068a.6.6 0 0 0 .543-.33.606.606 0 0 0-.255-.833l-.792-.42c.075-.314.092-.675.025-1.095l.933-.289a.61.61 0 0 0 .411-.764"
         })
     }));

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

@@ -96,7 +96,7 @@ const e = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = r !== null && r !== void 0 ? r : t ? _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 e = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M21.982 14.999a.44.44 0 0 0-.282-.538l-1.158-.358c.008-.512-.12-1.067-.393-1.673l.95-.11a.43.43 0 0 0 .367-.479.417.417 0 0 0-.47-.375l-1.283.162a13 13 0 0 0-1.036-1.45l1.13-.573a.416.416 0 0 0 .188-.571.43.43 0 0 0-.572-.188l-1.31.657a29 29 0 0 0-1.454-1.562l1.028-1.024a.44.44 0 0 0 0-.606.44.44 0 0 0-.606 0l-1.028 1.024a33 33 0 0 0-1.565-1.45l.649-1.306a.416.416 0 0 0-.188-.572.42.42 0 0 0-.572.188l-.564 1.126c-.523-.41-1.01-.76-1.463-1.024l.163-1.289a.42.42 0 0 0-.37-.469.423.423 0 0 0-.479.367l-.119.964c-.606-.264-1.155-.384-1.668-.375L9.507 2.3a.43.43 0 0 0-.538-.282.427.427 0 0 0-.273.538L9.03 3.64a3.5 3.5 0 0 0-1.044.597l-.814-.81a.43.43 0 0 0-.598 0 .42.42 0 0 0 0 .605l.814.811c-.29.333-.495.683-.623 1.041l-1.07-.332a.43.43 0 0 0-.533.281c-.077.23.054.47.276.538l1.164.358c-.008.512.111 1.067.376 1.673l-.934.12a.42.42 0 0 0-.367.477.424.424 0 0 0 .419.376q.01 0 .024-.004t.035-.005l1.241-.153c.274.452.627.947 1.036 1.468l-1.095.546a.423.423 0 0 0-.188.572.42.42 0 0 0 .384.239c.06 0 .128-.017.188-.052l1.275-.64q.642.744 1.463 1.58l-1.002.998a.428.428 0 0 0 .307.725.41.41 0 0 0 .3-.128l1.001-.99a34 34 0 0 0 1.574 1.46l-.643 1.271a.43.43 0 0 0 .188.572.4.4 0 0 0 .196.043.44.44 0 0 0 .384-.23l.547-1.093c.523.41 1.01.76 1.471 1.032l-.162 1.238a.426.426 0 0 0 .375.478q.027.01.052.008a.44.44 0 0 0 .427-.375l.11-.93c.59.264 1.13.41 1.634.41q.013-.001.026-.005l.026-.004.358 1.135c.054.179.225.299.404.299a.3.3 0 0 0 .128-.026.42.42 0 0 0 .282-.53l-.324-1.04a3.4 3.4 0 0 0 1.061-.623l.789.785a.43.43 0 0 0 .307.128.41.41 0 0 0 .299-.128.41.41 0 0 0 0-.598l-.789-.785c.29-.341.487-.7.615-1.067l1.045.325c.042.017.085.017.128.017.18 0 .35-.111.41-.299m-3.097.754c-1.164 1.158-2.61 1.79-7.522-3.11-4.91-4.895-4.27-6.338-3.114-7.498.444-.444.94-.811 1.66-.811 1.138 0 2.851.922 5.854 3.926 4.91 4.899 4.278 6.34 3.122 7.493m-8.396.691a.427.427 0 0 0-.53-.281l-.956.298c-.239-.58-.566-.981-.916-1.254l.418-.794a.425.425 0 0 0-.179-.572.43.43 0 0 0-.583.18l-.419.802a2.9 2.9 0 0 0-.865-.128q-.403.002-.686.068l-.29-.956a.425.425 0 0 0-.538-.282.426.426 0 0 0-.282.53l.29.947c-.35.145-.873.427-1.258.922l-.788-.419a.42.42 0 0 0-.572.18.43.43 0 0 0 .18.58l.788.41c-.137.418-.171.93-.034 1.544l-.968.299a.429.429 0 0 0 .12.836q.063-.002.127-.017l.974-.298c.239.571.558.973.908 1.246l-.427.802a.415.415 0 0 0 .18.572c.059.034.127.05.196.05a.43.43 0 0 0 .378-.23l.427-.793c.299.094.59.128.857.128.273 0 .503-.034.691-.069l.29.948c.06.188.231.307.41.307a.3.3 0 0 0 .128-.026.426.426 0 0 0 .282-.529l-.299-.947a3.2 3.2 0 0 0 1.258-.922l.797.418q.092.052.197.052a.43.43 0 0 0 .378-.23.416.416 0 0 0-.18-.573l-.779-.418c.137-.418.18-.93.051-1.553l.942-.29a.43.43 0 0 0 .282-.538m-2.146.674c.55 1.756-.589 2.421-1.318 2.66l-.122.04q-.061.02-.12.04c-.136.043-.41.102-.742.102-.917 0-1.523-.52-1.856-1.587-.52-1.69.418-2.373 1.3-2.654l.12-.039.12-.038c.14-.034.412-.094.737-.094.94 0 1.557.512 1.881 1.57"
         })
     }));

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

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = r !== null && r !== void 0 ? r : e ? _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-virus-scan-filled.js

@@ -96,7 +96,7 @@ const n = (_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: l,
         height: l,

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
+const e = (_param)=>{
     var { color: r, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -104,8 +104,8 @@ const n = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M21.725 21.714a.407.407 0 0 0-.006-.574l-5.87-5.824a7.76 7.76 0 0 0 2.12-5.327c0-4.328-3.538-7.838-7.905-7.838S2.156 5.661 2.156 9.99c0 4.327 3.54 7.837 7.908 7.837a7.9 7.9 0 0 0 5.196-1.938l5.877 5.832c.162.16.423.16.582 0zM17.145 9.99c0 3.87-3.176 7.02-7.081 7.02-3.905.002-7.081-3.15-7.081-7.02 0-3.871 3.176-7.02 7.08-7.02 3.906 0 7.082 3.149 7.082 7.02m-7.081 3.476c1.557 0 2.008-.591 2.008-2.639 0-1.28-.193-1.972-.647-2.31-.294-.22-.74-.326-1.358-.326-.628 0-1.076.11-1.367.331-.449.342-.639 1.03-.639 2.305-.006 2.048.448 2.639 2.003 2.639M8.68 7.42q.001.105.014.185c.373-.151.82-.232 1.367-.232.549 0 1 .08 1.375.232q.014-.079.014-.188c.003-.389.003-.728-1.383-.728-1.387 0-1.387.339-1.387.731m4.947 2.636a.41.41 0 0 1 .412.409v.756a.41.41 0 0 1-.412.41.41.41 0 0 1-.412-.41v-.347h-.32c-.002.661-.064 1.244-.212 1.737l.818.246c.18.053.3.224.291.412l-.062 1.137a.41.41 0 0 1-.411.387h-.023a.41.41 0 0 1-.39-.429l.046-.82-.614-.186c-.417.586-1.117.925-2.271.925-1.16 0-1.86-.339-2.278-.927l-.63.19.045.82a.41.41 0 0 1-.39.43h-.022a.41.41 0 0 1-.412-.387l-.061-1.137a.404.404 0 0 1 .291-.412l.838-.252c-.146-.493-.208-1.073-.21-1.731h-.323v.347a.41.41 0 0 1-.411.409.41.41 0 0 1-.412-.409v-.756a.41.41 0 0 1 .412-.41h.759c.039-.512.14-1.008.347-1.436l-1-.305a.404.404 0 0 1-.291-.412l.061-1.138c.012-.226.216-.414.435-.386a.41.41 0 0 1 .389.429l-.045.817.75.227a2 2 0 0 1-.052-.434c0-.969.585-1.33 1.198-1.465l-.072-.073a.407.407 0 0 1-.003-.574l.003-.003c.162-.16.42-.16.582 0l.378.373a.4.4 0 0 1 .101.196h.009a.37.37 0 0 1 .103-.196l.376-.373c.162-.16.42-.16.582 0 .16.157.163.415.006.575l-.073.072c.625.13 1.23.485 1.23 1.471 0 .154-.02.294-.05.426l.722-.219-.045-.818a.41.41 0 0 1 .39-.428c.235-.028.422.16.434.386l.061 1.138a.404.404 0 0 1-.291.411l-.98.294c.21.429.31.93.35 1.443zm-3.182-.434a.41.41 0 0 0-.412-.41.41.41 0 0 0-.412.41v2.829a.41.41 0 0 0 .412.409.41.41 0 0 0 .412-.409z"
         })
     }));
-}, m = n;
+}, m = e;