@telefonica/mistica 15.20.0 → 16.0.0

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

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

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

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

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

@@ -92,40 +92,40 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const v = (_param)=>{
     var { color: l, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = l !== null && l !== void 0 ? l : n ? _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 n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = l !== null && l !== void 0 ? l : n ? _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"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M19.572 20.225c0 .888-.79 1.61-1.76 1.61H6.058c-.97 0-1.76-.722-1.76-1.607v-6.933h-.386c-.723 0-1.367-.398-1.633-1.014-.255-.583-.123-1.232.347-1.69l8.081-7.951c.662-.653 1.91-.653 2.575 0l8.08 7.95c.469.459.603 1.106.348 1.688-.266.617-.91 1.014-1.633 1.014h-.504z"
         })
-    })) : 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"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M21.443 12.284 12.012 2 2.584 12.284a.34.34 0 0 0-.068.396q.102.216.308.216h1.7V22h5.444v-6.428h4.083V22h5.444v-9.108h1.7c.137 0 .27-.072.309-.216.038-.14.038-.284-.061-.392"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M21.443 12.284 12.012 2 2.584 12.284a.34.34 0 0 0-.068.396q.102.216.308.216h1.7V22h5.444v-6.428h4.083V22h5.444v-9.108h1.7c.137 0 .27-.072.309-.216.038-.14.038-.284-.061-.392"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -135,8 +135,8 @@ const a = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "m21.423 10.71-8.258-8.115c-.596-.586-1.725-.586-2.324 0l-8.258 8.117a1.33 1.33 0 0 0-.311 1.502c.24.552.818.907 1.47.907h.611v7.283c0 .793.709 1.437 1.583 1.437h3.109c.23.006.423-.18.426-.409v-4.045h5.112v4.045a.42.42 0 0 0 .425.412h2.939c.874 0 1.582-.644 1.582-1.437v-7.283h.729c.652 0 1.232-.356 1.47-.907.23-.521.112-1.099-.305-1.507"
         })
     }));
-}, p = a;
+}, p = v;

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

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

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

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

package/dist/generated/mistica-icons/icon-home-wifi-filled.js

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

package/dist/generated/mistica-icons/icon-home-wifi-light.js

@@ -97,8 +97,8 @@ const m = (_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: t } = (0, _hooks.useTheme)();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    return r.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-home-wifi-regular.js

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

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

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

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

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

package/dist/generated/mistica-icons/icon-homespot-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");
@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: t, size: o = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: s, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), r = t !== null && t !== void 0 ? t : 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({
+    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: o,
         height: o,
         viewBox: "0 0 24 24",
@@ -119,4 +119,4 @@ const l = (_param)=>{
             d: "M13.819 1c4.035 0 7.317 3.364 7.317 7.5a.705.705 0 0 1-.7.708.705.705 0 0 1-.696-.713c0-3.345-2.657-6.069-5.921-6.069a.705.705 0 0 1-.696-.713c0-.393.313-.713.696-.713m4.878 7.5c0-2.756-2.19-5-4.878-5a.705.705 0 0 0-.696.713c0 .393.313.713.696.713 1.922 0 3.482 1.6 3.482 3.57 0 .392.312.712.696.712s.7-.315.7-.708M9.81 10.639c0 .886.704 1.609 1.57 1.609.864 0 1.569-.718 1.569-1.605 0-.886-.705-1.608-1.57-1.608s-1.57.717-1.57 1.604m1.047.004c0-.292.232-.534.522-.534s.522.242.522.534a.53.53 0 0 1-.522.535.53.53 0 0 1-.522-.535M15.91 21H6.85V8.857c0-1.18.936-2.144 2.091-2.144h4.878c1.15 0 2.091.96 2.091 2.144zm-1.395-1.43V8.857a.705.705 0 0 0-.696-.713H8.941a.705.705 0 0 0-.695.713V19.57z"
         })
     }));
-}, v = l;
+}, u = l;

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: e, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: i,
             d: "M21.846 6.357c0-.787-.288-1.254-.776-1.254L18.796 5.1V3.528c0-.72-.628-1.378-1.32-1.378H6.541c-.692 0-1.32.658-1.32 1.378v1.575h-2.28c-.487 0-.778.467-.778 1.254v14.227c0 .788.29 1.255.778 1.255h18.13c.484 0 .775-.47.775-1.255zm-8.017 14.278h-3.647V14.69h3.647zM6.417 3.53c0-.067.085-.162.12-.174h10.925c.045.012.132.107.132.174v17.104h-2.566v-6.546a.6.6 0 0 0-.6-.603H9.584a.6.6 0 0 0-.6.603v6.546H6.417zM8.381 8.79c0 .291.277.535.602.535h1.751v1.756c0 .322.25.605.532.605h1.48c.288 0 .531-.277.531-.605l-.005-1.756h1.75c.32 0 .608-.255.608-.535V7.304c0-.28-.291-.535-.607-.535h-1.751V5.02c0-.32-.255-.611-.532-.611h-1.474c-.283 0-.532.286-.532.61v1.757h-1.75c-.323 0-.603.25-.603.532z"
         })
     }));
-}, p = i;
+}, p = s;

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: l, size: c = 24 } = _param, r = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), a = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = 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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
             d: "M21.838 6.24c0-.251-.043-1.075-.589-1.075h-2.526V3.353c0-.63-.544-1.202-1.143-1.202H6.415c-.6 0-1.143.572-1.143 1.202v1.812H2.739c-.546 0-.588.824-.588 1.076v14.524c0 .325.056 1.075.588 1.075h18.51c.533 0 .588-.75.588-1.075zm-3.933-2.884V21.02h-3.026v-6.888a.41.41 0 0 0-.408-.41H9.524a.41.41 0 0 0-.41.41v6.888H6.088V3.356c0-.182.19-.381.325-.381h11.165c.137 0 .328.196.328.38m3.117 17.406c0 .098-.01.183-.018.25l-.001.005H18.72V6.238q.001-.149.02-.255H21q.021.106.022.255zm-6.96.255H9.93v-6.48h4.132zm-11.096-.255h-.002V6.24c0-.098.01-.185.022-.255h2.26q.019.107.02.255v13.745l.001.004.002.007v1.02H2.986a1.6 1.6 0 0 1-.02-.255m12.11-12.009v-.008H13.19a.409.409 0 0 0-.409.412l.006 1.896c0 .043-.02.078-.029.094l-.004.01-1.493.003c-.014-.006-.05-.048-.05-.107V9.157a.41.41 0 0 0-.41-.41H8.913a.2.2 0 0 1-.093-.025l-.01-.005-.003-1.496c.005-.014.047-.05.106-.05h1.888a.41.41 0 0 0 .41-.41V4.867c0-.039.015-.073.024-.093q.007-.014.006-.017l1.482-.003c.016.009.056.06.056.115v1.894a.41.41 0 0 0 .409.409h1.89c.05 0 .093.03.11.05l.002 1.474c-.008.02-.058.058-.114.058M16 7.202c0-.451-.431-.852-.924-.852h-1.482V4.868c0-.495-.398-.93-.849-.93h-1.504c-.462 0-.849.426-.849.93v1.485H8.913c-.498 0-.921.39-.921.851v1.513c0 .462.423.852.921.852h1.48v1.487c0 .501.388.924.848.924h1.51c.46 0 .848-.423.848-.924l-.002-1.485h1.479c.493 0 .924-.397.924-.851z"
         })
     }));
-}, H = v;
+}, H = s;

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: h, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), a = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = h !== null && h !== void 0 ? h : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: l,
             d: "M21.846 6.36c0-.787-.291-1.255-.779-1.255l-2.271-.002V3.528c0-.722-.628-1.378-1.32-1.378H6.538c-.692 0-1.32.656-1.32 1.378v1.575h-2.28c-.484 0-.775.47-.775 1.254v14.227c0 .788.288 1.255.776 1.255h18.128c.488 0 .779-.47.779-1.255zM6.415 20.635V3.53c0-.067.087-.162.117-.17H17.46c.045.01.132.106.132.173v17.1h-2.566V14.09a.6.6 0 0 0-.6-.603H9.58a.6.6 0 0 0-.6.603v6.546zM20.647 6.307v14.325h-1.854V6.307zM10.182 20.635V14.69h3.647v5.944zm-6.823-.05h-.003V6.31H5.21v13.515l.001.004.002.008v.798H3.359zM9.08 7.477h1.751a.6.6 0 0 0 .6-.602V5.11h1.14v1.76a.6.6 0 0 0 .599.601h1.756v1.149h-1.756a.6.6 0 0 0-.426.176.6.6 0 0 0-.176.426l.005 1.756h-1.142V9.22a.6.6 0 0 0-.6-.602h-1.75zm-1.199 1.31c0 .572.493 1.037 1.101 1.037h1.25v1.255c0 .6.47 1.107 1.03 1.107h1.482c.558 0 1.031-.507 1.031-1.11l-.003-1.252h1.25c.599 0 1.106-.476 1.106-1.036V7.3c0-.563-.507-1.036-1.107-1.036H13.77v-1.25c0-.601-.47-1.111-1.03-1.111h-1.477c-.557 0-1.03.51-1.03 1.112V6.27h-1.25c-.596 0-1.1.476-1.1 1.036z"
         })
     }));

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,8 +104,8 @@ const n = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M21.841 12.023c0-9.053-7.504-9.815-9.431-9.86a50 50 0 0 0-.933-.008c-1.975.02-9.322.695-9.322 9.812 0 9.13 7.414 9.843 9.392 9.872.254.004.527.001.768-.002l.134-.001c1.88-.037 9.392-.743 9.392-9.813m-8.18-5.165h2.16c.227 0 .41.182.41.41v9.467a.41.41 0 0 1-.41.409h-2.16a.41.41 0 0 1-.408-.41v-3.576h-2.516v3.577a.41.41 0 0 1-.409.409h-2.16a.41.41 0 0 1-.408-.41V7.268a.41.41 0 0 1 .409-.409h2.16a.41.41 0 0 1 .408.41v3.45h2.516v-3.45a.41.41 0 0 1 .409-.41"
         })
     }));
-}, m = n;
+}, d = n;

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

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

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

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

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

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: t, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: t, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), o = t !== null && t !== void 0 ? t : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : r ? _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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M11.686 12.338a.7.7 0 0 1-.175-.023l-2.432-.68a4.6 4.6 0 0 1-1.811.374c-2.641 0-4.785-2.244-4.785-5S4.623 2 7.263 2c2.642 0 4.785 2.245 4.785 5 0 .657-.118 1.296-.358 1.898l.65 2.54a.75.75 0 0 1-.174.69.65.65 0 0 1-.48.21m-7.208 8.284C5.373 21.553 6.548 22 7.883 22c2.637 0 5.911-1.743 8.989-4.986 4.61-4.868 5.968-10.192 3.3-12.952L18.85 2.694a2.2 2.2 0 0 0-1.476-.69 1.92 1.92 0 0 0-1.497.598l-1.982 2.09c-.389.41-.585.967-.555 1.57.03.574.27 1.117.672 1.536l1.384 1.433c.459.474.385 1.209.24 1.738-.248.908-.89 1.944-1.811 2.915-1.746 1.843-3.62 2.56-4.449 1.702l-1.384-1.433c-.85-.88-2.187-.921-2.973-.09l-1.981 2.089c-.389.41-.585.967-.555 1.569.03.57.27 1.118.672 1.533zm1.506-5.56a.58.58 0 0 1 .428-.179.87.87 0 0 1 .616.283L8.412 16.6c1.436 1.482 3.998.793 6.378-1.716 1.095-1.158 1.838-2.377 2.152-3.53.345-1.274.13-2.387-.594-3.14l-1.384-1.432a.96.96 0 0 1-.27-.602.65.65 0 0 1 .161-.488l1.982-2.09a.57.57 0 0 1 .463-.173c.21.01.419.11.58.278l1.323 1.369c2.096 2.167.738 6.665-3.309 10.935-4.064 4.288-8.364 5.766-10.46 3.6l-1.323-1.37a.96.96 0 0 1-.27-.601.65.65 0 0 1 .161-.488zm3.213-4.873 1.524.424-.406-1.592a.72.72 0 0 1 .043-.488c.219-.48.328-.995.328-1.533 0-1.97-1.537-3.577-3.423-3.577S3.841 5.03 3.841 7s1.536 3.577 3.422 3.577c.511 0 1.004-.114 1.467-.342a.66.66 0 0 1 .467-.046M7.25 4.673a.52.52 0 0 0-.51.534.52.52 0 0 0 .51.534.52.52 0 0 0 .511-.534.52.52 0 0 0-.51-.534m.511 2.318v1.784a.52.52 0 0 1-.51.533.52.52 0 0 1-.512-.533V6.99a.52.52 0 0 1 .511-.534.52.52 0 0 1 .511.534"
@@ -113,7 +113,7 @@ const m = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M9.006 21.39a.34.34 0 0 0 .329.269.2.2 0 0 0 .073-.014c2.33-.57 4.95-2.286 7.38-4.827 2.265-2.376 3.799-4.85 4.43-7.163.638-2.326.282-4.33-1-5.645L18.846 2.6c-.741-.76-1.889-.804-2.564-.1l-2.058 2.157c-.67.705-.619 1.9.122 2.658l1.438 1.478c1.03 1.06.363 3.255-1.629 5.34-1.996 2.092-4.114 2.815-5.145 1.755l-1.438-1.477a1.96 1.96 0 0 0-1.29-.598 1.63 1.63 0 0 0-1.274.503l-2.057 2.156c-.671.705-.62 1.9.121 2.658l1.373 1.41c.22.225.468.432.74.607.16.103.369.054.468-.112a.36.36 0 0 0-.108-.486 3.7 3.7 0 0 1-.624-.511L3.557 18.64c-.476-.49-.528-1.235-.117-1.666l2.057-2.156a.97.97 0 0 1 .763-.292c.307.014.61.153.844.396L8.542 16.4c1.312 1.347 3.824.624 6.103-1.765 2.269-2.38 2.936-4.985 1.624-6.332L14.83 6.826c-.477-.49-.529-1.235-.117-1.667l2.057-2.155c.411-.431 1.13-.386 1.607.103l1.373 1.41c1.113 1.141 1.399 2.856.823 4.954-.602 2.2-2.075 4.571-4.262 6.862-2.339 2.447-4.847 4.095-7.055 4.634a.35.35 0 0 0-.251.422m-2.36-.09c0-.387.302-.701.675-.701.377 0 .675.314.675.7a.69.69 0 0 1-.675.701.69.69 0 0 1-.676-.7m5.313-9.225c.087-.09.117-.215.087-.336L11.37 9.12a4.7 4.7 0 0 0 .373-1.84c0-2.52-1.98-4.572-4.41-4.572-2.429 0-4.408 2.047-4.408 4.571s1.98 4.572 4.409 4.572q.93-.001 1.775-.386l2.525.7a.3.3 0 0 0 .087.014.33.33 0 0 0 .238-.104m-4.625-.925C5.277 11.15 3.6 9.412 3.6 7.28c0-2.134 1.677-3.872 3.734-3.872s3.733 1.738 3.733 3.871c0 .58-.121 1.136-.36 1.657a.36.36 0 0 0-.021.243l.559 2.155-2.08-.579a.3.3 0 0 0-.086-.013.34.34 0 0 0-.147.035 3.6 3.6 0 0 1-1.598.373M7.32 4.81a.514.514 0 0 0-.507.525c0 .292.225.525.507.525a.514.514 0 0 0 .506-.525.514.514 0 0 0-.506-.526m.36 2.105v2.457c0 .206-.161.373-.36.373-.2 0-.36-.167-.36-.373V6.915c0-.206.16-.372.36-.372s.36.166.36.372"

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,8 +97,8 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : 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({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = 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: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -119,4 +119,4 @@ const m = (_param)=>{
             d: "M11.686 12.338a.7.7 0 0 1-.175-.023l-2.432-.68a4.6 4.6 0 0 1-1.811.374c-2.641 0-4.785-2.244-4.785-5S4.623 2 7.263 2c2.642 0 4.785 2.245 4.785 5 0 .657-.118 1.296-.358 1.898l.65 2.54a.75.75 0 0 1-.174.69.65.65 0 0 1-.48.21m-7.208 8.284C5.373 21.553 6.548 22 7.883 22c2.637 0 5.911-1.743 8.989-4.986 4.61-4.868 5.968-10.192 3.3-12.952L18.85 2.694a2.2 2.2 0 0 0-1.476-.69 1.92 1.92 0 0 0-1.497.598l-1.982 2.09c-.389.41-.585.967-.555 1.57.03.574.27 1.117.672 1.536l1.384 1.433c.459.474.385 1.209.24 1.738-.248.908-.89 1.944-1.811 2.915-1.746 1.843-3.62 2.56-4.449 1.702l-1.384-1.433c-.85-.88-2.187-.921-2.973-.09l-1.981 2.089c-.389.41-.585.967-.555 1.569.03.57.27 1.118.672 1.533zm1.506-5.56a.58.58 0 0 1 .428-.179.87.87 0 0 1 .616.283L8.412 16.6c1.436 1.482 3.998.793 6.378-1.716 1.095-1.158 1.838-2.377 2.152-3.53.345-1.274.13-2.387-.594-3.14l-1.384-1.432a.96.96 0 0 1-.27-.602.65.65 0 0 1 .161-.488l1.982-2.09a.57.57 0 0 1 .463-.173c.21.01.419.11.58.278l1.323 1.369c2.096 2.167.738 6.665-3.309 10.935-4.064 4.288-8.364 5.766-10.46 3.6l-1.323-1.37a.96.96 0 0 1-.27-.601.65.65 0 0 1 .161-.488zm3.213-4.873 1.524.424-.406-1.592a.72.72 0 0 1 .043-.488c.219-.48.328-.995.328-1.533 0-1.97-1.537-3.577-3.423-3.577S3.841 5.03 3.841 7s1.536 3.577 3.422 3.577c.511 0 1.004-.114 1.467-.342a.66.66 0 0 1 .467-.046M7.25 4.673a.52.52 0 0 0-.51.534.52.52 0 0 0 .51.534.52.52 0 0 0 .511-.534.52.52 0 0 0-.51-.534m.511 2.318v1.784a.52.52 0 0 1-.51.533.52.52 0 0 1-.512-.533V6.99a.52.52 0 0 1 .511-.534.52.52 0 0 1 .511.534"
         })
     }));
-}, u = m;
+}, d = m;

package/dist/generated/mistica-icons/icon-id-card-filled.js

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: e, size: r = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M20.41 19.38H3.586c-.79 0-1.431-.67-1.431-1.49V6.103c0-.821.641-1.488 1.431-1.488h16.827c.79 0 1.43.667 1.43 1.488V17.89c-.002.82-.643 1.49-1.433 1.49m-9.392-4.986c.333 0 .602-.28.602-.627a.616.616 0 0 0-.602-.628H4.777a.614.614 0 0 0-.603.628c0 .347.272.627.603.627zm-1.401-3.978a.617.617 0 0 0-.605-.627H4.777a.617.617 0 0 0-.605.627c0 .348.271.628.605.628h4.235c.333 0 .605-.28.605-.628m6.653-2.243c-.569 0-1.014.157-1.32.465-.319.319-.479.795-.479 1.411 0 .617.16 1.09.48 1.41.305.308.75.462 1.319.462q.858-.002 1.322-.463c.32-.319.482-.795.482-1.411q-.002-.927-.482-1.412-.463-.462-1.322-.462m-1.098 4.568c-.667 0-1.216.213-1.583.61-.339.368-.515.878-.515 1.474v.625a.21.21 0 0 0 .204.213h5.992a.21.21 0 0 0 .204-.213v-.625c0-.596-.18-1.106-.518-1.473-.373-.398-.919-.61-1.585-.61z"
         })
     }));

package/dist/generated/mistica-icons/icon-id-card-light.js

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), e = a !== null && a !== void 0 ? a : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,7 +104,7 @@ const i = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: s,
             d: "M21.838 5.935c0-.725-.564-1.316-1.255-1.316H3.406c-.692 0-1.255.59-1.255 1.316V18.07c0 .725.563 1.316 1.258 1.316h17.174c.692 0 1.255-.59 1.255-1.316zm-.821 0V18.07a.446.446 0 0 1-.434.453H3.406a.444.444 0 0 1-.434-.453V5.935a.44.44 0 0 1 .434-.453h17.177c.246.005.44.21.434.453m-10.025 7.46a.42.42 0 0 1 .408.431.42.42 0 0 1-.408.431H4.328a.42.42 0 0 1-.412-.43.42.42 0 0 1 .409-.432zm-7.073-3.017a.42.42 0 0 0 .409.431h4.52a.42.42 0 0 0 .41-.431.42.42 0 0 0-.41-.431h-4.52a.42.42 0 0 0-.41.43m11.952-.995c.154-.156.434-.19.644-.19s.49.034.647.193q.194.197.194.69c0 .327-.068.557-.194.686-.154.154-.436.187-.647.187-.21 0-.49-.033-.644-.187-.157-.16-.19-.463-.19-.687 0-.227.033-.529.19-.692m-.571 1.995c.28.286.689.431 1.213.431.523 0 .932-.143 1.215-.431.297-.294.446-.734.446-1.305 0-.572-.152-1.014-.446-1.311-.283-.286-.692-.432-1.215-.432-.521 0-.933.146-1.213.432-.294.297-.443.74-.443 1.31 0 .572.149 1.012.443 1.306m3.336 3.042h-4.241c.011-.219.067-.49.244-.684.224-.246.594-.3.862-.3h2.023c.269 0 .636.051.865.3.182.196.236.465.247.684m.344-1.283c-.339-.37-.843-.566-1.456-.566h-2.02c-.613 0-1.117.193-1.456.566-.311.342-.477.812-.477 1.367v.577a.194.194 0 0 0 .188.199h5.513a.194.194 0 0 0 .187-.199v-.577c0-.555-.165-1.025-.479-1.367"
         })
     }));

package/dist/generated/mistica-icons/icon-id-card-regular.js

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return I;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const c = (_param)=>{
     var { color: l, size: o = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M20.423 4.622c.742 0 1.42.583 1.42 1.224v12.317c0 .641-.678 1.224-1.42 1.224H3.577c-.756 0-1.417-.574-1.417-1.224l.002-12.317c0-.652.664-1.224 1.418-1.224zM4.8 8.984a2.267 2.267 0 0 0 2.255 2.277c1.244 0 2.255-1.022 2.255-2.277S8.3 6.706 7.056 6.706 4.801 7.73 4.801 8.984m14.933 3.652-3.247-2.507a.61.61 0 0 0-.756.009l-3.711 2.977-.897-.854a.61.61 0 0 0-.815-.025l-5.277 4.44a.627.627 0 0 0-.079.876.61.61 0 0 0 .866.082l4.86-4.087 3.378 3.213a.61.61 0 0 0 .868-.026.63.63 0 0 0-.025-.88l-1.969-1.873 3.196-2.566 2.866 2.213a.61.61 0 0 0 .857-.12.626.626 0 0 0-.115-.872M6.03 8.986c0 .57.46 1.034 1.025 1.034a1.035 1.035 0 0 0 0-2.067 1.03 1.03 0 0 0-1.025 1.034"
         })
     }));
-}, I = i;
+}, v = c;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: s, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: s, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), l = s !== null && s !== void 0 ? s : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = s !== null && s !== void 0 ? s : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M20.421 4.62c.745 0 1.42.583 1.42 1.224v12.317c0 .638-.678 1.224-1.42 1.224H3.572c-.753.002-1.417-.572-1.417-1.224l.003-12.317c0-.653.664-1.224 1.42-1.224zm.6 13.54V5.848c0-.135-.272-.395-.6-.395H3.575c-.33 0-.596.238-.596.395l-.003 12.316c0 .157.269.395.6.395h16.848c.325-.002.596-.263.596-.397M5.823 8.982c0 .687.552 1.241 1.23 1.241s1.23-.557 1.23-1.24c0-.684-.552-1.242-1.23-1.242s-1.23.558-1.23 1.241m1.23 2.073c-1.131 0-2.05-.93-2.05-2.07s.919-2.07 2.05-2.07c1.132 0 2.05.93 2.05 2.07s-.918 2.07-2.05 2.07m12.555 1.742-3.247-2.506a.41.41 0 0 0-.504.005l-3.851 3.09-1.026-.975a.407.407 0 0 0-.543-.017l-5.277 4.44a.416.416 0 0 0-.054.583l.003.002c.143.174.4.196.574.05l5-4.2 3.507 3.335.006.006c.165.151.42.143.574-.023a.415.415 0 0 0-.017-.585l-2.142-2.04 3.507-2.817 2.994 2.31.003.003c.18.138.437.101.571-.078a.42.42 0 0 0-.078-.582"

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: c, size: r = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: r = 24 } = _param, c = _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;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M20.25 4.622c.832 0 1.591.664 1.591 1.393v11.98c0 .728-.76 1.392-1.591 1.392H3.746c-.863 0-1.591-.639-1.591-1.392V6.015c0-.754.728-1.393 1.59-1.393zm0 13.558c.193 0 .367-.146.39-.207l-.003-11.956a.56.56 0 0 0-.384-.182H3.746c-.21 0-.364.132-.387.19v11.973c.014.044.171.182.387.182zM6.152 9.068c0 .554.451 1.005 1.003 1.005a1.006 1.006 0 0 0 0-2.01c-.552 0-1.003.45-1.003 1.005m1.003 2.215a2.216 2.216 0 0 1 0-4.43c1.218 0 2.207.993 2.207 2.215a2.213 2.213 0 0 1-2.207 2.215m12.42 1.337-3.18-2.44a.605.605 0 0 0-.742.005l-3.636 2.9-.879-.83a.6.6 0 0 0-.798-.025l-5.168 4.317a.607.607 0 0 0 .386 1.07.6.6 0 0 0 .384-.14l4.759-3.975 3.308 3.123c.241.23.625.221.852-.025a.605.605 0 0 0-.026-.854l-1.932-1.824 3.131-2.496 2.807 2.154a.603.603 0 0 0 .846-.112.61.61 0 0 0-.112-.848"

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

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