@telefonica/mistica 15.20.1 → 16.1.0

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

@@ -92,35 +92,35 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: i, size: e = 24 } = _param, h = _object_without_properties(_param, [
+const d = (_param)=>{
+    var { color: c, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), t = 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 = c !== null && c !== void 0 ? c : l ? _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: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: r,
             d: "M2 21h20V7.92c0-1.239-1-2.251-2.224-2.251h-8.294a.73.73 0 0 1-.52-.227l-1.74-1.766A2.07 2.07 0 0 0 7.668 3H4.224C3 3 2 4.012 2 5.252zm18.516-1.498H3.48V5.215c0-.413.336-.75.744-.75h3.479c.188 0 .372.078.52.228l1.74 1.761c.407.45.963.676 1.555.676h8.258c.408 0 .74.337.74.75z"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: r,
                 d: "M2 21h19.26c.22 0 .372-.19.372-.427 0-.236-.148-.393-.372-.393H2.74V4.923c0-.668.484-1.175 1.112-1.175h3.852q.442-.002.776.35l1.744 1.834c.332.393.816.588 1.296.588h8.252c.632 0 1.112.511 1.112 1.174v8.253c0 .236.148.392.372.392s.372-.156.372-.392V7.732c0-1.094-.816-1.956-1.852-1.956H11.48c-.296 0-.552-.114-.776-.35l-1.74-1.839A1.69 1.69 0 0 0 7.668 3H3.852C2.816 3 2 3.862 2 4.956z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: r,
                 d: "M21.26 19.04c.409 0 .74-.35.74-.782s-.331-.782-.74-.782-.74.35-.74.782c0 .431.331.781.74.781"
             })
         ]
@@ -129,10 +129,10 @@ const v = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: r,
             d: "M3.433 20.178h17.101a1.269 1.269 0 0 0 1.28-1.26V7.332a1.27 1.27 0 0 0-.378-.896 1.26 1.26 0 0 0-.899-.361h-8.538V5.08a1.27 1.27 0 0 0-.378-.896 1.26 1.26 0 0 0-.9-.361H3.434A1.26 1.26 0 0 0 2.181 5.08v13.84a1.266 1.266 0 0 0 1.252 1.258M3 5.08c0-.24.196-.437.434-.437h7.286c.23.014.41.205.41.437v1.407a.41.41 0 0 0 .408.411h9a.433.433 0 0 1 .431.437v11.586a.436.436 0 0 1-.431.437H3.433A.435.435 0 0 1 3 18.92z"
         })
     }));
-}, g = v;
+}, g = d;

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: l, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: l, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), c = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = l !== null && l !== void 0 ? l : 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: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: c,
             d: "M2 21h20V7.92c0-1.239-1-2.251-2.224-2.251h-8.294a.73.73 0 0 1-.52-.227l-1.74-1.766A2.07 2.07 0 0 0 7.668 3H4.224C3 3 2 4.012 2 5.252zm18.516-1.498H3.48V5.215c0-.413.336-.75.744-.75h3.479c.188 0 .372.078.52.228l1.74 1.761c.407.45.963.676 1.555.676h8.258c.408 0 .74.337.74.75z"
@@ -113,7 +113,7 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: c,
             d: "M2 21h20V7.92c0-1.239-1-2.251-2.224-2.251h-8.294a.73.73 0 0 1-.52-.227l-1.74-1.766A2.07 2.07 0 0 0 7.668 3H4.224C3 3 2 4.012 2 5.252zm18.516-1.498H3.48V5.215c0-.413.336-.75.744-.75h3.479c.188 0 .372.078.52.228l1.74 1.761c.407.45.963.676 1.555.676h8.258c.408 0 .74.337.74.75z"
@@ -123,7 +123,7 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: c,
             d: "M3.62 20.207h16.76c.806 0 1.461-.656 1.461-1.463V7.46c0-.807-.655-1.462-1.462-1.462h-8.154v-.732c0-.806-.658-1.462-1.465-1.462H3.62c-.81 0-1.465.656-1.465 1.462v13.477c0 .81.658 1.465 1.465 1.465M3.432 5.265c0-.106.082-.187.188-.187h7.14c.107 0 .188.081.188.187v1.37c0 .353.285.639.638.639h8.793c.107 0 .188.081.188.188v11.282a.19.19 0 0 1-.188.188H3.62a.184.184 0 0 1-.188-.187z"

package/dist/generated/mistica-icons/icon-football-ball-filled.js

@@ -97,7 +97,7 @@ const M = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), o = 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)(), o = r !== null && r !== void 0 ? r : 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: l,
         height: l,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), c = e !== null && e !== void 0 ? e : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = e !== null && e !== void 0 ? e : r ? _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: l,
         height: l,
@@ -135,4 +135,4 @@ const s = (_param)=>{
             d: "M11.546 2.156q.45-.008.9-.003c1.977.028 9.391.742 9.391 9.871 0 9.118-7.344 9.796-9.322 9.813h-.196c-.252 0-.512-.003-.736-.009-1.928-.047-9.432-.81-9.432-9.86 0-9.073 7.516-9.779 9.395-9.812m.885.818a30 30 0 0 0-.874.003c-.899.02-1.792.15-2.66.392.053.059.106.117.17.165l2.188 1.591c.42.314 1.064.311 1.473.003l2.19-1.591c.056-.04.1-.088.145-.137l.038-.04a11 11 0 0 0-2.67-.386m-4.358.66c-1.017.385-2.067.99-2.95 1.936.205.219.362.482.454.768l.835 2.569c.098.29.123.607.081.921l1.485.686a2.1 2.1 0 0 1 .61-.694l2.185-1.586c.241-.176.518-.291.812-.341V6.139a2.1 2.1 0 0 1-.815-.356L8.588 4.198a2 2 0 0 1-.515-.563M4.795 6.59a1.3 1.3 0 0 0-.198-.38c-.964 1.316-1.625 3.162-1.625 5.753q0 .05.004.098.003.047.004.095l.005-.003.004-.003 2.187-1.588a1.248 1.248 0 0 0 .457-1.398zm7.524 14.426h.188c.272-.003.686-.025 1.177-.084.008-.185.039-.37.095-.546l.829-2.566c.095-.294.255-.563.468-.785l-.712-1.16a2.07 2.07 0 0 1-1.022.275H10.61a2 2 0 0 1-1.06-.302l-.764 1.157c.213.22.37.487.462.778l.835 2.563q.081.257.095.527c.602.095 1.107.126 1.423.134.219.006.474.009.717.009m2.205-.219c.913-.187 1.969-.526 2.955-1.148a6.9 6.9 0 0 0 2.28-2.342 1.2 1.2 0 0 0-.46-.098h-2.708a1.34 1.34 0 0 0-.74.238c-.22.157-.38.378-.456.622l-.838 2.574q-.014.05-.023.102zm-10.275-3.59a7.1 7.1 0 0 0 2.334 2.372c.913.574 1.882.913 2.745 1.12l-.008-.042q-.003-.029-.012-.056l-.837-2.571a1.24 1.24 0 0 0-.457-.63c-.218-.157-.485-.216-.734-.238H4.574c-.123 0-.227.02-.325.044M18.882 5.572a7 7 0 0 0-1.434-1.199 8.3 8.3 0 0 0-1.524-.748c-.14.219-.305.423-.524.578L13.22 5.789a2 2 0 0 1-.81.353v1.753c.294.05.574.168.815.345l2.18 1.583c.243.179.447.406.593.672l1.451-.61a2 2 0 0 1 .084-.917l.835-2.563c.1-.314.28-.6.515-.832m-9.526 8.61.092.284c.174.524.667.89 1.19.86h2.71c.545 0 1.027-.353 1.195-.871l.838-2.566a1.25 1.25 0 0 0-.46-1.406l-2.187-1.589c-.423-.313-1.067-.31-1.473-.002l-2.191 1.59c-.445.317-.63.889-.46 1.407l.743 2.294zm-1.233 2.343s.835-1.264.838-1.264l-.06-.083c-.041-.055-.082-.11-.114-.174h-.025l-.93-2.86a2.1 2.1 0 0 1-.09-.835l-1.524-.703a2.05 2.05 0 0 1-.565.625l-2.18 1.585c-.14.1-.294.182-.453.246.098 1.289.375 2.435.834 3.423.233-.086.477-.137.723-.142h2.697c.278-.017.575.053.85.182m6.871-1.196.76 1.238c.266-.11.551-.171.843-.188h2.705c.295 0 .583.064.852.188.448-.986.72-2.132.818-3.426a2.1 2.1 0 0 1-.504-.263l-2.185-1.586a2 2 0 0 1-.569-.636l-1.47.62c.03.285.008.582-.087.868l-.835 2.566a2.1 2.1 0 0 1-.328.619m6.014-3.079.004-.076q.004-.074.005-.148c0-2.4-.55-4.333-1.616-5.807a1.3 1.3 0 0 0-.258.437l-.835 2.572a1.23 1.23 0 0 0 0 .776c.081.252.238.47.454.624l2.19 1.588q.019.015.04.025z"
         })
     }));
-}, d = s;
+}, p = s;

package/dist/generated/mistica-icons/icon-football-ball-regular.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");
@@ -97,7 +97,7 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), m = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), m = r !== null && r !== void 0 ? r : 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: l,
         height: l,
@@ -129,4 +129,4 @@ const h = (_param)=>{
             d: "M12.142 2.155q.154 0 .305.003c1.978.028 9.392.742 9.39 9.874 0 9.115-7.345 9.793-9.323 9.81h-.196c-.252 0-.51-.003-.736-.01-1.928-.044-9.432-.806-9.432-9.86 0-9.072 7.516-9.775 9.395-9.811.18-.003.387-.006.597-.006m0 1.23c-.2 0-.398.003-.572.005-.549.012-1.263.07-2.036.233l1.846 1.339c.353.266.89.26 1.227.005l1.863-1.353a11 11 0 0 0-2.043-.226zm.179 17.224h.185c.302 0 .652-.017 1.034-.056l.016-.085q.012-.073.031-.142l.835-2.566c.081-.266.227-.515.409-.74l-.535-.873c-.291.134-.61.213-.947.213h-2.734c-.353 0-.68-.096-.983-.247l-.583.88c.177.218.317.465.4.73l.833 2.564a1 1 0 0 1 .026.12q.007.041.016.084c.482.067.924.101 1.291.11.216.005.465.008.706.008m3.272-2.476-.712 2.185c1.51-.37 3.194-1.177 4.342-2.902H16.59a1.13 1.13 0 0 0-.62.198 1 1 0 0 0-.377.519m-10.768-.76c1.107 1.608 2.68 2.424 4.137 2.835l-.683-2.106a1.02 1.02 0 0 0-.381-.527 1.02 1.02 0 0 0-.597-.201zm4.82-2.963c.141.431.533.72.981.723h2.723c.457 0 .86-.294 1.003-.731l.835-2.566a1.04 1.04 0 0 0-.384-1.177l-2.188-1.59a1.07 1.07 0 0 0-1.23-.006l-2.193 1.593a1.045 1.045 0 0 0-.384 1.177l.698 2.154zm9.236-3.947 1.715 1.247c-.048-2.126-.541-3.717-1.28-4.908l-.807 2.49c-.073.21-.073.437-.003.65.07.216.204.4.375.521M15.876 4.03l-.027.03c-.1.111-.203.225-.332.315l-2.182 1.585c-.21.16-.46.274-.726.347v1.432c.267.067.516.179.734.341l2.18 1.583c.227.16.409.361.557.58l1.154-.485c-.02-.288.011-.577.104-.848l.832-2.56c.07-.222.179-.424.31-.611a7.1 7.1 0 0 0-2.604-1.709m-7.72.038-.028-.032c-.919.35-1.835.89-2.617 1.703.11.168.205.347.267.54l.832 2.566c.092.272.123.566.1.86l1.194.552c.15-.227.339-.434.571-.6l2.182-1.585c.213-.16.462-.269.726-.339V6.303a2.2 2.2 0 0 1-.734-.352L8.472 4.37c-.12-.087-.218-.197-.315-.304M4.664 6.836c-.726 1.16-1.21 2.711-1.26 4.776l1.655-1.205c.179-.129.31-.314.38-.526.07-.216.073-.443.003-.642zm-.485 9.341q.189-.035.387-.036v.003h2.714c.263-.003.524.047.77.137l.664-1.003-.024-.03-.023-.031h-.05l-.976-3.003a2.2 2.2 0 0 1-.109-.773l-1.23-.569a2.3 2.3 0 0 1-.526.532l-2.177 1.583a1 1 0 0 1-.094.054q-.035.017-.065.036c.098 1.22.361 2.24.74 3.1m15.123.006c.18 0 .356.028.527.07.367-.851.627-1.866.726-3.081l-.076-.04c-.045-.024-.09-.047-.132-.078l-2.182-1.588a2.2 2.2 0 0 1-.53-.543l-1.17.492c.008.267-.023.536-.11.802l-.834 2.566a2.2 2.2 0 0 1-.277.56l.596.969c.236-.081.485-.129.731-.129z"
         })
     }));
-}, p = h;
+}, f = h;

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

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

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: o, size: a = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: o, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), m = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), m = 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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: m,
             d: "M20.201 13.953c0 2.507-.966 4.468-2.793 5.726.247.227.404.552.404.913 0 .69-.56 1.25-1.25 1.25H7.464c-.689 0-1.249-.56-1.249-1.25 0-.37.165-.697.42-.927-1.411-.97-2.84-2.695-2.84-5.712 0-3.602 2.25-5.77 4.992-6.692V4.1c0-1.073.874-1.944 1.944-1.944h2.182c1.072 0 1.944.871 1.944 1.944v3.036c3.353.958 5.344 3.482 5.344 6.818M9.607 7.023a10.3 10.3 0 0 1 2.39-.283c.7 0 1.38.084 2.042.213V4.1c0-.622-.505-1.126-1.126-1.126H10.73c-.62 0-1.124.507-1.124 1.126zm6.796 12.32c1.95-1.07 2.98-2.93 2.98-5.39 0-4.386-3.53-5.736-5.047-6.112a9.7 9.7 0 0 0-2.34-.28 9.3 9.3 0 0 0-2.652.383l-.022.007c-2.566.773-4.706 2.72-4.706 6.002 0 2.423 1.05 4.28 3.036 5.376l.017.014zm.162 1.68a.431.431 0 0 0 0-.86h-9.1a.431.431 0 0 0 0 .86zm-1.46-8.431a.937.937 0 0 0-.935-.936H9.577a.937.937 0 0 0-.936.936v2.905c0 .518.42.938.936.938h4.593c.516 0 .936-.42.936-.938zm-.935-1.756c.97 0 1.757.787 1.757 1.753v2.905c0 .97-.787 1.756-1.757 1.756H9.577c-.97 0-1.757-.787-1.757-1.756v-2.905c0-.969.787-1.753 1.757-1.753zm-1.675-5.342a.466.466 0 0 0 0-.93.466.466 0 0 0 0 .93m1.286-.465a1.285 1.285 0 1 1-2.567.001 1.285 1.285 0 0 1 2.567-.001m2.221-.655a.407.407 0 0 0 .58 0l.818-.818a.41.41 0 0 0-.58-.58l-.818.818a.41.41 0 0 0 0 .58m.202.633c0-.227.182-.41.409-.41h1.496c.227 0 .409.183.409.41a.41.41 0 0 1-.41.409h-1.495a.41.41 0 0 1-.409-.41m.426.677a.408.408 0 1 0-.577.58l.862.866a.4.4 0 0 0 .289.12.41.41 0 0 0 .288-.7zm-6.07 7.908a.41.41 0 0 1 0-.818h2.624c.227 0 .41.182.41.409a.41.41 0 0 1-.41.409zm4.022 1.213a.41.41 0 0 0-.409-.41h-4.6a.41.41 0 0 0-.408.41c0 .227.182.409.409.409h4.6a.41.41 0 0 0 .408-.41"

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

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

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: e, size: r = 24 } = _param, s = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: c, size: r = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), n = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -108,4 +108,4 @@ const l = (_param)=>{
             d: "M2.155 8.247c0 .32.26.577.58.577s.58-.257.58-.577V3.315h4.932a.581.581 0 0 0 0-1.16H2.735c-.32 0-.58.26-.58.58zm6.683 13.017c0-.32-.26-.58-.58-.58 0 0-4.943 0-4.946-.002v-4.933a.59.59 0 0 0-.58-.577c-.32 0-.577.26-.577.58v5.512c0 .32.26.577.58.58h5.524c.319 0 .58-.26.58-.58m12.423-6.103a.59.59 0 0 1 .578.58v5.523c0 .32-.258.577-.578.577h-5.523a.581.581 0 0 1 0-1.16h4.946v-4.943c0-.32.258-.577.577-.577m.58-12.429c0-.32-.26-.577-.58-.577H15.75a.579.579 0 1 0 0 1.157h4.938V8.27a.576.576 0 1 0 1.154 0z"
         })
     }));
-}, m = l;
+}, m = a;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const c = (_param)=>{
+const i = (_param)=>{
     var { color: o, size: r = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), n = o !== null && o !== void 0 ? o : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = o !== null && o !== void 0 ? o : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -108,4 +108,4 @@ const c = (_param)=>{
             d: "M2.155 8.351a.844.844 0 0 0 1.686.003v-4.51h4.513a.846.846 0 0 0 0-1.689H2.998a.844.844 0 0 0-.843.843zm7.02 12.68a.845.845 0 0 0-.813-.876H3.847v-4.51a.844.844 0 0 0-1.686 0v5.356c0 .465.378.843.843.843h5.358a.845.845 0 0 0 .813-.812m11.818-6.243c.465 0 .843.378.843.843v5.353a.844.844 0 0 1-.843.843h-5.359a.845.845 0 0 1 0-1.686h4.513v-4.51a.846.846 0 0 1 .846-.843m.848-11.767a.84.84 0 0 0-.843-.844v.003H15.64a.844.844 0 0 0 0 1.686h4.512v4.507a.846.846 0 0 0 1.69 0z"
         })
     }));
-}, m = c;
+}, m = i;

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

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

package/dist/generated/mistica-icons/icon-funnel-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,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: a, size: e = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: l, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), r = a !== null && a !== void 0 ? a : 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({
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = l !== null && l !== void 0 ? l : n ? _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,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const s = (_param)=>{
             fill: r,
             d: "M9.87 19.776c0 1.228.957 2.224 2.126 2.224s2.126-.996 2.126-2.224v-4.443l6.295-12.242a.77.77 0 0 0-.018-.73.7.7 0 0 0-.607-.361H4.21c-.25 0-.48.138-.607.36a.76.76 0 0 0-.018.73L9.87 15.334zm1.333-4.978L5.393 3.478H18.6l-5.81 11.319a.73.73 0 0 0-.087.35v4.633c0 .408-.317.74-.707.74s-.707-.332-.707-.74v-4.633a.8.8 0 0 0-.086-.35"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "M12 22c-.93 0-1.689-.749-1.689-1.668v-4.9L3.046 2.554A.376.376 0 0 1 3.372 2h17.256a.376.376 0 0 1 .326.555L13.689 15.43v4.9c0 .92-.758 1.669-1.689 1.669m-.984-6.853a.35.35 0 0 1 .048.18v5.005c0 .507.418.924.936.924a.93.93 0 0 0 .936-.924v-5.005a.35.35 0 0 1 .048-.18l7.005-12.408H4.011z"
         })
     }));
-}, d = s;
+}, p = s;

package/dist/generated/mistica-icons/icon-funnel-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");
@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: n, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), l = n !== null && n !== void 0 ? n : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
-    return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = n !== null && n !== void 0 ? n : 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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: a,
             d: "M9.87 19.776c0 1.228.957 2.224 2.126 2.224s2.126-.996 2.126-2.224v-4.443l6.295-12.242a.77.77 0 0 0-.018-.73.7.7 0 0 0-.607-.361H4.21c-.25 0-.48.138-.607.36a.76.76 0 0 0-.018.73L9.87 15.334zm1.333-4.978L5.393 3.478H18.6l-5.81 11.319a.73.73 0 0 0-.087.35v4.633c0 .408-.317.74-.707.74s-.707-.332-.707-.74v-4.633a.8.8 0 0 0-.086-.35"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2/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: l,
+            fill: a,
             d: "M9.87 19.776c0 1.228.957 2.224 2.126 2.224s2.126-.996 2.126-2.224v-4.443l6.295-12.242a.77.77 0 0 0-.018-.73.7.7 0 0 0-.607-.361H4.21c-.25 0-.48.138-.607.36a.76.76 0 0 0-.018.73L9.87 15.334zm1.333-4.978L5.393 3.478H18.6l-5.81 11.319a.73.73 0 0 0-.087.35v4.633c0 .408-.317.74-.707.74s-.707-.332-.707-.74v-4.633a.8.8 0 0 0-.086-.35"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +123,10 @@ const h = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: a,
             d: "M14.255 19.776c0 1.228-1.012 2.224-2.25 2.224s-2.26-.996-2.26-2.224v-4.443L3.09 3.091a.72.72 0 0 1 .019-.73A.75.75 0 0 1 3.752 2h16.497a.75.75 0 0 1 .642.36c.14.223.144.503.02.73l-6.656 12.243zm4.74-16.297H5.005l6.152 11.319a.75.75 0 0 1 .09.35v4.633c0 .408.346.74.759.74a.745.745 0 0 0 .748-.74v-4.633a.75.75 0 0 1 .091-.35z"
         })
     }));
-}, u = h;
+}, p = h;

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return q;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), l = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = o !== null && o !== void 0 ? o : t ? _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: a,
         height: a,
@@ -129,4 +129,4 @@ const n = (_param)=>{
             })
         ]
     }));
-}, q = n;
+}, d = n;

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

@@ -92,13 +92,13 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
+const i = (_param)=>{
     var { color: e, size: a = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), m = e !== null && e !== void 0 ? e : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), m = e !== null && e !== void 0 ? e : r ? _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: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -119,4 +119,4 @@ const n = (_param)=>{
             d: "m21.526 12.283-1.155-1.155a1.4 1.4 0 0 0-.569-.343 7.85 7.85 0 0 0-2.875-4.956 5.104 5.104 0 0 0-4.844-3.825h-.018q-.018-.002-.036-.004-.014-.002-.029-.004-.011-.001-.06.004a5.095 5.095 0 0 0-4.867 3.826 7.86 7.86 0 0 0-2.96 5.814h-.526a1.6 1.6 0 0 0-1.588 1.609v6.085a1.6 1.6 0 0 0 1.588 1.61H6.74a1.6 1.6 0 0 0 1.587-1.61v-.347a7.8 7.8 0 0 0 2.557.823c.068.179.171.343.31.483l1.156 1.154c.35.35.994.547 1.78.547q.08 0 .165-.003c1.813-.06 3.736-1.058 5.149-2.675 2.51-2.857 3.11-6.003 2.08-7.033M9.372 7.631c.05 1.327.29 2.267.608 2.932a4.02 4.02 0 0 1-1.96-2.932zm3.165 3.208V7.63h1.019c-.079 1.849-.562 2.793-1.02 3.208m0-4.28V3.35c.422.369.94 1.223 1.019 3.208zm-1.073-3.197V6.56h-1.02c.083-1.963.602-2.821 1.02-3.197m0 4.27v3.196c-.418-.375-.937-1.234-1.02-3.197zm3.164 0h1.352a4.04 4.04 0 0 1-1.945 2.924c.31-.668.543-1.609.593-2.925m1.352-1.073h-1.352c-.05-1.32-.286-2.256-.593-2.925a4.04 4.04 0 0 1 1.945 2.925m-6-2.936c-.315.665-.558 1.606-.608 2.932H8.021a4.02 4.02 0 0 1 1.96-2.932M6.923 7.438a5.09 5.09 0 0 0 5.013 4.745q.049.005.06.004l.047-.004h.036a5.1 5.1 0 0 0 4.991-4.737 6.76 6.76 0 0 1 1.656 3.454 1.3 1.3 0 0 0-.318.228l-.905.905a1.37 1.37 0 0 0-.404.976c0 .368.143.715.404.976l.805.805c.371.372-.1 1.444-1.052 2.395-.95.952-2.027 1.423-2.395 1.052l-.805-.805c-.522-.522-1.434-.522-1.956 0l-.904.905c-.118.114-.204.25-.272.397a6.8 6.8 0 0 1-2.596-.99v-4.488a1.6 1.6 0 0 0-1.587-1.61H5.185a6.78 6.78 0 0 1 1.738-4.208m-3.85 7.076h4.186v3.551H3.072zm.514-1.794H6.74c.282 0 .514.239.514.536v.186H3.072v-.186c0-.297.232-.537.515-.537m3.157 7.158H3.587a.527.527 0 0 1-.515-.537v-.2H7.26v.2a.53.53 0 0 1-.515.537m11.896-1.259c-1.81 2.067-3.808 2.288-4.376 2.306-.662.025-1.044-.125-1.152-.228l-1.155-1.155a.309.309 0 0 1 0-.436l.905-.905a.31.31 0 0 1 .436 0l.805.804c.986.99 2.678.183 3.911-1.05 1.238-1.238 2.038-2.926 1.052-3.913l-.805-.804a.31.31 0 0 1 0-.436l.905-.905a.32.32 0 0 1 .186-.086l.032-.007c.082 0 .16.032.218.09l1.155 1.154c.35.336.357 2.743-2.117 5.571"
         })
     }));
-}, f = n;
+}, f = i;

package/dist/generated/mistica-icons/icon-garage-filled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconProps } from '../../utils/types';
+declare const IconGarageFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconGarageFilled;

package/dist/generated/mistica-icons/{icon-garaje-filled.js → icon-garage-filled.js}

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M21.743 12.197c.207-.51.084-1.078-.325-1.479l-8.274-8.106c-.62-.608-1.673-.608-2.292 0l-8.274 8.106c-.41.4-.532.97-.322 1.482.232.566.81.933 1.47.933h.625v7.274c0 .79.703 1.434 1.569 1.434h.857v-9.033c0-.342.277-.617.616-.617h9.18c.34 0 .615.278.615.617v9.03h.77c.866 0 1.57-.641 1.57-1.434V13.13h.744c.662 0 1.239-.367 1.471-.933M8.009 15.452v-2.053h7.947v2.053zm0 1.204v2.054h7.947v-2.054zm0 3.135v2.05h7.95v-2.05z"
         })
     }));

package/dist/generated/mistica-icons/{icon-like-regular.d.ts → icon-garage-light.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconLikeRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
-export default IconLikeRegular;
+declare const IconGarageLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconGarageLight;

package/dist/generated/mistica-icons/{icon-garaje-light.js → icon-garage-light.js}

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: t, size: r = 24 } = _param, e = _object_without_properties(_param, [
+const l = (_param)=>{
+    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), a = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
             d: "m21.416 10.714-8.272-8.107c-.621-.608-1.672-.608-2.29 0L2.58 10.714c-.409.4-.535.969-.325 1.481.233.566.807.933 1.468.933h.63v7.275c0 .79.704 1.434 1.57 1.434h1.472q.004 0 .007-.002l.007-.001.012.003h9.106q.006 0 .011-.002l.011-.001q.007 0 .012.003l.01.003h1.385c.865 0 1.568-.645 1.568-1.435v-7.277h.745c.662 0 1.239-.367 1.471-.933.21-.512.084-1.078-.325-1.481m-.434 1.17c-.081.194-.314.423-.712.423h-1.156a.41.41 0 0 0-.41.41V20.4c0 .339-.335.616-.747.616h-.975v-8.213a.41.41 0 0 0-.41-.409H7.397a.41.41 0 0 0-.408.41v8.212H5.926c-.412 0-.748-.274-.748-.613v-7.684a.41.41 0 0 0-.409-.409H3.724c-.395 0-.63-.23-.708-.423-.05-.117-.096-.356.137-.582l8.274-8.112c.3-.295.846-.295 1.146 0l8.272 8.106c.232.23.187.465.137.585m-4.82 3.39H7.804v-2.062h8.356zm0 5.74H7.804v-2.051h8.356zm-8.357-2.87v-2.05h8.356v2.05z"
         })
     }));
-}, m = s;
+}, m = l;

package/dist/generated/mistica-icons/icon-garage-regular.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconProps } from '../../utils/types';
+declare const IconGarageRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconGarageRegular;

package/dist/generated/mistica-icons/{icon-garaje-regular.js → icon-garage-regular.js}

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: c, size: r = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: a, size: r = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), a = c !== null && c !== void 0 ? c : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = a !== null && a !== void 0 ? a : h ? _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"
-    }, h), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: l,
             d: "m21.363 10.6-8.104-7.94c-.683-.67-1.843-.67-2.526 0l-8.107 7.943c-.46.451-.596 1.09-.361 1.67.258.63.896 1.039 1.625 1.039h.414v6.927c0 .885.779 1.605 1.737 1.605h1.442l.007-.001.007-.002.009.003h8.921q.012-.002.02-.003h.004l.009.002h.008l.004.001h1.356c.958 0 1.737-.72 1.737-1.605v-6.927h.53c.727 0 1.366-.406 1.624-1.04.243-.582.103-1.22-.356-1.672m-.753 1.213c-.054.135-.222.289-.51.289h-1.132a.6.6 0 0 0-.602.602v7.53c0 .218-.244.4-.532.4h-.754v-7.846a.6.6 0 0 0-.602-.602H7.486a.6.6 0 0 0-.602.602v7.846h-.84c-.289 0-.533-.182-.533-.4v-7.53a.6.6 0 0 0-.602-.602H3.892c-.29 0-.456-.157-.51-.289q-.079-.188.09-.353l8.104-7.944c.215-.213.624-.213.84 0l8.104 7.944q.166.167.09.353m-4.734 3.2H8.088v-1.62h7.788zm0 5.621H8.088v-1.608h7.788zm-7.788-2.81v-1.607h7.788v1.607z"
         })
     }));

package/dist/generated/mistica-icons/icon-gas-station-filled.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
+const a = (_param)=>{
     var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,8 +104,8 @@ const n = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: s,
             d: "M21.834 8.7q-.003.024-.003.051l.003 10.28c0 2.04-1.46 2.79-2.709 2.813h-.143c-1.327-.017-2.79-.768-2.79-2.824v-3.874a1.54 1.54 0 0 0-1.54-1.535h-.48v6.855c0 .733-.658 1.378-1.408 1.378H3.559c-.75 0-1.409-.645-1.409-1.378V3.552c0-.72.673-1.378 1.41-1.378h9.204c.737 0 1.409.659 1.409 1.378v8.852h.479a2.75 2.75 0 0 1 2.748 2.742v3.874c0 1.387.952 1.608 1.52 1.616h.183c.568-.01 1.524-.235 1.524-1.605l-.006-8.098a3 3 0 0 1-1.291.322c-.05.003-.11.003-.168.003h-.073c-.527-.008-2.504-.199-2.504-2.63 0-2.076 1.428-2.51 2.173-2.594l-2.823-2.851a.602.602 0 1 1 .86-.846l4.333 4.378q.041.037.078.078l.009.009q0 .002.003.005c.355.392.619.97.619 1.84q0 .028-.003.052m-10.065.261v-3.09c0-.616-.484-1.159-1.039-1.159h-5c-.557 0-1.042.543-1.042 1.16v3.09c0 .627.48 1.159 1.042 1.159h5c.563 0 1.04-.532 1.04-1.16m8.86-.277c0-.011 0-.025-.002-.028 0-.23-.003-.692-.306-1.028l-.047-.05c-.2-.19-.502-.33-.984-.342l-.162-.003h-.045c-1.288.008-1.288 1.022-1.288 1.406s0 1.404 1.313 1.423h.056l.149-.003c1.126-.02 1.288-.756 1.31-1.207V8.71l.004-.012z"
         })
     }));
-}, m = n;
+}, m = a;

package/dist/generated/mistica-icons/icon-gas-station-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const e = (_param)=>{
     var { color: r, size: c = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), a = r !== null && r !== void 0 ? r : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = r !== null && r !== void 0 ? r : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: i,
             d: "m21.838 19.173-.009-10.546-.004-.026-.002-.005.003-.028c0-1.118-.423-1.768-.933-2.149l-.008-.013a.1.1 0 0 0-.014-.017L16.745 2.27a.41.41 0 0 0-.58.58l3.042 3.036-.157-.003h-.047c-.54.006-2.54.19-2.54 2.67 0 2.482 2.022 2.675 2.56 2.683h.246c.297-.005 1.112-.075 1.742-.613l.006 8.549c0 1.633-1.227 1.832-1.756 1.843h-.194c-.53-.008-1.756-.204-1.756-1.857v-3.952a2.6 2.6 0 0 0-2.6-2.594h-.697V3.372c0-.63-.588-1.202-1.232-1.202H3.383c-.645 0-1.233.572-1.233 1.202v17.266c0 .639.577 1.202 1.233 1.202h9.398c.655 0 1.23-.563 1.23-1.202v-7.202h.697c.98-.002 1.776.79 1.778 1.77v3.953c0 1.947 1.325 2.661 2.558 2.678h.087l.142-.003c1.183-.02 2.563-.731 2.563-2.661m-8.647 1.462c0 .19-.208.381-.41.384l-9.397-.003c-.202 0-.41-.19-.41-.38V3.371c0-.177.222-.381.41-.381h9.398c.187 0 .409.207.409.38zm6.064-10.218-.219-.003c-.798-.011-1.748-.342-1.748-1.863 0-1.513.939-1.837 1.726-1.846h.04l.187.003c.804.02 1.765.359 1.765 1.86s-.953 1.832-1.751 1.849m-8.521-1.53a.3.3 0 0 1-.025.116c-.01.024-.015.04-.006.044H5.625a.24.24 0 0 1-.062-.16V5.733c0-.043.015-.084.026-.114.009-.025.015-.042.008-.045l5.058-.009c.029.017.079.093.079.168zm.823-3.154c0-.524-.4-.98-.857-.98L5.597 4.75c-.457 0-.858.46-.858.98v3.157c0 .532.393.98.858.98H10.7c.465 0 .857-.45.857-.98z"
         })
     }));
-}, v = i;
+}, v = e;

package/dist/generated/mistica-icons/icon-gas-station-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
+const i = (_param)=>{
     var { color: t, size: c = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -114,4 +114,4 @@ const n = (_param)=>{
             })
         ]
     }));
-}, f = n;
+}, f = i;