@telefonica/mistica 15.20.0 → 16.0.0

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

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
+const a = (_param)=>{
     var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = n !== null && n !== void 0 ? n : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = n !== null && n !== void 0 ? n : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
     return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -119,4 +119,4 @@ const h = (_param)=>{
             d: "M12 2C6.488 2 2 6.488 2 12s4.488 10 10 10 10-4.488 10-10S17.512 2 12 2m0 15.535A5.54 5.54 0 0 1 6.465 12 5.54 5.54 0 0 1 12 6.465 5.54 5.54 0 0 1 17.535 12 5.54 5.54 0 0 1 12 17.535m0-1.07A4.47 4.47 0 0 0 16.465 12 4.47 4.47 0 0 0 12 7.535 4.47 4.47 0 0 0 7.535 12 4.47 4.47 0 0 0 12 16.465"
         })
     }));
-}, v = h;
+}, v = a;

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

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

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: i, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: n, size: e = 24 } = _param, o = _object_without_properties(_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: c } = (0, _hooks.useTheme)();
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = n !== null && n !== void 0 ? n : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
     return c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12m1.43 0c0-4.726 3.844-8.57 8.57-8.57s8.57 3.844 8.57 8.57-3.844 8.57-8.57 8.57S3.43 16.725 3.43 12M12 17.357A5.364 5.364 0 0 1 6.644 12 5.364 5.364 0 0 1 12 6.644 5.364 5.364 0 0 1 17.357 12 5.364 5.364 0 0 1 12 17.357M8.074 12A3.934 3.934 0 0 0 12 15.926 3.934 3.934 0 0 0 15.926 12 3.93 3.93 0 0 0 12 8.074 3.93 3.93 0 0 0 8.074 12"
@@ -113,7 +113,7 @@ const h = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12m1.43 0c0-4.726 3.844-8.57 8.57-8.57s8.57 3.844 8.57 8.57-3.844 8.57-8.57 8.57S3.43 16.725 3.43 12M12 17.357A5.364 5.364 0 0 1 6.644 12 5.364 5.364 0 0 1 12 6.644 5.364 5.364 0 0 1 17.357 12 5.364 5.364 0 0 1 12 17.357M8.074 12A3.934 3.934 0 0 0 12 15.926 3.934 3.934 0 0 0 15.926 12 3.93 3.93 0 0 0 12 8.074 3.93 3.93 0 0 0 8.074 12"

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const h = (_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: i } = (0, _hooks.useTheme)();
+    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,
@@ -119,4 +119,4 @@ const h = (_param)=>{
             d: "M7.248 7.628a.35.35 0 0 1-.175-.048.36.36 0 0 1-.124-.492l1.752-3.136C9.39 2.728 10.63 2 12.006 2s2.611.728 3.305 1.956l1.356 2.4.53-2.052a.334.334 0 0 1 .415-.248.35.35 0 0 1 .24.428l-.724 2.8a.35.35 0 0 1-.039.152l-.07.264-.255-.072c-.05 0-.101-.016-.148-.04l-2.712-.752a.347.347 0 0 1-.24-.428.334.334 0 0 1 .415-.248l1.976.548-1.352-2.392a3.07 3.07 0 0 0-2.701-1.596c-1.128 0-2.135.596-2.7 1.596L7.55 7.448a.35.35 0 0 1-.302.18M6.306 19.184h3.658a.35.35 0 0 1 .345.36c0 .2-.155.36-.35.36H6.303c-1.39 0-2.63-.736-3.316-1.972a3.95 3.95 0 0 1 .011-3.888l2.519-4.46-1.976.548a.34.34 0 0 1-.415-.248.35.35 0 0 1 .24-.428l2.716-.752a.3.3 0 0 1 .14-.04l.256-.072.066.248a.37.37 0 0 1 .046.18l.725 2.788a.35.35 0 0 1-.24.428.345.345 0 0 1-.418-.248L6.123 9.94l-2.518 4.464a3.21 3.21 0 0 0-.012 3.168c.562 1.008 1.577 1.612 2.712 1.612M21.01 14.044 18.16 8.996l-.09-.156a.34.34 0 0 0-.476-.128c-.167.1-.22.32-.124.492l.089.152 2.852 5.048a3.21 3.21 0 0 1 .008 3.164c-.562 1.012-1.578 1.616-2.717 1.616h-2.828l1.449-1.496a.36.36 0 0 0 0-.496.334.334 0 0 0-.48 0l-1.984 2.048a.4.4 0 0 0-.109.112l-.186.192.186.192a.4.4 0 0 0 .109.112l1.984 2.048a.34.34 0 0 0 .24.104.34.34 0 0 0 .24-.104.36.36 0 0 0 0-.496l-1.45-1.496h2.83c1.39 0 2.63-.74 3.32-1.976a3.94 3.94 0 0 0-.012-3.884M12.006 20.244a.69.69 0 0 0 .678-.7.69.69 0 0 0-.678-.7.69.69 0 0 0-.678.7c0 .387.303.7.678.7"
         })
     }));
-}, d = h;
+}, v = h;

package/dist/generated/mistica-icons/icon-recycle-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 h = (_param)=>{
-    var { color: r, size: a = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: o, size: a = 24 } = _param, c = _object_without_properties(_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 = o !== null && o !== void 0 ? o : 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 h = (_param)=>{
             d: "m14.314 4.765.678 1.205-1.089-.3a.677.677 0 0 0-.833.496.703.703 0 0 0 .48.86l2.655.736.027.008.027.008.636.176.891-3.453a.706.706 0 0 0-.48-.86.68.68 0 0 0-.834.496l-.294 1.144-.69-1.224C14.76 2.768 13.458 2 12.004 2c-1.453 0-2.755.768-3.484 2.06L7.106 6.595a.72.72 0 0 0 .248.96c.326.192.74.08.93-.256l1.41-2.533c.485-.852 1.345-1.364 2.31-1.364s1.826.512 2.31 1.364m-3.922 13.81H6.51c-.972 0-1.837-.517-2.317-1.377a2.74 2.74 0 0 1 .008-2.701l1.449-2.573.294 1.136c.082.313.357.52.655.52a.7.7 0 0 0 .175-.023.703.703 0 0 0 .48-.86l-.891-3.454-3.344.924a.703.703 0 0 0-.48.86.676.676 0 0 0 .832.497l1.097-.304-1.445 2.565a4.2 4.2 0 0 0-.008 4.113c.724 1.305 2.03 2.081 3.495 2.081h3.883a.69.69 0 0 0 .678-.7c0-.384-.302-.704-.678-.704m8.394-8.664 2.193 3.882a4.15 4.15 0 0 1 .016 4.097c-.725 1.3-2.03 2.081-3.496 2.081h-1.887l.806.832a.714.714 0 0 1 0 .993.666.666 0 0 1-.96 0l-2.446-2.525 2.445-2.525a.66.66 0 0 1 .961 0 .714.714 0 0 1 0 .992l-.806.833H17.5c.973 0 1.837-.513 2.318-1.377a2.73 2.73 0 0 0-.008-2.697l-2.197-3.878a.713.713 0 0 1 .244-.96.667.667 0 0 1 .93.252"
         })
     }));
-}, v = h;
+}, u = h;

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

@@ -97,7 +97,7 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), o = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = c !== null && c !== void 0 ? c : 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: e,
         height: e,
@@ -105,7 +105,7 @@ const h = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.209 17.378a.71.71 0 0 1 .784.619.73.73 0 0 1-.584.823l-3.717.56-.536-3.89a.72.72 0 0 1 .592-.82.71.71 0 0 1 .784.619l.212 1.546a8.77 8.77 0 0 0 1.44-4.83c0-4.715-3.668-8.547-8.18-8.547a7.8 7.8 0 0 0-3.5.82.69.69 0 0 1-.932-.347c-.16-.364-.016-.807.332-.974A9.2 9.2 0 0 1 12 2c5.28 0 9.573 4.484 9.573 10 0 2.014-.569 3.932-1.62 5.566zM12 20.542c1.24 0 2.432-.276 3.54-.836a.67.67 0 0 1 .912.338.744.744 0 0 1-.324.974 9.1 9.1 0 0 1-4.136.982c-5.28 0-9.573-4.484-9.573-10 0-2.006.576-3.932 1.629-5.575l-1.257.188c-.38.059-.728-.221-.784-.618a.725.725 0 0 1 .592-.823l3.72-.56.537 3.89a.72.72 0 0 1-.592.82q-.048.01-.096.008a.71.71 0 0 1-.688-.627l-.212-1.546a8.76 8.76 0 0 0-1.448 4.839c0 4.714 3.668 8.546 8.18 8.546"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const h = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.209 17.378a.71.71 0 0 1 .784.619.73.73 0 0 1-.584.823l-3.717.56-.536-3.89a.72.72 0 0 1 .592-.82.71.71 0 0 1 .784.619l.212 1.546a8.77 8.77 0 0 0 1.44-4.83c0-4.715-3.668-8.547-8.18-8.547a7.8 7.8 0 0 0-3.5.82.69.69 0 0 1-.932-.347c-.16-.364-.016-.807.332-.974A9.2 9.2 0 0 1 12 2c5.28 0 9.573 4.484 9.573 10 0 2.014-.569 3.932-1.62 5.566zM12 20.542c1.24 0 2.432-.276 3.54-.836a.67.67 0 0 1 .912.338.744.744 0 0 1-.324.974 9.1 9.1 0 0 1-4.136.982c-5.28 0-9.573-4.484-9.573-10 0-2.006.576-3.932 1.629-5.575l-1.257.188c-.38.059-.728-.221-.784-.618a.725.725 0 0 1 .592-.823l3.72-.56.537 3.89a.72.72 0 0 1-.592.82q-.048.01-.096.008a.71.71 0 0 1-.688-.627l-.212-1.546a8.76 8.76 0 0 0-1.448 4.839c0 4.714 3.668 8.546 8.18 8.546"
         })
     }));

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

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

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

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

package/dist/generated/mistica-icons/icon-renovate-device-change-mobile-filled.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: i, 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 = i !== null && i !== void 0 ? i : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = h !== null && h !== void 0 ? h : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: l,
             d: "M21.992 17.992a.7.7 0 0 0-.79-.615l-1.252.191A10.26 10.26 0 0 0 21.57 12c0-5.517-4.298-10-9.576-10a9.15 9.15 0 0 0-4.097.959.74.74 0 0 0-.33.968c.165.363.58.517.927.345a7.8 7.8 0 0 1 3.5-.82c4.511 0 8.185 3.837 8.185 8.548 0 1.75-.509 3.422-1.44 4.832l-.214-1.55a.7.7 0 0 0-.79-.614c-.378.056-.646.428-.588.824l.535 3.887 3.723-.559a.73.73 0 0 0 .588-.828m-5.528 2.053a.746.746 0 0 1-.325.973 9.15 9.15 0 0 1-4.142.982c-5.282 0-9.575-4.488-9.575-10 0-2.007.57-3.939 1.627-5.577l-1.253.19c-.379.061-.736-.218-.79-.614-.053-.396.21-.768.59-.824l3.722-.559.535 3.888c.053.395-.21.768-.589.824l-.012.001q-.045.007-.086.008a.705.705 0 0 1-.686-.624l-.223-1.56a8.77 8.77 0 0 0-1.45 4.842c0 4.712 3.674 8.548 8.186 8.548a7.86 7.86 0 0 0 3.54-.838.687.687 0 0 1 .931.34m-.637-5.322H8.163V9.267h7.664zm-7.664 1.64c0 1 .78 1.82 1.743 1.82h4.182c.959 0 1.743-.815 1.743-1.82v-.55H8.163zm1.739-10.55h4.182c.958 0 1.738.815 1.738 1.82v.545H8.16v-.545c0-1.005.785-1.82 1.743-1.82"
         })
     })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: l,
             d: "M21.992 17.992a.7.7 0 0 0-.79-.615l-1.252.191A10.26 10.26 0 0 0 21.57 12c0-5.517-4.298-10-9.576-10a9.15 9.15 0 0 0-4.097.959.74.74 0 0 0-.33.968c.165.363.58.517.927.345a7.8 7.8 0 0 1 3.5-.82c4.511 0 8.185 3.837 8.185 8.548 0 1.75-.509 3.422-1.44 4.832l-.214-1.55a.7.7 0 0 0-.79-.614c-.378.056-.646.428-.588.824l.535 3.887 3.723-.559a.73.73 0 0 0 .588-.828m-5.528 2.053a.746.746 0 0 1-.325.973 9.15 9.15 0 0 1-4.142.982c-5.282 0-9.575-4.488-9.575-10 0-2.007.57-3.939 1.627-5.577l-1.253.19c-.379.061-.736-.218-.79-.614-.053-.396.21-.768.59-.824l3.722-.559.535 3.888c.053.395-.21.768-.589.824l-.012.001q-.045.007-.086.008a.705.705 0 0 1-.686-.624l-.223-1.56a8.77 8.77 0 0 0-1.45 4.842c0 4.712 3.674 8.548 8.186 8.548a7.86 7.86 0 0 0 3.54-.838.687.687 0 0 1 .931.34m-.637-5.322H8.163V9.267h7.664zm-7.664 1.64c0 1 .78 1.82 1.743 1.82h4.182c.959 0 1.743-.815 1.743-1.82v-.55H8.163zm1.739-10.55h4.182c.958 0 1.738.815 1.738 1.82v.545H8.16v-.545c0-1.005.785-1.82 1.743-1.82"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: l,
             d: "M21.04 4.002c-.51-.493-1.238-.742-2.16-.742h-6.14c-.921 0-1.647.25-2.16.742-.531.513-.8 1.258-.8 2.219v11.56c0 .958.269 1.706.8 2.219.51.492 1.239.742 2.16.742h6.143c.922 0 1.647-.25 2.16-.742.532-.513.801-1.258.801-2.219V6.221c-.003-.958-.272-1.703-.804-2.219M4.514 10.114c.271 0 .49-.218.49-.49v-.639c0-1.366.636-2.002 2.003-2.002h.064l-.286.246a.492.492 0 0 0 .63.754l.009-.009c.137-.117.826-.711.955-.837.4-.4.398-.902-.005-1.306-.25-.249-.922-.823-.95-.846a.49.49 0 0 0-.692.057.49.49 0 0 0 .056.691c.07.06.188.16.317.275h-.096c-.932 0-1.666.252-2.179.745-.535.515-.804 1.269-.804 2.238v.639a.484.484 0 0 0 .488.484m11.282 8.552c-.198 0-.36-.053-.473-.165-.1-.104-.16-.255-.16-.462 0-.429.25-.628.633-.628.384 0 .634.2.634.628 0 .204-.06.358-.16.462-.112.112-.275.165-.473.165m-8.851-7.482h-3.02c-1.109 0-1.77.661-1.77 1.77v5.992c0 1.11.661 1.77 1.77 1.77h3.02c1.11 0 1.77-.66 1.77-1.77v-5.991c-.003-1.11-.664-1.77-1.77-1.77M5.55 18.96a.4.4 0 0 1-.283-.098q-.094-.093-.095-.274c0-.255.148-.373.375-.373s.378.118.378.373a.37.37 0 0 1-.092.274c-.067.068-.163.098-.283.098"
         })
     }));

package/dist/generated/mistica-icons/icon-renovate-device-change-mobile-light.js

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

package/dist/generated/mistica-icons/icon-renovate-device-change-mobile-regular.js

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

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

@@ -93,40 +93,40 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const p = (_param)=>{
-    var { color: a, size: l = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = a !== null && a !== void 0 ? a : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = a !== null && a !== void 0 ? a : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
     return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: l,
                 d: "M12.002 7.429H4.604l.536.648c.25.307.213.8-.074 1.068a.69.69 0 0 1-.47.19c-.218 0-.398-.117-.541-.268L2 6.668 4.023 4.27c.254-.346.725-.346 1.01-.078.329.268.329.766.075 1.068l-.504.648h7.403c3.172 0 5.735 2.7 5.735 6.054a6.2 6.2 0 0 1-.757 3.008c-.11.229-.36.38-.614.38a.65.65 0 0 1-.36-.112c-.328-.19-.434-.649-.254-1.029.397-.687.577-1.447.577-2.247 0-2.515-1.949-4.533-4.332-4.533"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: l,
                 d: "M18.93 14.858a.71.71 0 0 1 1.01.077L22 17.335l-2.055 2.398a.68.68 0 0 1-.54.268c-.148 0-.328-.078-.471-.19-.328-.268-.328-.765-.074-1.068l.54-.648h-7.398c-3.177 0-5.772-2.74-5.772-6.093 0-1.028.254-2.096.757-2.934.18-.38.614-.493.975-.303.36.19.466.649.286 1.029-.397.687-.577 1.448-.577 2.247 0 2.515 1.948 4.533 4.331 4.533h7.393l-.54-.648c-.25-.307-.217-.804.074-1.068"
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: l,
                 d: "M12.002 7.429H4.604l.536.648c.25.307.213.8-.074 1.068a.69.69 0 0 1-.47.19c-.218 0-.398-.117-.541-.268L2 6.668 4.023 4.27c.254-.346.725-.346 1.01-.078.329.268.329.766.075 1.068l-.504.648h7.403c3.172 0 5.735 2.7 5.735 6.054a6.2 6.2 0 0 1-.757 3.008c-.11.229-.36.38-.614.38a.65.65 0 0 1-.36-.112c-.328-.19-.434-.649-.254-1.029.397-.687.577-1.447.577-2.247 0-2.515-1.949-4.533-4.332-4.533"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: l,
                 d: "M18.93 14.858a.71.71 0 0 1 1.01.077L22 17.335l-2.055 2.398a.68.68 0 0 1-.54.268c-.148 0-.328-.078-.471-.19-.328-.268-.328-.765-.074-1.068l.54-.648h-7.398c-3.177 0-5.772-2.74-5.772-6.093 0-1.028.254-2.096.757-2.934.18-.38.614-.493.975-.303.36.19.466.649.286 1.029-.397.687-.577 1.448-.577 2.247 0 2.515 1.948 4.533 4.331 4.533h7.393l-.54-.648c-.25-.307-.217-.804.074-1.068"
             })
         ]

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: l, size: e = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), c = l !== null && l !== void 0 ? l : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = a !== null && a !== void 0 ? a : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -105,7 +105,7 @@ const s = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: r,
             d: "M12.002 7.43H4.604l.536.648c.25.308.213.8-.074 1.068a.69.69 0 0 1-.47.19c-.218 0-.398-.117-.541-.268L2 6.67 4.023 4.27c.254-.346.725-.346 1.01-.078.329.268.329.766.075 1.068l-.504.649h7.403c3.172 0 5.735 2.706 5.735 6.055a6.2 6.2 0 0 1-.757 3.009c-.11.23-.36.38-.614.38a.65.65 0 0 1-.36-.112c-.328-.19-.434-.648-.254-1.029.397-.687.577-1.448.577-2.248 0-2.515-1.949-4.534-4.332-4.534m6.927 7.426a.71.71 0 0 1 1.011.078L22 17.333l-2.055 2.399a.68.68 0 0 1-.54.268c-.148 0-.328-.078-.471-.19-.328-.268-.328-.766-.074-1.068l.54-.649h-7.398c-3.177 0-5.772-2.74-5.772-6.094 0-1.03.254-2.097.757-2.936.18-.38.614-.492.975-.302.36.19.466.649.286 1.029-.397.687-.577 1.448-.577 2.248 0 2.516 1.948 4.534 4.331 4.534h7.393l-.54-.648c-.25-.307-.217-.805.074-1.068"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,8 +115,8 @@ const s = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: r,
             d: "M3.455 6.708h8.564c2.807 0 5.102 2.4 5.102 5.336 0 1.522-.62 2.971-1.711 3.961a.424.424 0 0 0-.038.532.38.38 0 0 0 .257.112.4.4 0 0 0 .256-.112 6.13 6.13 0 0 0 1.969-4.497c0-3.356-2.622-6.097-5.83-6.097H3.454l1.166-1.298a.38.38 0 0 0 0-.532.34.34 0 0 0-.508 0L2 6.323l2.113 2.136a.38.38 0 0 0 .256.113.4.4 0 0 0 .257-.113.38.38 0 0 0 0-.531zm15.961 8.883a.38.38 0 0 0 0 .531l1.203 1.259h-8.6c-2.808 0-5.103-2.4-5.103-5.337 0-.57.075-1.14.257-1.716.074-.19-.038-.42-.22-.498s-.4.04-.475.23a7.3 7.3 0 0 0-.294 1.98c0 3.356 2.621 6.097 5.83 6.097h8.563l-1.166 1.22a.38.38 0 0 0 .257.643.4.4 0 0 0 .256-.112L22 17.718l-2.076-2.171c-.107-.113-.363-.113-.508.044M8.558 8.23c0-.42-.327-.762-.728-.762-.406 0-.727.342-.727.761 0 .42.326.761.727.761s.728-.341.728-.76"
         })
     }));
-}, d = s;
+}, v = s;

package/dist/generated/mistica-icons/icon-repeat-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,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: t, size: e = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, r = _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)(), o = a !== null && a !== void 0 ? a : 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: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M12.002 7.43H4.604l.536.648c.25.308.213.8-.074 1.068a.69.69 0 0 1-.47.19c-.218 0-.398-.117-.541-.268L2 6.67 4.023 4.27c.254-.346.725-.346 1.01-.078.329.268.329.766.075 1.068l-.504.649h7.403c3.172 0 5.735 2.706 5.735 6.055a6.2 6.2 0 0 1-.757 3.009c-.11.23-.36.38-.614.38a.65.65 0 0 1-.36-.112c-.328-.19-.434-.648-.254-1.029.397-.687.577-1.448.577-2.248 0-2.515-1.949-4.534-4.332-4.534m6.927 7.426a.71.71 0 0 1 1.011.078L22 17.333l-2.055 2.399a.68.68 0 0 1-.54.268c-.148 0-.328-.078-.471-.19-.328-.268-.328-.766-.074-1.068l.54-.649h-7.398c-3.177 0-5.772-2.74-5.772-6.094 0-1.03.254-2.097.757-2.936.18-.38.614-.492.975-.302.36.19.466.649.286 1.029-.397.687-.577 1.448-.577 2.248 0 2.516 1.948 4.534 4.331 4.534h7.393l-.54-.648c-.25-.307-.217-.805.074-1.068"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,10 +113,10 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M12.002 7.43H4.604l.536.648c.25.308.213.8-.074 1.068a.69.69 0 0 1-.47.19c-.218 0-.398-.117-.541-.268L2 6.67 4.023 4.27c.254-.346.725-.346 1.01-.078.329.268.329.766.075 1.068l-.504.649h7.403c3.172 0 5.735 2.706 5.735 6.055a6.2 6.2 0 0 1-.757 3.009c-.11.23-.36.38-.614.38a.65.65 0 0 1-.36-.112c-.328-.19-.434-.648-.254-1.029.397-.687.577-1.448.577-2.248 0-2.515-1.949-4.534-4.332-4.534m6.927 7.426a.71.71 0 0 1 1.011.078L22 17.333l-2.055 2.399a.68.68 0 0 1-.54.268c-.148 0-.328-.078-.471-.19-.328-.268-.328-.766-.074-1.068l.54-.649h-7.398c-3.177 0-5.772-2.74-5.772-6.094 0-1.03.254-2.097.757-2.936.18-.38.614-.492.975-.302.36.19.466.649.286 1.029-.397.687-.577 1.448-.577 2.248 0 2.516 1.948 4.534 4.331 4.534h7.393l-.54-.648c-.25-.307-.217-.805.074-1.068"
         })
     }));
-}, v = s;
+}, u = s;

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: t, size: a = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), r = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
     return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M19.498 4.143A2.143 2.143 0 0 0 17.355 2H6.64a2.143 2.143 0 0 0-2.142 2.143v15.714A2.143 2.143 0 0 0 6.64 22h10.715a2.143 2.143 0 0 0 2.143-2.143zM13.069 17.07h-.536v.536a.536.536 0 0 1-1.071 0v-.536h-.536a.536.536 0 1 1 0-1.071h.536v-.536a.535.535 0 0 1 1.071 0V16h.536a.536.536 0 1 1 0 1.071m1.518-5.357-.05.047h-.04a.54.54 0 0 1-.25.057.53.53 0 0 1-.396-.175 2.584 2.584 0 0 0-3.7.021.532.532 0 0 1-.757-.735 3.7 3.7 0 0 1 2.607-1.072 3.66 3.66 0 0 1 2.59 1.125l.02.022a.514.514 0 0 1-.024.7zm1.428-1.55a.53.53 0 0 1-.357.218.54.54 0 0 1-.396-.093 4.46 4.46 0 0 0-3.268-1.428 4.52 4.52 0 0 0-3.243 1.428.53.53 0 0 1-.753.007.51.51 0 0 1-.161-.375.53.53 0 0 1 .153-.357 5.49 5.49 0 0 1 4-1.739A5.48 5.48 0 0 1 16.02 9.5a.536.536 0 0 1 .014.654zm1.04-1.832a.55.55 0 0 1-.757.05 7 7 0 0 0-3.865-1.521 6.35 6.35 0 0 0-4.721 1.528.44.44 0 0 1-.336.157h-.068a.54.54 0 0 1-.479-.579.52.52 0 0 1 .19-.356 7.34 7.34 0 0 1 5.557-1.829c.91.072 1.802.3 2.636.672.631.303 1.23.67 1.786 1.096a.55.55 0 0 1 .075.771z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M19.498 4.143A2.143 2.143 0 0 0 17.355 2H6.64a2.143 2.143 0 0 0-2.142 2.143v15.714A2.143 2.143 0 0 0 6.64 22h10.715a2.143 2.143 0 0 0 2.143-2.143zM13.069 17.07h-.536v.536a.536.536 0 0 1-1.071 0v-.536h-.536a.536.536 0 1 1 0-1.071h.536v-.536a.535.535 0 0 1 1.071 0V16h.536a.536.536 0 1 1 0 1.071m1.518-5.357-.05.047h-.04a.54.54 0 0 1-.25.057.53.53 0 0 1-.396-.175 2.584 2.584 0 0 0-3.7.021.532.532 0 0 1-.757-.735 3.7 3.7 0 0 1 2.607-1.072 3.66 3.66 0 0 1 2.59 1.125l.02.022a.514.514 0 0 1-.024.7zm1.428-1.55a.53.53 0 0 1-.357.218.54.54 0 0 1-.396-.093 4.46 4.46 0 0 0-3.268-1.428 4.52 4.52 0 0 0-3.243 1.428.53.53 0 0 1-.753.007.51.51 0 0 1-.161-.375.53.53 0 0 1 .153-.357 5.49 5.49 0 0 1 4-1.739A5.48 5.48 0 0 1 16.02 9.5a.536.536 0 0 1 .014.654zm1.04-1.832a.55.55 0 0 1-.757.05 7 7 0 0 0-3.865-1.521 6.35 6.35 0 0 0-4.721 1.528.44.44 0 0 1-.336.157h-.068a.54.54 0 0 1-.479-.579.52.52 0 0 1 .19-.356 7.34 7.34 0 0 1 5.557-1.829c.91.072 1.802.3 2.636.672.631.303 1.23.67 1.786 1.096a.55.55 0 0 1 .075.771z"
         })
     }));

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

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

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

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return V;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,15 +97,15 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
-    return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: r,
             d: "M22.004 4.09q0-.758-.54-1.298c-.721-.721-1.874-.721-2.56 0l-3.207 3.244V2.287h-8.29L2 7.694V21.75h13.697V11.154L21.5 5.351a1.74 1.74 0 0 0 .504-1.262m-1.297-.505a.71.71 0 0 1 .216.504c0 .18-.072.36-.18.505L19.698 3.55c.288-.253.757-.253 1.009.036m-7.497 6.452 5.73-5.731 1.046 1.045-5.731 5.731zm-.54.973.612.613-.973.36zM7.225 4.558v2.956H4.271zM3.442 20.309V8.595h4.866V3.729h5.947v3.749l-2.199 2.198c-.072.072-.072.108-.108.18l-1.081 2.884c-.072.216-.036.432.108.577a.54.54 0 0 0 .396.144c.073 0 .145 0 .18-.036l2.704-1.01v7.894zm9.551-3.244c0 .289-.252.54-.54.54H5.244a.554.554 0 0 1-.54-.54c0-.288.252-.54.54-.54h7.209c.288 0 .54.252.54.54m-8.29-3.604c0-.289.253-.54.541-.54H9.57c.289 0 .541.252.541.54s-.252.54-.54.54H5.243a.554.554 0 0 1-.54-.54"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,8 +115,8 @@ const n = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: r,
             d: "M15.929 18.799a.716.716 0 0 1-.715.714.716.716 0 0 1-.714-.714c0-.393.321-.715.714-.715s.715.322.715.715M5.214 17.37h7.143c.214 0 .357-.143.357-.357s-.143-.357-.357-.357H5.214c-.214 0-.357.143-.357.357s.143.357.357.357m0-3.571h5c.215 0 .357-.143.357-.357 0-.215-.142-.358-.357-.358h-5c-.214 0-.357.143-.357.358 0 .214.143.357.357.357M22 4.334c0 .429-.179.858-.464 1.143l-6.786 6.786c-.036.036-.071.071-.107.071l-2.857 1.429c-.036.036-.072.036-.143.036a.7.7 0 0 1-.25-.072c-.107-.107-.143-.25-.107-.393l1.071-3.214s.036-.107.072-.143l2.392-2.393V3.442H7.714v5h-5v12.142h12.5c.215 0 .357.143.357.358 0 .214-.142.357-.357.357H2V7.906l5.179-5.179h8.392V6.87l3.679-3.678a1.596 1.596 0 0 1 2.286 0c.321.321.464.714.464 1.142M7 7.727v-3.75l-3.75 3.75zm13.429-2.143L19.143 4.3l-5.929 5.928 1.286 1.286zm-6.536 6.322-1.036-1.036-.607 1.857zm7.393-7.572c0-.25-.107-.464-.25-.642a.905.905 0 0 0-1.286 0l-.107.107 1.286 1.285.107-.107a.86.86 0 0 0 .25-.643M15.57 16.656v-3.214c0-.215-.142-.358-.357-.358-.214 0-.357.143-.357.358v3.214c0 .214.143.357.357.357.215 0 .357-.143.357-.357"
         })
     }));
-}, V = n;
+}, M = n;

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: l, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: l, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), r = l !== null && l !== void 0 ? l : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = l !== null && l !== void 0 ? l : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M22.004 4.09q0-.758-.54-1.298c-.721-.721-1.874-.721-2.56 0l-3.207 3.244V2.287h-8.29L2 7.694V21.75h13.697V11.154L21.5 5.351a1.74 1.74 0 0 0 .504-1.262m-1.297-.505a.71.71 0 0 1 .216.504c0 .18-.072.36-.18.505L19.698 3.55c.288-.252.757-.252 1.009.036m-7.497 6.452 5.73-5.731 1.046 1.045-5.731 5.731zm-.54.973.612.613-.973.36zM7.225 4.558v2.956H4.271zM3.442 20.31V8.595h4.866V3.729h5.947v3.749l-2.199 2.198c-.072.072-.072.108-.108.18l-1.081 2.884c-.072.216-.036.432.108.577a.54.54 0 0 0 .396.144c.073 0 .145 0 .18-.036l2.704-1.01v7.894zm9.551-3.244c0 .289-.252.54-.54.54H5.244a.554.554 0 0 1-.54-.54c0-.288.252-.54.54-.54h7.209c.288 0 .54.252.54.54m-8.29-3.604c0-.289.253-.54.541-.54H9.57c.289 0 .541.252.541.54s-.252.54-.54.54H5.243a.554.554 0 0 1-.54-.54"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const m = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M22.004 4.09q0-.758-.54-1.298c-.721-.721-1.874-.721-2.56 0l-3.207 3.244V2.287h-8.29L2 7.694V21.75h13.697V11.154L21.5 5.351a1.74 1.74 0 0 0 .504-1.262m-1.297-.505a.71.71 0 0 1 .216.504c0 .18-.072.36-.18.505L19.698 3.55c.288-.253.757-.253 1.009.036m-7.497 6.452 5.73-5.731 1.046 1.045-5.731 5.731zm-.54.973.612.613-.973.36zM7.225 4.558v2.956H4.271zM3.442 20.309V8.595h4.866V3.729h5.947v3.749l-2.199 2.198c-.072.072-.072.108-.108.18l-1.081 2.884c-.072.216-.036.432.108.577a.54.54 0 0 0 .396.144c.073 0 .145 0 .18-.036l2.704-1.01v7.894zm9.551-3.244c0 .289-.252.54-.54.54H5.244a.554.554 0 0 1-.54-.54c0-.288.252-.54.54-.54h7.209c.288 0 .54.252.54.54m-8.29-3.604c0-.289.253-.54.541-.54H9.57c.289 0 .541.252.541.54s-.252.54-.54.54H5.243a.554.554 0 0 1-.54-.54"
         })
     }));

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

@@ -97,8 +97,8 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = h !== null && h !== void 0 ? h : 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({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = h !== null && h !== void 0 ? h : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const v = (_param)=>{
             fill: t,
             d: "M13.555 4.856C13.555 3.28 14.79 2 16.315 2c.38 0 .69.32.685.718v18.564c0 .393-.31.713-.69.713a.7.7 0 0 1-.688-.713v-8.569h-1.378c-.38 0-.69-.32-.69-.713zm-1.038 3.575V3.074a.706.706 0 0 0-.694-.713c-.38 0-.689.32-.689.713v5.357a.704.704 0 0 1-.68.713v-6.07a.7.7 0 0 0-.689-.713c-.38 0-.689.32-.689.713v6.07h-.009a.7.7 0 0 1-.689-.713V3.074a.7.7 0 0 0-.689-.713c-.38 0-.689.32-.689.713v5.357c0 1.183.932 2.143 2.072 2.143h.008v10.713c0 .393.31.713.69.713s.689-.32.689-.713V10.574c1.135-.01 2.058-.964 2.058-2.143"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/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-restaurant-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: r, size: c = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
     return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const l = (_param)=>{
             d: "M10.504 2.581a.41.41 0 0 0-.41-.409.403.403 0 0 0-.402.41V7.41H8.33V2.545a.41.41 0 0 0-.426-.39.41.41 0 0 0-.389.426v4.827H6.26V2.58a.407.407 0 0 0-.392-.411H5.86a.4.4 0 0 0-.412.383c-.003.017-.003.026-.003 7.569 0 .507.283.89.655.89h.634c-.432 2.99-1.079 8.368-1.09 8.471 0 1.715 1.213 2.34 2.25 2.356h.19c1.036-.02 2.246-.644 2.243-2.384l-.006-.06c-.057-.558-.498-4.846-1.013-8.382h.543c.37 0 .653-.384.653-.891zm-.818 7.544q.002.038-.006.073h-.857a.406.406 0 0 0-.39.513c.528 3.488.987 7.923 1.065 8.675l.011.111c0 1.306-.904 1.516-1.445 1.527H7.9c-.54-.009-1.446-.219-1.448-1.49l.02-.173c.123-1.005.746-6.12 1.13-8.69a.41.41 0 0 0-.33-.462 1 1 0 0 0-.109-.014H6.26a1 1 0 0 1-.005-.073V8.226h3.43zm6.653 10.899h-.16c-.521-.006-1.398-.21-1.4-1.443 0-.003.414-3.44.795-6.302l.003-.084a.41.41 0 0 0-.41-.41h-.476V5.98a2.97 2.97 0 0 1 2.552-2.938v9.762a.42.42 0 0 0-.24.375v.017q-.001.05.01.098c.345 2.638.621 5.26.702 6.028l.024.224c0 1.263-.877 1.468-1.4 1.479m2.213-1.518c-.003-.031-.295-2.933-.684-5.964a.41.41 0 0 0 .19-.344V2.607a.407.407 0 0 0-.406-.41 3.78 3.78 0 0 0-3.776 3.782v7.216c0 .227.183.409.407.409h.42c-.364 2.77-.74 5.882-.743 5.93 0 1.683 1.188 2.294 2.205 2.308h.188c1.014-.02 2.201-.63 2.198-2.336"
         })
     }));
-}, p = l;
+}, f = l;