@telefonica/mistica 15.20.1 → 16.0.0

package/dist/generated/mistica-icons/icon-unlimited-internet-regular.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: a, size: c = 24 } = _param, m = _object_without_properties(_param, [
+    var { color: t, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), r = a !== null && a !== void 0 ? a : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = t !== null && t !== void 0 ? t : o ? _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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, m), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: a,
             d: "M12.715 2.5C8.3 2.5 4.597 5.674 3.664 9.91c-.384.08-.754.271-1.051.58A2.15 2.15 0 0 0 2 12c0 .57.22 1.108.613 1.51.297.304.667.496 1.051.58.933 4.236 4.63 7.41 9.051 7.41 5.12 0 9.285-4.26 9.285-9.495.005-5.246-4.165-9.505-9.285-9.505M9.342 4.74c-.855 1.332-1.454 3.179-1.687 5.296a2.1 2.1 0 0 0-.65.445l-.717.738-.718-.734a2 2 0 0 0-.489-.36 8.02 8.02 0 0 1 4.26-5.386m-2.295 7.255.718-.734a1 1 0 0 1 1.44 0c.192.197.297.459.297.734 0 .276-.105.538-.297.734a1 1 0 0 1-1.44 0zm-3.973 0c0-.275.105-.537.297-.734a1.003 1.003 0 0 1 1.436 0l.718.734-.718.734a1 1 0 0 1-1.44 0 1.06 1.06 0 0 1-.293-.734m2.496 1.51.718-.734.718.734c.192.197.411.342.649.445.233 2.117.832 3.969 1.687 5.297-2.112-1.029-3.708-3.002-4.26-5.382.173-.098.342-.21.488-.36m6.432 6.359c-1.303-.59-2.528-2.74-2.907-5.835a2.06 2.06 0 0 0 1.353-1.304h1.554zm-1.554-8.598a2.058 2.058 0 0 0-1.353-1.304c.384-3.095 1.604-5.246 2.907-5.84v7.144zm10.094 0h-2.66c-.106-2.637-.773-4.942-1.788-6.527 2.44 1.193 4.192 3.642 4.448 6.527m-4.096 0h-3.017V4.127c1.476.669 2.857 3.347 3.017 7.139m-3.017 8.598v-7.14h3.017c-.156 3.792-1.536 6.471-3.017 7.14m4.448-7.14h2.66c-.251 2.885-2.002 5.335-4.448 6.527 1.015-1.585 1.682-3.89 1.788-6.526"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const h = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, m), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: a,
             d: "M12.715 2.5C8.3 2.5 4.597 5.674 3.664 9.91c-.384.08-.754.271-1.051.58A2.15 2.15 0 0 0 2 12c0 .57.22 1.108.613 1.51.297.304.667.496 1.051.58.933 4.236 4.63 7.41 9.051 7.41 5.12 0 9.285-4.26 9.285-9.495.005-5.246-4.165-9.505-9.285-9.505M9.342 4.74c-.855 1.332-1.454 3.179-1.687 5.296a2.1 2.1 0 0 0-.65.445l-.717.738-.718-.734a2 2 0 0 0-.489-.36 8.02 8.02 0 0 1 4.26-5.386m-2.295 7.255.718-.734a1 1 0 0 1 1.44 0c.192.197.297.459.297.734 0 .276-.105.538-.297.734a1 1 0 0 1-1.44 0zm-3.973 0c0-.275.105-.537.297-.734a1.003 1.003 0 0 1 1.436 0l.718.734-.718.734a1 1 0 0 1-1.44 0 1.06 1.06 0 0 1-.293-.734m2.496 1.51.718-.734.718.734c.192.197.411.342.649.445.233 2.117.832 3.969 1.687 5.297-2.112-1.029-3.708-3.002-4.26-5.382.173-.098.342-.21.488-.36m6.432 6.359c-1.303-.59-2.528-2.74-2.907-5.835a2.06 2.06 0 0 0 1.353-1.304h1.554zm-1.554-8.598a2.058 2.058 0 0 0-1.353-1.304c.384-3.095 1.604-5.246 2.907-5.84v7.144zm10.094 0h-2.66c-.106-2.637-.773-4.942-1.788-6.527 2.44 1.193 4.192 3.642 4.448 6.527m-4.096 0h-3.017V4.127c1.476.669 2.857 3.347 3.017 7.139m-3.017 8.598v-7.14h3.017c-.156 3.792-1.536 6.471-3.017 7.14m4.448-7.14h2.66c-.251 2.885-2.002 5.335-4.448 6.527 1.015-1.585 1.682-3.89 1.788-6.526"
         })
     }));

package/dist/generated/mistica-icons/icon-user-account-filled.js

@@ -97,7 +97,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), t = n !== null && n !== void 0 ? n : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = n !== null && n !== void 0 ? n : s ? _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,
@@ -126,7 +126,7 @@ const a = (_param)=>{
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
-            d: "M8.391 10.797c.84.809 2.053 1.218 3.61 1.218 1.558 0 2.774-.409 3.614-1.219.877-.84 1.322-2.086 1.322-3.705s-.442-2.869-1.319-3.712c-.843-.812-2.059-1.224-3.616-1.224-1.558 0-2.77.412-3.61 1.224-.872.843-1.315 2.093-1.315 3.712s.443 2.865 1.314 3.706M3.81 21.847h16.386c.308 0 .56-.252.56-.56v-1.639c0-1.569-.49-2.905-1.42-3.871-1.008-1.05-2.51-1.605-4.336-1.605H8.991c-1.827 0-3.323.557-4.33 1.608-.925.963-1.413 2.3-1.413 3.868v1.639c0 .308.252.56.56.56"
+            d: "M8.39 10.797c.841.809 2.054 1.218 3.611 1.218s2.774-.409 3.614-1.219c.877-.84 1.322-2.086 1.322-3.705s-.443-2.869-1.32-3.712c-.842-.812-2.058-1.224-3.616-1.224-1.557 0-2.77.412-3.61 1.224-.871.843-1.314 2.093-1.314 3.712s.443 2.865 1.314 3.706m-4.582 11.05h16.387c.308 0 .56-.252.56-.56v-1.639c0-1.569-.49-2.905-1.42-3.871-1.009-1.05-2.51-1.605-4.336-1.605H8.99c-1.826 0-3.322.557-4.33 1.608-.925.963-1.412 2.3-1.412 3.868v1.639c0 .308.252.56.56.56"
         })
     }));
 }, p = a;

package/dist/generated/mistica-icons/icon-user-account-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = n !== null && n !== void 0 ? n : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = n !== null && n !== void 0 ? n : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
     return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const l = (_param)=>{
             d: "M11.999 12.007c-3.162 0-4.834-1.642-4.834-4.747 0-1.577.43-2.783 1.278-3.589.818-.776 2.013-1.171 3.556-1.171 1.542 0 2.74.395 3.563 1.171.854.806 1.284 2.015 1.284 3.59 0 3.104-1.675 4.746-4.847 4.746M3.675 21.5h16.65a.273.273 0 0 0 .275-.268v-2.11c0-1.44-.455-2.669-1.32-3.55-.941-.96-2.349-1.47-4.067-1.47H8.787c-1.718 0-3.126.51-4.068 1.467-.862.882-1.319 2.11-1.319 3.55v2.11c0 .15.124.271.275.271m16.374-.54H3.951v-1.84c0-1.301.402-2.396 1.165-3.175.848-.863 2.082-1.301 3.671-1.301h6.426c1.589 0 2.823.438 3.671 1.3.763.78 1.165 1.878 1.165 3.176zM8.826 4.06c-.736.701-1.11 1.778-1.11 3.2s.374 2.497 1.11 3.192c.71.673 1.779 1.011 3.173 1.011 1.393 0 2.467-.34 3.18-1.014.742-.698 1.116-1.772 1.116-3.192s-.374-2.499-1.115-3.2c-.716-.673-1.785-1.016-3.181-1.016-1.394 0-2.463.343-3.173 1.02"
         })
     }));
-}, d = l;
+}, p = l;

package/dist/generated/mistica-icons/icon-user-account-regular.js

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

package/dist/generated/mistica-icons/icon-user-support-filled.js

@@ -92,30 +92,30 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: a, size: c = 24 } = _param, l = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: t, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), o = a !== null && a !== void 0 ? a : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    return o.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"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: l,
             d: "M12.352 2c-5.086 0-9.188 4.297-9.188 9.63 0 1.443.282 2.779.847 3.998l-1.518 5.928c-.034.112 0 .26.073.332a.31.31 0 0 0 .248.112h.072l5.646-1.591a8.76 8.76 0 0 0 3.812.851c5.086 0 9.184-4.297 9.184-9.63S17.438 2 12.352 2m0 15.075c-.355 0-.637-.296-.637-.668 0-.371.282-.667.637-.667.354 0 .636.296.636.667-.003.372-.286.668-.636.668m1.444-5.369a3.33 3.33 0 0 0-.918 2.335c0 .296-.248.555-.53.555s-.53-.26-.53-.555c0-1.184.423-2.295 1.235-3.11l1.026-1.076c.457-.48.388-1.519 0-2.034a1.9 1.9 0 0 0-1.556-.816h-.175c-.637 0-1.201.332-1.517.927-.141.26-.458.372-.706.184a.52.52 0 0 1-.175-.74c.496-.887 1.449-1.482 2.436-1.482h.175c.92 0 1.8.443 2.368 1.223.67.92.777 2.586-.107 3.514z"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: l,
             d: "M12.352 2c-5.086 0-9.188 4.297-9.188 9.63 0 1.443.282 2.779.847 3.998l-1.518 5.928c-.034.112 0 .26.073.332a.31.31 0 0 0 .248.112h.072l5.646-1.591a8.76 8.76 0 0 0 3.812.851c5.086 0 9.184-4.297 9.184-9.63S17.438 2 12.352 2m0 15.075c-.355 0-.637-.296-.637-.668 0-.371.282-.667.637-.667.354 0 .636.296.636.667-.003.372-.286.668-.636.668m1.444-5.369a3.33 3.33 0 0 0-.918 2.335c0 .296-.248.555-.53.555s-.53-.26-.53-.555c0-1.184.423-2.295 1.235-3.11l1.026-1.076c.457-.48.388-1.519 0-2.034a1.9 1.9 0 0 0-1.556-.816h-.175c-.637 0-1.201.332-1.517.927-.141.26-.458.372-.706.184a.52.52 0 0 1-.175-.74c.496-.887 1.449-1.482 2.436-1.482h.175c.92 0 1.8.443 2.368 1.223.67.92.777 2.586-.107 3.514z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +123,10 @@ const s = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
-            d: "M20.168 2.155h-6.582a1.664 1.664 0 0 0-1.67 1.658V7.85c0 .952.68 1.67 1.583 1.67h.557v1.383q0 .094-.004.184c-.01.322-.02.599.298.65.353.058.634-.283.854-.55l.048-.057c.098-.118.274-.306.49-.538.282-.304.634-.682.973-1.073l3.453.009c.922 0 1.667-.748 1.67-1.67V3.825a1.67 1.67 0 0 0-1.67-1.67m-3.12 6.28a.526.526 0 1 1-.001-1.052.526.526 0 0 1 0 1.052m.804-2.716c-.125.108-.305.265-.305.447v.208a.503.503 0 0 1-.502.512.503.503 0 0 1-.501-.512v-.208c0-.516.322-.826.556-1.05l.03-.028q.025-.025.063-.056c.107-.091.261-.222.261-.398 0-.137-.078-.434-.412-.434s-.501.269-.501.428a.5.5 0 0 1-1 .026V4.63c0-.837.582-1.38 1.501-1.38.86 0 1.437.716 1.437 1.386.005.49-.222.703-.443.91l-.106.101q-.03.03-.078.07m-9.227 9.943c1.134 0 2.014-.322 2.613-.958.566-.6.855-1.445.855-2.513s-.289-1.91-.855-2.512c-.6-.636-1.479-.958-2.613-.958-1.135 0-2.014.322-2.614.958-.565.6-.854 1.445-.854 2.512 0 1.068.289 1.91.854 2.513.6.636 1.48.958 2.614.958m-5.487 1.972c.647-.655 1.616-.986 2.876-.986h5.222c1.26 0 2.226.33 2.876.983s.978 1.628.978 2.894v1.042a.28.28 0 0 1-.28.28H2.44a.28.28 0 0 1-.28-.28v-1.042c0-1.266.33-2.235.978-2.891"
+            fill: l,
+            d: "M20.169 2.155h-6.583a1.664 1.664 0 0 0-1.67 1.658V7.85c0 .952.681 1.67 1.583 1.67h.557v1.383q0 .094-.004.184c-.01.322-.02.599.299.65.352.058.633-.283.854-.55l.048-.057c.098-.118.273-.306.489-.538.282-.304.634-.682.973-1.073l3.454.009c.921 0 1.666-.748 1.669-1.67V3.825a1.67 1.67 0 0 0-1.67-1.67m-3.12 6.28a.526.526 0 1 1-.002-1.052.526.526 0 0 1 .001 1.052m.803-2.716c-.125.108-.305.265-.305.447v.208a.503.503 0 0 1-.502.512.503.503 0 0 1-.501-.512v-.208c0-.516.322-.826.556-1.05l.03-.028q.026-.025.063-.056c.107-.091.261-.222.261-.398 0-.137-.078-.434-.412-.434s-.5.269-.5.428a.5.5 0 0 1-1 .026V4.63c0-.837.582-1.38 1.5-1.38.86 0 1.438.716 1.438 1.386.004.49-.223.703-.444.91l-.106.101q-.03.03-.078.07m-9.227 9.943c1.135 0 2.014-.322 2.614-.958.565-.6.854-1.445.854-2.513s-.289-1.91-.854-2.512c-.6-.636-1.48-.958-2.614-.958s-2.014.322-2.613.958c-.566.6-.855 1.445-.855 2.512 0 1.068.289 1.91.855 2.513.6.636 1.479.958 2.613.958m-5.487 1.972c.647-.655 1.616-.986 2.877-.986h5.22c1.261 0 2.228.33 2.878.983s.977 1.628.977 2.894v1.042a.28.28 0 0 1-.28.28H2.44a.28.28 0 0 1-.28-.28v-1.042c0-1.266.33-2.235.978-2.891"
         })
     }));
-}, f = s;
+}, f = n;

package/dist/generated/mistica-icons/icon-user-support-light.js

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const p = (_param)=>{
-    var { color: r, size: c = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), a = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = o !== null && o !== void 0 ? o : i ? _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-user-support-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: o, size: c = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), l = o !== null && o !== void 0 ? o : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = o !== null && o !== void 0 ? o : h ? _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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -114,12 +114,12 @@ const v = (_param)=>{
                 d: "M3.165 22a.66.66 0 0 1-.484-.216.72.72 0 0 1-.175-.692l1.455-5.565a9.95 9.95 0 0 1-.796-3.89C3.165 6.326 7.287 2 12.346 2c5.06 0 9.182 4.326 9.182 9.636s-4.122 9.636-9.182 9.636c-1.283 0-2.53-.292-3.706-.8l-5.303 1.492C3.302 22 3.234 22 3.165 22m9.178-18.545c-4.298 0-7.795 3.675-7.795 8.181 0 1.236.244 2.4.762 3.49.069.145.069.329.034.508l-1.211 4.623 4.362-1.24c.175-.036.347-.036.484.036 1.04.508 2.183.8 3.326.8 4.331-.036 7.828-3.707 7.828-8.217s-3.497-8.18-7.79-8.18"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -135,7 +135,7 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -147,4 +147,4 @@ const v = (_param)=>{
             })
         ]
     }));
-}, u = v;
+}, M = v;

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,