@telefonica/mistica 15.20.1 → 16.1.0

package/dist/generated/mistica-icons/icon-sport-ball-light.js

@@ -96,7 +96,7 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = 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: o,
         height: o,
@@ -104,7 +104,7 @@ const l = (_param)=>{
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M2.151 11.994c0-5.431 4.412-9.843 9.843-9.843 5.432 0 9.843 4.412 9.843 9.843 0 5.429-4.411 9.843-9.843 9.843-5.431 0-9.843-4.414-9.843-9.843m6.776-.459h2.658V2.98a9 9 0 0 0-4.627 1.524c1.216 1.824 1.922 4.35 1.97 7.031m8.07-7.045a8.9 8.9 0 0 0-4.594-1.51v8.555h2.603c.056-2.697.77-5.224 1.991-7.045m.765 14.434a9.03 9.03 0 0 0 3.25-6.571h-5.186c.073 2.535.787 4.938 1.936 6.571m-5.359 2.084a8.95 8.95 0 0 0 4.709-1.59c-1.263-1.771-2.036-4.356-2.11-7.062h-2.599zm8.605-9.473a9.01 9.01 0 0 0-3.353-6.555c-1.106 1.684-1.773 4.037-1.829 6.555zm-9.425 9.473v-8.655H8.924c-.086 2.692-.851 5.266-2.09 7.04a9 9 0 0 0 4.749 1.615m-3.48-8.652H2.979a9.03 9.03 0 0 0 3.207 6.538c1.132-1.633 1.837-4.028 1.919-6.538m-1.809-7.35a9.04 9.04 0 0 0-3.314 6.529h5.126c-.047-2.501-.697-4.84-1.812-6.53"
         })
     }));

package/dist/generated/mistica-icons/icon-sport-ball-regular.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: t, size: r = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = 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: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M2.155 11.998c0-5.42 4.415-9.843 9.843-9.843 5.429 0 9.843 4.423 9.843 9.843 0 5.429-4.414 9.843-9.843 9.843-5.428 0-9.843-4.414-9.843-9.843m9.24-8.552A8.44 8.44 0 0 0 7.39 4.768c1.096 1.737 1.751 4.073 1.835 6.56h2.17zM7.968 11.33c-.08-2.21-.644-4.272-1.582-5.804a8.55 8.55 0 0 0-2.939 5.804zm-4.53 1.255a8.6 8.6 0 0 0 2.838 5.804c.964-1.508 1.578-3.592 1.684-5.804zm7.959 0h-2.18c-.117 2.523-.803 4.851-1.949 6.577a8.6 8.6 0 0 0 4.129 1.397zm1.255 7.966a8.4 8.4 0 0 0 4.028-1.364c-1.132-1.712-1.835-4.09-1.952-6.602H12.65zm5.028-2.126a8.55 8.55 0 0 0 2.874-5.838h-4.566c.11 2.236.72 4.33 1.692 5.838m-5.025-7.095h2.075c.084-2.496.745-4.835 1.852-6.575a8.5 8.5 0 0 0-3.927-1.308zm7.899 0a8.57 8.57 0 0 0-2.964-5.83c-.938 1.524-1.518 3.634-1.602 5.83z"

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: t, size: l = 24 } = _param, c = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: e, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = 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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M16.748 21.834c-.353 0-.697-.09-1.005-.26l-3.56-1.953c-.138-.064-.253-.081-.39.008l-3.546 1.944a2.08 2.08 0 0 1-2.216-.128 2.22 2.22 0 0 1-.899-2.19l.664-4.029c.064-.317.011-.392-.18-.591l-2.812-2.857a2.23 2.23 0 0 1-.52-2.291 2.15 2.15 0 0 1 1.714-1.468l3.896-.591c.238-.045.308-.079.457-.381l1.722-3.636a2.11 2.11 0 0 1 1.922-1.238c.826 0 1.563.476 1.924 1.238l1.731 3.655c.14.264.185.323.49.367l3.858.586c.795.12 1.45.683 1.714 1.468.272.8.07 1.689-.521 2.29l-2.712 2.732c-.31.31-.322.339-.271.714l.65 4.031a2.22 2.22 0 0 1-.9 2.19c-.352.253-.775.39-1.21.39"
         })
     }));
-}, h = n;
+}, h = a;

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

@@ -91,15 +91,15 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: o, size: l = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: o, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), e = o !== null && o !== void 0 ? o : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M15.987 21.596c.289.16.597.238.905.238.375 0 .748-.117 1.081-.353.63-.442.941-1.204.813-1.98l-.734-4.454a.38.38 0 0 1 .1-.33l3.107-3.152a2.03 2.03 0 0 0 .47-2.073c-.238-.717-.815-1.213-1.54-1.322L15.9 7.52a.34.34 0 0 1-.257-.196l-1.92-4.053c-.327-.686-.988-1.115-1.728-1.115a1.9 1.9 0 0 0-1.725 1.115L8.351 7.324a.34.34 0 0 1-.255.194l-4.29.65c-.726.109-1.303.605-1.542 1.322a2.02 2.02 0 0 0 .471 2.072l3.104 3.155c.084.086.123.21.103.33l-.734 4.454a2 2 0 0 0 .813 1.98c.6.423 1.341.468 1.983.115l3.838-2.104a.32.32 0 0 1 .308 0zm-3.568-2.594a.87.87 0 0 0-.85 0l-3.837 2.104c-.448.246-.969.215-1.39-.081a1.46 1.46 0 0 1-.582-1.435l.734-4.453a.95.95 0 0 0-.255-.816l-3.103-3.15a1.48 1.48 0 0 1-.34-1.505c.172-.513.58-.865 1.093-.944l4.291-.65a.9.9 0 0 0 .675-.51l1.92-4.053c.235-.498.691-.795 1.22-.795.53 0 .987.297 1.222.795l1.919 4.05a.9.9 0 0 0 .678.513l4.29.65c.513.079.922.431 1.093.944.18.535.048 1.112-.339 1.504l-3.106 3.154a.94.94 0 0 0-.255.813l.734 4.453a1.45 1.45 0 0 1-.583 1.435c-.42.297-.941.327-1.392.08z"
         })
     }));
-}, f = i;
+}, f = s;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: o, size: l = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: o, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), c = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: c,
             d: "M15.747 21.568a2.09 2.09 0 0 0 2.218-.126 2.22 2.22 0 0 0 .9-2.19l-.712-4.328a.1.1 0 0 1 .025-.087l3.014-3.062a2.24 2.24 0 0 0 .524-2.291 2.15 2.15 0 0 0-1.714-1.468l-4.165-.63a.06.06 0 0 1-.045-.034q-.004-.003-.003-.005L13.926 3.41a2.12 2.12 0 0 0-1.924-1.238c-.824 0-1.563.473-1.922 1.24L8.218 7.35l-.003.003v.003a.06.06 0 0 1-.045.034l-4.165.63c-.796.12-1.454.68-1.715 1.465a2.23 2.23 0 0 0 .521 2.291l3.014 3.062q.032.035.026.087l-.712 4.324a2.21 2.21 0 0 0 .9 2.19 2.08 2.08 0 0 0 2.215.13l3.728-2.042a.04.04 0 0 1 .037 0zm-3.202-2.995a1.118 1.118 0 0 0-1.084 0l-3.728 2.042a.98.98 0 0 1-1.064-.061 1.14 1.14 0 0 1-.454-1.126l.711-4.325a1.19 1.19 0 0 0-.319-1.025l-.003-.003L3.59 11.01a1.16 1.16 0 0 1-.266-1.184c.132-.401.448-.676.843-.734l4.168-.63h.006c.378-.062.697-.303.86-.65l1.862-3.933c.183-.387.533-.617.939-.617s.759.23.941.617l1.863 3.932c.16.348.482.589.86.65h.005l4.168.633c.395.06.71.334.844.734.109.33.098.815-.267 1.185L17.4 14.078l-.003.002a1.19 1.19 0 0 0-.32 1.023l.712 4.325c.087.532-.177.93-.454 1.126a.98.98 0 0 1-1.064.061z"

package/dist/generated/mistica-icons/icon-status-chart-filled.js

@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: h, size: t = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: h, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), r = h !== null && h !== void 0 ? h : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = h !== null && h !== void 0 ? h : n ? _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: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M20.5 2v20h-4.437V2zM9.782 22h4.436V8.667H9.782zm-1.845 0H3.5v-7.45h4.437z"
         })
-    })) : l.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: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M20.5 2v20h-4.437V2zM9.782 22h4.436V8.667H9.782zm-1.845 0H3.5v-7.45h4.437z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const s = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M19.9 4.617a1.94 1.94 0 0 0-1.94 1.936c0 .468.173.894.453 1.227l-2.392 4a2 2 0 0 0-.448-.056c-.563 0-1.067.246-1.42.63l-4.129-1.81c.003-.053.017-.103.017-.16a1.94 1.94 0 0 0-3.882 0c0 .477.187.925.495 1.275L4.45 15.55a2 2 0 0 0-.359-.036 1.94 1.94 0 0 0-1.94 1.935 1.943 1.943 0 0 0 3.884 0c0-.493-.19-.935-.495-1.277l2.21-3.896c.114.022.232.044.35.044.563 0 1.067-.246 1.423-.63l4.126 1.807c-.003.053-.017.104-.017.16 0 1.07.868 1.94 1.938 1.94s1.942-.867 1.942-1.938v-.002c0-.457-.166-.871-.432-1.202l2.398-4.014c.134.03.274.05.42.05 1.07 0 1.936-.865 1.938-1.935a1.935 1.935 0 0 0-1.935-1.939"
         })
     }));

package/dist/generated/mistica-icons/icon-status-chart-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");
@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const c = (_param)=>{
-    var { color: i, size: t = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: i, size: t = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), o = i !== null && i !== void 0 ? i : l ? _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 l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : l ? _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: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M16.063 22H20.5V2h-4.437zm2.957-1.566h-1.476V3.566h1.476zM14.218 22H9.782V8.667h4.436zm-1.48-1.566V10.233h-1.476v10.2zM7.937 22H3.5v-7.646h4.437zm-1.48-1.566v-4.508H4.98v4.508z"
         })
-    })) : 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: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M20.235 21.217c.211 0 .383.176.383.391a.387.387 0 0 1-.383.392H16.02V2h4.598v14.9a.387.387 0 0 1-.383.391.39.39 0 0 1-.382-.391V2.783h-3.064v18.434zm0-1.18a.775.775 0 0 0 .765-.783.775.775 0 0 0-.765-.783.775.775 0 0 0-.764.783c0 .432.343.783.764.783m-6.127-11.37H9.51V22h4.598zm-.77.783v11.767h-3.063V9.45zm-5.74 5.1H3V22h4.598zm-.77.783v5.884H3.765v-5.884z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +123,10 @@ const c = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M18.337 6.38c0-.972.787-1.765 1.754-1.765.97 0 1.757.793 1.754 1.765 0 .973-.785 1.763-1.754 1.763-.188 0-.364-.037-.535-.093l-2.634 4.447a1.76 1.76 0 0 1-1.26 2.981 1.763 1.763 0 0 1-1.755-1.765q0-.155.03-.308l-4.539-2.003c-.32.42-.82.697-1.387.697q-.247-.001-.482-.07l-2.426 4.313a1.762 1.762 0 0 1-1.194 3.046 1.763 1.763 0 0 1-1.754-1.766 1.76 1.76 0 0 1 1.754-1.762q.246.004.48.075l2.426-4.315a1.76 1.76 0 0 1 1.194-3.049c.966 0 1.754.79 1.754 1.763q-.001.156-.031.308l4.54 2.004c.321-.42.82-.698 1.389-.698q.291 0 .566.1l2.623-4.42a1.78 1.78 0 0 1-.513-1.248m1.757.939a.935.935 0 0 0 .933-.936.936.936 0 0 0-.933-.939.938.938 0 0 0 0 1.875m-4.43 7.33a.938.938 0 0 0 0-1.874.938.938 0 0 0 0 1.875M7.08 10.34c0 .516.418.934.933.934a.935.935 0 0 0 .93-.939.933.933 0 0 0-.93-.936.935.935 0 0 0-.933.936zm-3.17 8.222a.937.937 0 0 0 0-1.872.935.935 0 0 0 0 1.872"
         })
     }));
-}, d = c;
+}, p = c;

package/dist/generated/mistica-icons/icon-status-chart-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), h = 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)(), h = l !== null && l !== void 0 ? l : 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: t,
         height: t,
@@ -129,4 +129,4 @@ const m = (_param)=>{
             d: "M17.96 6.553a1.94 1.94 0 0 1 3.882 0 1.94 1.94 0 0 1-1.938 1.936 2 2 0 0 1-.423-.05l-2.398 4.013c.266.334.432.748.432 1.205v.002a1.941 1.941 0 0 1-3.88-.003q0-.045.009-.09l.008-.069-4.126-1.807c-.356.387-.86.63-1.423.63a2 2 0 0 1-.345-.043l-.008-.001-2.21 3.896c.305.342.496.784.496 1.277a1.943 1.943 0 0 1-3.885 0 1.94 1.94 0 0 1 1.94-1.935q.181.002.36.036l2.206-3.89a1.92 1.92 0 0 1-.495-1.275 1.94 1.94 0 0 1 3.88 0 1 1 0 0 1-.01.107l-.008.053 4.126 1.806c.356-.386.86-.63 1.423-.63q.227.001.448.056l2.39-4a1.9 1.9 0 0 1-.451-1.224m1.941.683a.685.685 0 1 0-.003-1.37.685.685 0 0 0 .003 1.37M8.1 11.068a.685.685 0 1 0 .047-1.37.685.685 0 0 0-.047 1.37"
         })
     }));
-}, u = m;
+}, p = m;

package/dist/generated/mistica-icons/icon-stethoscope-medico-filled.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: l, size: c = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), h = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = 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: h,
             d: "M20.284 9.421v1.74c.647.148 1.557.619 1.557 2.087 0 1.986-1.666 2.142-2.08 2.148q-.06.004-.127.003h-.073c-.437-.006-2.081-.163-2.081-2.163 0-1.512.933-1.963 1.577-2.095v-1.72c0-1.683-1.196-1.966-1.908-1.983l-.227-.003c-.7.006-1.87.269-1.87 1.97l.002.072v8.163c0 3.044-2.202 4.165-4.087 4.198-.064.003-.143.003-.22.003h-.133c-1.977-.028-4.09-1.151-4.09-4.224v-1.86h-.263a.544.544 0 0 1-.526-.549v-1.157c-2.32-.501-3.58-2.372-3.58-5.403 0-.224.182-.403.409-.403h.182V4.878c-.003-.112-.022-1.308.658-2.011a1.66 1.66 0 0 1 1.23-.493l.017.002c.193-.199.47-.218.574-.221h.078c.163.003.788.064.788.81 0 .745-.625.803-.782.806h-.076c-.098-.003-.352-.025-.546-.201q-.015.002-.028.006-.018.007-.036.008a.42.42 0 0 0-.328.126c-.277.283-.325.94-.32 1.148v3.395c.205.022.36.19.362.395 0 2.09 1.137 3.608 2.703 3.608 1.583 0 2.82-1.586 2.82-3.608a.406.406 0 0 1 .39-.4V4.874c.006-.227-.039-.885-.32-1.168a.42.42 0 0 0-.327-.123q-.018-.001-.036-.008l-.028-.006c-.194.176-.451.198-.55.201h-.075c-.157-.003-.781-.061-.781-.806s.624-.807.784-.81h.078c.104 0 .381.022.575.221l.018-.003.015-.002a1.66 1.66 0 0 1 1.213.496c.69.703.667 1.896.664 2.03v3.348h.123a.406.406 0 0 1 .41.403c0 2.98-1.22 4.838-3.463 5.378v1.185c0 .297-.24.55-.527.55h-.269v1.856c0 2.68 2.012 2.997 2.877 3.011.104 0 .219 0 .311-.002.868-.014 2.883-.34 2.883-2.986l-.003-8.219c0-2.347 1.66-3.188 3.087-3.199.09.003.184.003.266.003 1.437.034 3.109.894 3.109 3.196m-.616 4.367h.05c.107-.003.53-.042.527-.543 0-.504-.42-.547-.53-.55h-.053c-.11 0-.524.037-.524.544s.418.546.53.55"

package/dist/generated/mistica-icons/icon-stethoscope-medico-light.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: e, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : r ? _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: s,
             d: "M20.076 11.17c.636.096 1.761.497 1.761 2.158 0 2.014-1.666 2.17-2.08 2.179h-.202c-.437-.006-2.082-.165-2.082-2.193 0-1.712 1.157-2.081 1.782-2.157V9.443c0-1.956-1.473-2.202-2.107-2.216q-.055-.002-.116-.002h-.116c-.625.005-2.073.232-2.073 2.204l.003.078v8.275c0 3.79-3.235 4.041-3.885 4.053-.065.002-.143.002-.219.002h-.129c-1.88-.027-3.888-1.114-3.888-4.078v-1.885h-.467c-.286 0-.527-.255-.527-.555v-1.173c-2.316-.513-3.58-2.412-3.58-5.485a.41.41 0 0 1 .41-.409h.386V4.835c-.003-.112-.023-1.247.608-1.897a1.45 1.45 0 0 1 1.058-.44c.16-.313.505-.347.617-.347h.07c.145.003.711.062.711.745 0 .684-.566.74-.708.74h-.068c-.109-.003-.437-.034-.608-.322h-.003l-.008.003a.62.62 0 0 0-.476.19c-.328.347-.38 1.084-.373 1.314v3.428h.41a.41.41 0 0 1 .408.41c0 1.4.432 3.066 2.496 3.066 2.062 0 2.496-1.669 2.496-3.067a.41.41 0 0 1 .409-.409h.465V4.835c.008-.264-.048-.986-.378-1.328a.62.62 0 0 0-.476-.188l-.012-.002c-.168.285-.495.319-.605.319h-.067c-.14-.003-.709-.056-.709-.74 0-.686.566-.742.712-.745h.07c.112 0 .457.034.619.348.415.002.781.154 1.059.44.63.652.61 1.784.608 1.91v3.4h.327a.41.41 0 0 1 .41.41c0 3.022-1.22 4.907-3.46 5.453v1.204c0 .3-.24.555-.527.555h-.476v1.885c0 2.9 2.151 3.244 3.079 3.258.106.003.22 0 .319-.003.723-.014 3.081-.285 3.081-3.232l-.003-8.342c0-2.221 1.49-3.022 2.885-3.034q.066.003.134.002l.13.001c1.403.034 2.905.849 2.905 3.037zM7.08 13.466c2.605 0 3.983-1.476 4.101-4.392h-.798c-.126 2.216-1.317 3.479-3.303 3.479-1.989 0-3.173-1.26-3.302-3.48H2.98c.115 2.917 1.493 4.393 4.101 4.393m12.656 1.219c.848-.017 1.28-.474 1.28-1.36s-.434-1.35-1.291-1.369l-.143-.003h-.037c-.834.009-1.258.463-1.258 1.359 0 .9.43 1.358 1.275 1.373zm-13.185-.42v.786h1.176v-.798a7 7 0 0 1-1.176.011m13.689-.945c0-.51-.42-.552-.53-.554h-.053c-.109 0-.524.039-.524.551 0 .516.418.555.53.558h.05c.104-.003.527-.042.527-.555"
         })
     }));
-}, m = l;
+}, m = a;

package/dist/generated/mistica-icons/icon-stethoscope-medico-regular.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: h, size: c = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = h !== null && h !== void 0 ? h : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = 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), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M20.3 11.438c.805.218 1.541.849 1.541 2.12 0 1.603-1.16 2.194-2.154 2.21h-.168c-.994-.014-2.154-.605-2.154-2.218 0-1.378.84-2.003 1.703-2.163V9.651c0-1.639-1.16-1.91-1.851-1.927l-.222-.003c-.678.005-1.812.263-1.812 1.916l.003.075v7.995c0 2.994-2.16 4.098-4.011 4.131l-.112.002-.13.001h-.106c-1.94-.028-4.014-1.134-4.014-4.154V16.33h-.26c-.404 0-.734-.353-.734-.79v-1.235c-2.375-.575-3.664-2.544-3.664-5.695 0-.336.277-.61.616-.61h.182V4.815c-.002-.115-.025-1.316.67-2.022.31-.32.72-.488 1.185-.496a.9.9 0 0 1 .473-.143h.076c.16.003.776.067.776.804 0 .74-.62.795-.773.798h-.073c-.101 0-.376-.025-.569-.218a.38.38 0 0 0-.21.106c-.263.266-.328.891-.322 1.151v3.205h.238c.342 0 .616.274.616.61 0 1.928.793 2.905 2.353 2.905s2.353-.977 2.353-2.904c0-.337.277-.611.616-.611h.255V4.816c.006-.227-.042-.89-.322-1.174a.41.41 0 0 0-.302-.12c-.194.207-.477.235-.58.235H9.34c-.154-.003-.77-.061-.77-.798s.616-.798.773-.801h.075c.087 0 .303.022.485.154q.015-.002.028-.007a.1.1 0 0 1 .036-.007c.476 0 .9.17 1.219.498.692.706.672 1.908.666 2.043V8h.163c.342 0 .616.274.616.61 0 3.113-1.255 5.076-3.577 5.676v1.255c0 .437-.328.79-.734.79h-.277v1.352c0 2.614 1.958 2.922 2.798 2.936.104.003.216 0 .308-.003.84-.017 2.799-.33 2.799-2.913V9.648c0-2.305 1.636-3.134 3.033-3.148.084 0 .182 0 .264.002 1.409.034 3.056.877 3.056 3.149zm-12.904 1.83c2.513 0 3.818-1.326 3.986-4.049h-.426c-.196 2.213-1.498 3.513-3.56 3.513-2.065 0-3.364-1.3-3.563-3.513h-.426c.165 2.723 1.474 4.048 3.989 4.048m12.269 1.282c.625-.011.941-.345.941-.989 0-.647-.32-.983-.952-.994l-.138-.003c-.921.011-.921.745-.921.989 0 .655.316.989.938 1 .003-.003.132-.003.132-.003M7.14 14.48l-.089-.006v.636h.768v-.638a7 7 0 0 1-.426.016q-.13 0-.253-.009m12.94-.96c0-.387-.323-.421-.407-.424l-.045.003c-.084 0-.4.028-.4.417 0 .393.32.423.406.423h.04c.08-.002.405-.033.405-.42"

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: e, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = 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: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
-            d: "M11.623 21.836c-.894 0-1.74-.162-2.507-.498-.589-.26-1.023-.762-1.294-1.493-.224-.608-.286-1.308-.177-2.084.093-.65.006-1.009-.252-1.073-.146-.037-.26.022-.465.132l-.123.067c-.661.339-1.09.955-1.544 1.605q-.149.218-.308.437c-.73 1.008-1.526.846-2.064.532-.869-.504-.79-1.33-.625-1.695a6.34 6.34 0 0 1 3.303-3.577 6.24 6.24 0 0 1 2.958-.566c.664-.03 1.725.124 2.423.28.19.051.355.099.507.146.918.031 1.198-.143 1.294-.246.151-.168.098-.538.042-.933-.048-.342-.104-.725-.04-1.095a3.7 3.7 0 0 1 .051-.605c.157-1.18.563-2.115 1.205-2.785a7 7 0 0 1-.255-.423 6.42 6.42 0 0 1-.519-4.888c.188-.54.846-1.176 1.93-.806.538.185.773.498.874.73.182.415.062.808.017.93a3.47 3.47 0 0 0 .283 2.606c.134.244.294.47.473.666.359-.016.664.009.869.034.131.02.26.042.37.05 2.103.348 4.17 1.877 3.742 5.143-.04.297-.098.594-.174.874l-.008.031c-.393 2.384-1.748 4.577-3.821 6.182-1.992 1.516-4.185 2.322-6.165 2.322"
+            fill: a,
+            d: "M11.623 21.836c-.894 0-1.74-.162-2.508-.498-.588-.26-1.022-.762-1.294-1.493-.224-.608-.285-1.308-.176-2.084.092-.65.005-1.009-.252-1.073-.146-.037-.26.022-.465.132l-.123.067c-.662.339-1.09.955-1.544 1.605q-.15.218-.308.437c-.731 1.008-1.527.846-2.064.532-.869-.504-.79-1.33-.625-1.695a6.34 6.34 0 0 1 3.302-3.577 6.24 6.24 0 0 1 2.958-.566c.664-.03 1.726.124 2.423.28.19.051.356.099.507.146.92.031 1.2-.143 1.294-.246.152-.168.099-.538.043-.933-.048-.342-.104-.725-.04-1.095a3.7 3.7 0 0 1 .05-.605c.158-1.18.564-2.115 1.205-2.785a7 7 0 0 1-.255-.423 6.42 6.42 0 0 1-.518-4.888c.188-.54.846-1.176 1.93-.806.538.185.773.498.874.73.182.415.062.808.017.93a3.47 3.47 0 0 0 .283 2.606c.134.244.294.47.473.666a5 5 0 0 1 .869.034c.131.02.26.042.37.05 2.103.348 4.17 1.877 3.742 5.143-.04.297-.099.594-.174.874l-.009.031c-.392 2.384-1.747 4.577-3.82 6.182-1.992 1.516-4.185 2.322-6.165 2.322"
         })
     }));
-}, d = n;
+}, d = s;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M9.108 21.336c.767.337 1.613.499 2.506.499 1.98 0 4.174-.807 6.166-2.322 2.073-1.605 3.428-3.799 3.82-6.182l.005-.016.004-.015a7 7 0 0 0 .174-.874c.428-3.266-1.64-4.795-3.743-5.143a4 4 0 0 1-.28-.037l-.09-.013a5 5 0 0 0-.868-.034 3.5 3.5 0 0 1-.473-.667 3.47 3.47 0 0 1-.283-2.605 1.27 1.27 0 0 0-.017-.93c-.1-.232-.336-.546-.874-.73-1.084-.37-1.742.265-1.93.806a6.42 6.42 0 0 0 .518 4.888q.122.218.255.423c-.641.67-1.047 1.605-1.204 2.784a3.7 3.7 0 0 0-.05.605c-.064.362-.011.738.036 1.074l.003.022v.005c.056.393.108.76-.042.927-.093.104-.376.278-1.294.247a11 11 0 0 0-.507-.146c-.698-.157-1.76-.31-2.423-.28q-.014-.004-.029-.003a6.25 6.25 0 0 0-2.93.569 6.34 6.34 0 0 0-3.302 3.577c-.165.364-.244 1.19.625 1.695.537.313 1.333.476 2.064-.533q.159-.217.308-.436l.006-.008c.451-.647.88-1.26 1.538-1.598l.123-.067c.204-.11.32-.168.465-.132q.389.098.252 1.073c-.11.776-.048 1.476.176 2.084.272.732.706 1.233 1.295 1.493M7.58 15.855a1.3 1.3 0 0 0-.286-.034c-.318 0-.567.132-.766.237l-.018.01-.104.055c-.848.435-1.358 1.166-1.851 1.874q-.148.211-.3.423c-.325.446-.574.521-.964.297-.38-.22-.319-.504-.266-.636A5.52 5.52 0 0 1 5.9 14.955a5.4 5.4 0 0 1 2.535-.493h.037q.032.004.064.003c.574-.022 1.543.112 2.193.258q.276.07.496.146.057.02.118.022c1.014.045 1.655-.126 2.011-.527.411-.458.326-1.068.251-1.609l-.002-.012c-.042-.292-.084-.591-.036-.902 0-.166.017-.356.047-.558.152-1.131.555-1.98 1.197-2.515a.43.43 0 0 0 .07-.58 5.551 5.551 0 0 1-.863-4.86c.028-.084.202-.487.854-.263.137.047.311.129.373.263a.4.4 0 0 1 .003.289l-.009.022-.008.022a4.3 4.3 0 0 0 .347 3.27c.207.38.462.716.756 1.002.087.084.21.129.328.118.398-.034.734-.003.885.014l.018.002c.127.02.267.04.36.048 1.048.174 3.44.93 3.012 4.188-.028.224-.07.448-.132.7a.5.5 0 0 0-.036.12c-.345 2.194-1.591 4.219-3.51 5.7-2.633 2.026-5.628 2.69-7.815 1.73-.37-.163-.653-.505-.84-1.012-.177-.474-.222-1.034-.132-1.667.201-1.442-.373-1.893-.891-2.02"
         })
     }));
-}, q = i;
+}, q = s;

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

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = 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: c,
         height: c,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M9.096 21.332c.773.342 1.633.507 2.535.507 1.983 0 4.177-.804 6.152-2.327 2.07-1.6 3.422-3.788 3.817-6.168l.003-.012.003-.01c.076-.284.135-.583.174-.883.44-3.342-1.678-4.91-3.846-5.266q-.128-.016-.285-.04l-.074-.01a5.6 5.6 0 0 0-.787-.037 3.165 3.165 0 0 1-.633-2.924c.056-.16.18-.592-.025-1.06-.115-.265-.378-.624-.978-.829-1.198-.411-1.938.311-2.154.928a6.48 6.48 0 0 0 .695 5.235c-.597.678-.975 1.588-1.123 2.714a5 5 0 0 0-.06.647c-.052.376 0 .751.049 1.082.039.274.092.65.01.742-.019.022-.195.199-1.078.173-.137-.044-.291-.085-.475-.134l-.01-.003c-.691-.154-1.72-.305-2.414-.28h-.02c-1-.053-2.025.146-2.963.577a6.4 6.4 0 0 0-3.336 3.605c-.216.488-.21 1.4.697 1.927.49.283 1.446.591 2.294-.58q.156-.213.303-.428c.448-.642.837-1.196 1.44-1.507l.126-.067c.196-.11.246-.126.31-.112.116.028.152.364.09.818-.109.792-.047 1.512.185 2.142.28.76.756 1.306 1.378 1.58M7.73 15.576a1.4 1.4 0 0 0-.327-.04c-.352 0-.63.142-.832.245l-.031.016-.098.05c-.874.449-1.386 1.182-1.881 1.892l-.01.013q-.142.207-.288.41c-.289.397-.426.375-.673.232l-.002-.001c-.081-.048-.25-.146-.166-.369a5.2 5.2 0 0 1 2.703-2.941 5 5 0 0 1 2.4-.464l.029-.001h.025q.026.002.05 0c.541-.022 1.485.112 2.085.244q.261.07.473.14.085.03.174.033c1.058.04 1.736-.143 2.131-.582.467-.523.374-1.197.299-1.744l-.002-.013-.003-.025c-.036-.264-.071-.53-.039-.723a1 1 0 0 0 .009-.106q0-.227.044-.518c.143-1.056.51-1.84 1.098-2.33a.63.63 0 0 0 .104-.852 5.5 5.5 0 0 1-.386-.608 5.2 5.2 0 0 1-.44-3.941c.124-.292.46-.183.577-.145l.005.002c.152.053.225.112.241.148.017.034.006.093-.002.12l-.02.062a4.42 4.42 0 0 0 1.137 4.393.62.62 0 0 0 .48.17c.366-.03.683-.002.817.015l.053.007c.12.018.241.036.317.043.966.16 3.17.857 2.776 3.866a6 6 0 0 1-.126.658.6.6 0 0 0-.04.14c-.33 2.092-1.52 4.025-3.358 5.445-2.521 1.936-5.376 2.574-7.445 1.667-.309-.135-.55-.429-.712-.871-.16-.432-.199-.947-.118-1.53.233-1.647-.546-2.09-1.028-2.207"
         })
     }));

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const c = (_param)=>{
-    var { color: e, size: o = 24 } = _param, l = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: l, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = l !== null && l !== void 0 ? l : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
-            d: "M11.082 2.155c.82 0 4.865.19 6.109 3.863 2.325.227 4.655 1.714 4.652 5.31 0 3.956-2.834 5.362-5.269 5.362l-.974.008-6.776 5.062a.36.36 0 0 1-.233.081.42.42 0 0 1-.252-.09.42.42 0 0 1-.112-.498l1.826-4.204-3.546-.28c-2.386-.143-4.347-1.194-4.347-4.485 0-2.583 1.378-3.647 2.45-4.09.194-5.748 5.407-6.039 6.472-6.039m-1.5 18.017 6.326-4.897c.095-.106.137-.266.095-.409a.42.42 0 0 0-.3-.29s-3.028-.603-3.061-.707c-.042-.131 1.778-4.711 1.778-4.711.065-.182 0-.4-.168-.507a.4.4 0 0 0-.507.075l-5.938 6.592a.41.41 0 0 0-.09.406c.04.14.149.246.289.282 0 0 2.994.664 3.062.706.02.016.005.045-.012.078a.3.3 0 0 0-.022.049z"
+            d: "M11.081 2.155c.82 0 4.866.19 6.11 3.863 2.324.227 4.655 1.714 4.652 5.31 0 3.956-2.835 5.362-5.269 5.362l-.975.008-6.775 5.062a.36.36 0 0 1-.233.081.42.42 0 0 1-.252-.09.42.42 0 0 1-.112-.498l1.826-4.204-3.546-.28c-2.387-.143-4.347-1.194-4.347-4.485 0-2.583 1.378-3.647 2.45-4.09.194-5.748 5.407-6.039 6.471-6.039M9.583 20.172l6.325-4.897a.44.44 0 0 0 .095-.409.42.42 0 0 0-.3-.29s-3.028-.603-3.062-.707c-.042-.131 1.78-4.711 1.78-4.711.064-.182 0-.4-.169-.507a.4.4 0 0 0-.507.075l-5.938 6.592a.41.41 0 0 0-.09.406c.04.14.149.246.289.282 0 0 2.994.664 3.061.706.021.016.006.045-.011.078a.4.4 0 0 0-.022.049z"
         })
     }));
-}, f = c;
+}, f = a;

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: l, size: o = 24 } = _param, c = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: l, size: o = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), e = l !== null && l !== void 0 ? l : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = l !== null && l !== void 0 ? l : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
             d: "M11.063 2.155c.823 0 4.909.188 6.086 3.861 1.418.11 4.699.83 4.696 5.117 0 4.912-4.31 5.161-5.173 5.161l-1.852.011-5.158 5.414a.42.42 0 0 1-.297.126.414.414 0 0 1-.384-.563l1.793-4.82-.594-.134-.01.003a.1.1 0 0 1-.026.005l-3.76.017c-2.043 0-4.229-1.118-4.229-4.26 0-2.566 1.451-3.566 2.502-3.953.112-5.694 5.347-5.985 6.406-5.985m5.61 13.31c1.022 0 4.351-.311 4.354-4.33 0-3.777-2.94-4.267-4.2-4.303a.41.41 0 0 1-.387-.309c-.891-3.365-4.635-3.536-5.377-3.536-1.309 0-5.582.387-5.582 5.34l.006.116c0 .185-.124.35-.3.4-1.466.42-2.208 1.516-2.208 3.254 0 3.093 2.382 3.427 3.404 3.427l1.236-.006a.42.42 0 0 1 .092-.39l6.067-6.598a.41.41 0 0 1 .521-.07c.168.106.238.32.165.504l-1.81 4.721 3.127.707c.143.03.261.14.303.285a.42.42 0 0 1-.098.407l-.367.386zm-4.96.846-1.264 3.38 4.433-4.652-2.878-.65a.41.41 0 0 1-.272-.21.41.41 0 0 1-.02-.345l1.209-3.152-4.12 4.483 2.618.594c.114.025.215.1.271.207a.42.42 0 0 1 .023.345"
         })
     }));
-}, f = i;
+}, f = s;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: t, size: r = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: a, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M11.076 2.16c.824 0 4.863.19 6.11 3.793 2.327.218 4.655 1.675 4.655 5.201 0 3.88-2.835 5.255-5.266 5.255l-1.728.009-4.992 5.238a.594.594 0 0 1-.756.092.61.61 0 0 1-.244-.73l1.675-4.5-.322-.072-.01.002-.015.003-3.684.017c-2.1 0-4.344-1.148-4.344-4.372 0-2.535 1.384-3.583 2.454-4.014.193-5.63 5.406-5.922 6.467-5.922m5.493 13.03c.958 0 4.065-.29 4.065-4.038 0-3.521-2.737-3.978-3.916-4.012a.61.61 0 0 1-.566-.453c-.838-3.152-4.373-3.311-5.073-3.311-1.235 0-5.266.364-5.266 5.025l.006.112a.61.61 0 0 1-.44.588c-1.336.384-2.014 1.39-2.014 2.989 0 2.843 2.19 3.151 3.132 3.151l1.008-.002a.6.6 0 0 1 .146-.317l5.94-6.462a.6.6 0 0 1 .763-.101.616.616 0 0 1 .243.74l-1.689 4.403 2.832.641a.613.613 0 0 1 .303 1.02l-.028.03zm-4.7.598a.61.61 0 0 1 .034.504l-.888 2.386 3.414-3.58-2.47-.557a.61.61 0 0 1-.432-.818l.804-2.095-3.081 3.35 2.219.504c.17.04.316.151.4.306"

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,14 +93,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: e, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: e, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), r = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
@@ -109,8 +109,8 @@ const l = (_param)=>{
             d: "m21.546 6.938-1.368 1.415-1.368-1.415a.56.56 0 0 1 0-.772.51.51 0 0 1 .553-.121c-.09-.14-.189-.27-.305-.391a2.584 2.584 0 0 0-3.731 0c-1.026 1.06-1.026 2.792 0 3.858a2.584 2.584 0 0 0 3.73 0 .515.515 0 0 1 .748 0 .56.56 0 0 1 0 .773 3.6 3.6 0 0 1-2.134 1.08V22H4.311V2h13.36v1.801c.783.103 1.535.461 2.134 1.08.387.4.679.884.864 1.42l.13-.135a.515.515 0 0 1 .747 0 .56.56 0 0 1 0 .772m-7.038 5.967h-7.03a.71.71 0 0 0-.702.726c0 .4.315.726.702.726h7.03a.715.715 0 0 0 .702-.726c0-.4-.315-.726-.702-.726m-7.03 3.277h7.03c.387 0 .702.326.702.726s-.315.726-.702.726h-7.03a.715.715 0 0 1-.702-.726c0-.4.315-.726.702-.726m8.79-12.73H5.717v17.091h10.55v-9.271a3.6 3.6 0 0 1-1.68-.992c-1.44-1.49-1.44-3.91 0-5.399a3.63 3.63 0 0 1 1.68-.991z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
@@ -119,4 +119,4 @@ const l = (_param)=>{
             d: "M21.464 6.375a.36.36 0 0 1 .518 0c.146.143.146.38.004.527L20.688 8.21l-1.299-1.308a.365.365 0 0 1 0-.522.36.36 0 0 1 .518 0l.466.47a2.96 2.96 0 0 0-.73-1.257 2.926 2.926 0 0 0-4.159 0 2.98 2.98 0 0 0 0 4.19 2.926 2.926 0 0 0 4.16 0 .363.363 0 0 1 .517 0 .365.365 0 0 1 0 .522 3.65 3.65 0 0 1-2.597 1.081c-.941 0-1.882-.36-2.597-1.08a3.725 3.725 0 0 1 0-5.239 3.65 3.65 0 0 1 2.206-1.062.3.3 0 0 1-.028-.133V2.74H4.649v18.52h12.863c.202 0 .367.166.367.37s-.165.37-.367.37H3.91V2h13.969v1.872q-.002.066-.024.124a3.65 3.65 0 0 1 2.31 1.071c.457.46.772 1.038.937 1.673zM17.88 17.184v-4.447a.37.37 0 0 0-.367-.37.37.37 0 0 0-.367.37v4.447c0 .203.165.37.367.37a.37.37 0 0 0 .367-.37m.367 2.218c0 .408-.33.74-.734.74a.74.74 0 0 1-.734-.74c0-.407.33-.74.734-.74.405 0 .734.333.734.74M7.218 13.477h7.353c.203 0 .363.165.363.37 0 .203-.165.37-.367.37h-7.35a.37.37 0 0 1-.366-.37c0-.204.164-.37.367-.37m7.353 3.337H7.218a.37.37 0 0 0-.367.37c0 .204.164.37.367.37h7.349a.37.37 0 0 0 .367-.37c0-.204-.16-.37-.363-.37"
         })
     }));
-}, u = l;
+}, d = l;

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

@@ -93,27 +93,27 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: t, size: o = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: t, size: r = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = 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)(), e = 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: o,
-        height: o,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
             d: "m21.546 6.938-1.368 1.415-1.368-1.415a.56.56 0 0 1 0-.772.51.51 0 0 1 .553-.121 2.584 2.584 0 0 0-4.037-.391c-1.025 1.06-1.025 2.792 0 3.858a2.584 2.584 0 0 0 3.731 0 .515.515 0 0 1 .747 0 .56.56 0 0 1 0 .773 3.6 3.6 0 0 1-2.133 1.08V22H4.31V2H17.67v1.801c.783.103 1.535.461 2.133 1.08.387.4.68.884.864 1.42l.13-.135a.515.515 0 0 1 .748 0 .56.56 0 0 1 0 .772m-7.038 5.967h-7.03a.71.71 0 0 0-.702.726c0 .4.315.726.702.726h7.03a.715.715 0 0 0 .702-.726c0-.4-.315-.726-.703-.726m-7.03 3.277h7.03c.387 0 .702.326.702.726s-.315.726-.703.726H7.479a.715.715 0 0 1-.702-.726c0-.4.315-.726.702-.726m8.79-12.73H5.717v17.091h10.55v-9.271a3.6 3.6 0 0 1-1.68-.992c-1.44-1.49-1.44-3.91 0-5.399a3.63 3.63 0 0 1 1.68-.991z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
             d: "m21.546 6.938-1.368 1.415-1.368-1.415a.56.56 0 0 1 0-.772.51.51 0 0 1 .553-.121 2.584 2.584 0 0 0-4.037-.391c-1.025 1.06-1.025 2.792 0 3.858a2.584 2.584 0 0 0 3.731 0 .515.515 0 0 1 .747 0 .56.56 0 0 1 0 .773 3.6 3.6 0 0 1-2.133 1.08V22H4.31V2H17.67v1.801c.783.103 1.535.461 2.133 1.08.387.4.68.884.864 1.42l.13-.135a.515.515 0 0 1 .748 0 .56.56 0 0 1 0 .772m-7.038 5.967h-7.03a.71.71 0 0 0-.702.726c0 .4.315.726.702.726h7.03a.715.715 0 0 0 .702-.726c0-.4-.315-.726-.703-.726m-7.03 3.277h7.03c.387 0 .702.326.702.726s-.315.726-.703.726H7.479a.715.715 0 0 1-.702-.726c0-.4.315-.726.702-.726m8.79-12.73H5.717v17.091h10.55v-9.271a3.6 3.6 0 0 1-1.68-.992c-1.44-1.49-1.44-3.91 0-5.399a3.63 3.63 0 0 1 1.68-.991z"