@telefonica/mistica 15.20.1 → 16.0.0

package/dist-es/generated/mistica-icons/icon-data-alert-filled.js

@@ -79,24 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as c } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
-    var { color: o, size: r = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: o, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), a = o !== null && o !== void 0 ? o : e ? l.colors.inverse : l.colors.neutralHigh;
+    const t = i(), a = o !== null && o !== void 0 ? o : t ? l.colors.inverse : l.colors.neutralHigh;
     return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ c("path", {
             fill: a,
             d: "M8.662 4.117v.007c.191.546.889 1.02 2.043 1.37 1.218.375 2.823.583 4.526.583 1.712 0 3.308-.208 4.527-.583 1.129-.339 1.82-.796 2.025-1.32 0-.008.008-.025.008-.025-.148-.571-.831-1.053-2.041-1.42-1.21-.372-2.816-.571-4.527-.571-1.703 0-3.317.199-4.535.571-1.146.348-1.843.83-2.034 1.378q.007.006.008.01m6.567 7.226c-1.704 0-3.309-.2-4.527-.566a10 10 0 0 1-.591-.216l.552 1.12c1.266.36 2.87.558 4.566.558 1.792 0 3.498-.216 4.781-.613.734-.216 1.35-.524 1.83-.888v3.986c-.225.414-.883.972-2.085 1.347-1.21.364-2.815.571-4.526.571-.765 0-1.5-.05-2.19-.131l.467.955c.56.042 1.137.075 1.72.075 1.792 0 3.498-.215 4.781-.613.734-.216 1.35-.524 1.83-.896v3.546c0 .697-.71 1.272-2.093 1.695-1.219.364-2.832.574-4.527.574q-.446 0-.888-.025a1 1 0 0 1-.213.025h-.025l-10.977-.042c-.241-.025-.488-.093-.667-.275a.93.93 0 0 1-.297-.68c0-.157.034-.325.107-.465L7.794 9.379a.96.96 0 0 1 .552-.49c.062-.02.125-.024.192-.029l.063-.005v-3.39c.443.36 1.053.665 1.843.897 1.3.398 2.997.614 4.782.614 1.787 0 3.49-.216 4.781-.614q1.16-.347 1.83-.88V9.43c-.225.423-.883.98-2.085 1.353-1.204.362-2.81.56-4.523.56m-6.295-.373-.271-.557-5.104 10.142 9.737.043h.386l-1.638-3.314-.502-1.023zm-.319 7.168A.62.62 0 0 1 8 17.516v-4.022a.62.62 0 0 1 .616-.622c.339 0 .616.28.616.622v4.022a.62.62 0 0 1-.616.622m0 .35a.63.63 0 0 1 .628.633.63.63 0 0 1-.628.633.63.63 0 0 1-.627-.633c0-.35.28-.633.627-.633"
         })
     }));
-}, h = i;
+}, h = s;
 export { h as default };

package/dist-es/generated/mistica-icons/icon-data-alert-light.js

@@ -78,23 +78,23 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
+import { jsx as c } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
-    var { color: o, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: a, size: r = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = l(), e = o !== null && o !== void 0 ? o : s ? t.colors.inverse : t.colors.neutralHigh;
-    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const e = l(), s = a !== null && a !== void 0 ? a : e ? t.colors.inverse : t.colors.neutralHigh;
+    return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ r("path", {
-            fill: e,
+    }, o), {
+        children: /* @__PURE__ */ c("path", {
+            fill: s,
             d: "M21.838 5.058c0-1.047-.846-1.837-2.521-2.344-1.202-.362-2.78-.558-4.44-.558-1.65 0-3.227.196-4.429.555-1.395.426-2.218 1.05-2.456 1.854v.009c-.04.156-.065.313-.065.484v4.538a.54.54 0 0 0-.165.213L2.24 20.677a.75.75 0 0 0 .143.897c.145.14.327.212.524.212l10.969.037h.025c.025.008.056.008.081.008.165.009.731.009.896.009 1.65 0 3.23-.196 4.438-.558 1.675-.498 2.52-1.285 2.52-2.336zM10.689 3.501c1.123-.336 2.61-.524 4.188-.524 1.585 0 3.073.188 4.196.524 1.117.333 1.75.77 1.905 1.302l-.007.006c-.006.004-.01.007-.01.02-.188.481-.835.901-1.88 1.212-1.126.345-2.61.524-4.187.524s-3.073-.18-4.2-.524c-1.067-.319-1.716-.753-1.887-1.255l-.004-.008-.005-.014c.166-.501.815-.935 1.891-1.263m10.328 6.134c-.207.395-.815.905-1.933 1.241-1.12.336-2.613.524-4.19.524s-3.073-.188-4.19-.524a5.4 5.4 0 0 1-1.34-.582l-.238-.477a.72.72 0 0 0-.378-.361V6.011c.42.327.986.599 1.709.82 1.207.362 2.775.558 4.436.558s3.23-.196 4.43-.558q1.075-.32 1.694-.812zm-12.62 3.656a.41.41 0 0 0-.411.412v3.971a.412.412 0 0 0 .824 0v-3.971a.41.41 0 0 0-.412-.412m.401 5.683a.398.398 0 1 0-.795 0 .398.398 0 0 0 .795 0m12.219-8.14v3.658c-.207.387-.815.902-1.933 1.238-1.118.337-2.613.524-4.19.524-.93 0-1.824-.064-2.656-.187L9.955 11.49q.256.09.51.173c1.199.362 2.768.558 4.429.558 1.66 0 3.23-.196 4.428-.558.684-.204 1.26-.493 1.695-.829m0 8.112c0 .642-.65 1.165-1.933 1.55-1.143.335-2.63.526-4.207.526h-.238a.6.6 0 0 0-.073-.294l-1.883-3.782c.706.093 1.446.132 2.21.132 1.662 0 3.23-.205 4.43-.558.683-.204 1.26-.493 1.694-.829zm-7.233 2.059-10.77-.04 5.431-10.68z"
         })
     }));

package/dist-es/generated/mistica-icons/icon-data-alert-regular.js

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 const n = (_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 = s(), c = o !== null && o !== void 0 ? o : e ? l.colors.inverse : l.colors.neutralHigh;
+    const t = s(), c = o !== null && o !== void 0 ? o : t ? l.colors.inverse : l.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ r("path", {
             fill: c,
             d: "M21.85 5.208c0-1.132-.877-1.97-2.617-2.49-1.19-.353-2.759-.555-4.406-.56-1.642 0-3.202.198-4.4.554-1.435.434-2.286 1.092-2.536 1.952v.009a2 2 0 0 0-.072.53v4.38a1 1 0 0 0-.146.177l-5.41 10.655a.86.86 0 0 0-.103.451.936.936 0 0 0 .925.925H3.1l10.737.039h.042q.021 0 .039.005l.026.003c.17.008.725.008.885.008 1.636 0 3.204-.193 4.403-.554 1.74-.521 2.616-1.356 2.616-2.482zM10.784 3.874c1.076-.322 2.518-.507 4.048-.51 1.529 0 2.969.186 4.056.508.683.21 1.479.554 1.697 1.061-.176.404-.77.773-1.689 1.045-1.087.33-2.527.507-4.056.507-1.521 0-2.96-.176-4.048-.507-.932-.272-1.52-.65-1.689-1.059.177-.392.757-.764 1.681-1.044m9.857 5.77c-.202.32-.748.771-1.748 1.068-1.087.33-2.518.507-4.047.507-1.53 0-2.97-.176-4.056-.507a5 5 0 0 1-1.216-.53l-.202-.408a.96.96 0 0 0-.347-.37V6.527c.378.233.854.44 1.417.61 1.19.362 2.754.555 4.395.555 1.644 0 3.205-.193 4.403-.554a6.2 6.2 0 0 0 1.401-.594zM7.877 17.67a.601.601 0 1 0 1.205 0v-3.89a.603.603 0 0 0-1.205 0zm1.216 1.552a.613.613 0 1 0-1.226 0 .613.613 0 0 0 1.226 0m11.55-7.972v3.143c-.203.33-.749.781-1.749 1.072-1.087.323-2.518.508-4.047.508-.852 0-1.706-.065-2.471-.177l-1.964-3.944q.006.007.015.009.01.002.016.008c1.194.353 2.762.555 4.404.555s3.201-.202 4.394-.555a6 6 0 0 0 1.401-.62m0 7.563c0 .658-.959 1.084-1.76 1.33-1.092.328-2.535.505-4.056.505h-.079q-.008-.03-.013-.064a.4.4 0 0 0-.034-.113l-1.69-3.384c.598.054 1.2.096 1.836.096 1.641 0 3.201-.202 4.394-.563a5.7 5.7 0 0 0 1.401-.62zM3.54 20.589l4.98-9.82 4.911 9.859z"

package/dist-es/generated/mistica-icons/icon-data-bonus-filled.js

@@ -79,15 +79,15 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as c } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useTheme as i } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const l = (_param)=>{
     var { color: r, size: h = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = i(), o = r !== null && r !== void 0 ? r : t ? e.colors.inverse : e.colors.neutralHigh, { skinName: s } = n();
+    const t = n(), o = r !== null && r !== void 0 ? r : t ? e.colors.inverse : e.colors.neutralHigh, { skinName: s } = i();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,

package/dist-es/generated/mistica-icons/icon-data-bonus-light.js

@@ -79,16 +79,16 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as a } from "react/jsx-runtime";
-import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useTheme as n } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
     var { color: e, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = i(), o = e !== null && e !== void 0 ? e : r ? t.colors.inverse : t.colors.neutralHigh, { skinName: n } = s();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const r = s(), o = e !== null && e !== void 0 ? e : r ? t.colors.inverse : t.colors.neutralHigh, { skinName: i } = n();
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",

package/dist-es/generated/mistica-icons/icon-data-bonus-regular.js

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as h } from "react/jsx-runtime";
 import { useTheme as v } from "../../hooks.js";
-import { useIsInverseVariant as m } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as m } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
     var { color: r, size: a = 24 } = _param, c = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-data-centre-filled.js

@@ -79,23 +79,23 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { useTheme as h } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: a, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = l(), r = a !== null && a !== void 0 ? a : n ? t.colors.inverse : t.colors.neutralHigh, { skinName: h } = i();
-    return h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const i = l(), a = t !== null && t !== void 0 ? t : i ? o.colors.inverse : o.colors.neutralHigh, { skinName: n } = h();
+    return n.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: a,
             d: "M8.522 2h9.72c1.147 0 2.085.964 2.085 2.144v12.851H18.94V6.64c0-1.787-1.387-3.213-3.124-3.213H8.522zm7.294 2.5c1.142 0 2.08.964 2.08 2.144v12.851h-1.387V9.14c0-1.787-1.387-3.213-3.125-3.213H6.091V4.5zM3.66 12v4.287h11.805V12zm4.689 2.143H6.61c-.209 0-.382-.105-.453-.283a.7.7 0 0 1-.071-.251c0-.073.035-.178.07-.252.072-.178.245-.283.454-.283H8.35c.275-.005.52.247.52.535a.543.543 0 0 1-.52.534M13.384 7H3.66v3.926h11.805V9.139c0-1.175-.938-2.139-2.08-2.139M6.611 9.143c-.209 0-.382-.105-.453-.283a.7.7 0 0 1-.071-.251.7.7 0 0 1 .07-.252c.072-.178.245-.283.454-.283H8.35c.275 0 .52.251.52.535a.543.543 0 0 1-.52.534zM3.66 17.361V22h11.804v-4.639zm4.689 1.065c.275 0 .52.251.52.535a.543.543 0 0 1-.52.535H6.61a.543.543 0 0 1-.52-.535c0-.073.036-.178.071-.252.067-.173.24-.283.45-.283z"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
@@ -103,9 +103,9 @@ const s = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: a,
             d: "M8.522 2h9.72c1.147 0 2.085.964 2.085 2.144v12.851H18.94V6.64c0-1.787-1.387-3.213-3.124-3.213H8.522zm7.294 2.5c1.142 0 2.08.964 2.08 2.144v12.851h-1.387V9.14c0-1.787-1.387-3.213-3.125-3.213H6.091V4.5zM3.66 12v4.287h11.805V12zm4.689 2.143H6.61c-.209 0-.382-.105-.453-.283a.7.7 0 0 1-.071-.251c0-.073.035-.178.07-.252.072-.178.245-.283.454-.283H8.35c.275-.005.52.247.52.535a.543.543 0 0 1-.52.534M13.384 7H3.66v3.926h11.805V9.139c0-1.175-.938-2.139-2.08-2.139M6.611 9.143c-.209 0-.382-.105-.453-.283a.7.7 0 0 1-.071-.251.7.7 0 0 1 .07-.252c.072-.178.245-.283.454-.283H8.35c.275 0 .52.251.52.535a.543.543 0 0 1-.52.534zM3.66 17.361V22h11.804v-4.639zm4.689 1.065c.275 0 .52.251.52.535a.543.543 0 0 1-.52.535H6.61a.543.543 0 0 1-.52-.535c0-.073.036-.178.071-.252.067-.173.24-.283.45-.283z"
         })
     }));

package/dist-es/generated/mistica-icons/icon-data-centre-light.js

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as h } from "react/jsx-runtime";
 import { useTheme as a } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
-    var { color: o, size: c = 24 } = _param, v = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: r, size: c = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), e = o !== null && o !== void 0 ? o : r ? t.colors.inverse : t.colors.neutralHigh, { skinName: s } = a();
+    const o = i(), e = r !== null && r !== void 0 ? r : o ? t.colors.inverse : t.colors.neutralHigh, { skinName: s } = a();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -109,5 +109,5 @@ const i = (_param)=>{
             d: "M12.18 3.854c.223 0 .37-.147.37-.37v-.74h5.92c.63 0 1.108.484 1.108 1.11v9.997c0 .223.147.37.37.37.222 0 .37-.147.37-.37V3.854A1.834 1.834 0 0 0 18.464 2H8.481v2.593h-2.59v2.593H3.3V22h11.84V9.04a1.834 1.834 0 0 0-1.851-1.854h-6.66V5.333h1.109v.739c0 .223.147.37.37.37.222 0 .369-.147.369-.37v-.74h.739v.74c0 .223.146.37.369.37s.37-.147.37-.37v-.74h5.92c.63 0 1.108.484 1.108 1.11v12.59c0 .223.147.37.37.37.222 0 .369-.147.369-.37V6.447a1.835 1.835 0 0 0-1.852-1.854H9.22V2.744h1.109v.74c0 .223.146.37.369.37s.37-.147.37-.37v-.74h.738v.74c.005.223.152.37.374.37m-6.659 9.073h2.037c.223 0 .37-.147.37-.37s-.147-.37-.37-.37H5.52c-.222 0-.37.147-.37.37s.148.37.37.37m0 3.707h2.037c.223 0 .37-.147.37-.37s-.147-.37-.37-.37H5.52c-.222 0-.37.147-.37.37s.148.37.37.37m2.037 3.517H5.52c-.222 0-.37-.147-.37-.37 0-.222.148-.37.37-.37h2.037c.223 0 .37.148.37.37 0 .223-.147.37-.37.37m6.848-5.409v2.816H4.044v-2.816zm-10.362-.74v-2.886h10.362v2.887zm0 4.296h10.362v2.962H4.044zM14.402 9.04v1.332H4.044V7.926h1.108v.74c0 .222.147.369.37.369.222 0 .369-.147.369-.37v-.74h.739v.74c0 .223.146.37.369.37s.37-.147.37-.37v-.74h5.92c.63.005 1.113.484 1.113 1.115m4.812 7.035a.74.74 0 0 1 1.477 0 .74.74 0 0 1-1.478 0"
         })
     }));
-}, f = i;
+}, f = n;
 export { f as default };

package/dist-es/generated/mistica-icons/icon-data-centre-regular.js

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e } from "react/jsx-runtime";
 import { useTheme as v } from "../../hooks.js";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
     var { color: o, size: c = 24 } = _param, h = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-data-checked-filled.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as c } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
     var { color: o, size: l = 24 } = _param, r = _object_without_properties(_param, [
@@ -98,5 +98,5 @@ const i = (_param)=>{
             d: "M9.189 4.023c.179.515.854.963 1.963 1.294 1.171.347 2.706.54 4.345.54s3.176-.193 4.344-.54c1.084-.32 1.751-.75 1.947-1.252 0-.009.008-.017.008-.017-.145-.54-.8-.997-1.963-1.345-1.16-.35-2.706-.543-4.345-.543-1.636 0-3.182.193-4.353.543-1.1.328-1.775.788-1.955 1.303q.007.006.008.01zm2.493 8.243a.62.62 0 0 0-.866 0l-3.26 3.227-1.224-1.213a.62.62 0 0 0-.866 0l-.003.003a.605.605 0 0 0 .003.854l1.658 1.645c.241.238.628.238.866 0l3.692-3.658.005-.006a.6.6 0 0 0-.005-.852m2.073-.678c-.012.608-.029 1.32-.054 2.02l-.008.16q-.022.428-.048.846l-.014.196c-.022.32-.047.627-.078.905-.025.246-.056.476-.09.672q-.013.059-.033.12l-.014.045c-.208.698-.914 1.431-1.76 2.095l-.014.012c-.338.263-.697.518-1.056.75l-.002.003c-.647.42-1.32.804-2.009 1.151-1.476-.73-4.6-2.585-4.88-4.173-.251-1.432-.302-4.465-.313-5.802h.011c1.171 0 1.936-.5 2.622-.952l.006-.004c.707-.463 1.373-.9 2.551-.9h.003c.202 0 .384.016.555.041.38.048.75.16 1.098.328l.003.003q.232.113.45.246l.037.023q.209.128.415.263c.68.448 1.437.944 2.633.944h.002l-.01.765zm1.44-.77q.15.005.305.006c1.638 0 3.182-.185 4.341-.532 1.151-.348 1.785-.872 1.997-1.27V5.3c-.425.339-1.008.61-1.75.83-1.247.372-2.877.576-4.591.576-1.717 0-3.348-.204-4.594-.577-.76-.221-1.347-.507-1.776-.846v2.264a7 7 0 0 0-.552-.026H8.57c-1.546 0-2.44.586-3.228 1.104l-.005.003c-.75.49-1.344.874-2.423.714a.608.608 0 0 0-.76.585l.001.018c0 .364-.004 4.732.336 6.655.457 2.608 5.272 4.932 5.827 5.185a.61.61 0 0 0 .523 0 21 21 0 0 0 2.653-1.513c1.129.289 2.521.457 4.003.457 1.63 0 3.173-.194 4.344-.541 1.33-.398 2.006-.941 2.006-1.6v-3.341c-.454.347-1.05.644-1.75.846-1.239.372-2.87.577-4.595.577-.238 0-.473-.01-.707-.02l-.139-.005q0-.012.006-.027l.006-.021c.042-.23.075-.502.106-.793l.143.005q.289.014.585.015c1.639 0 3.182-.194 4.345-.54 1.151-.348 1.784-.872 1.997-1.27v-3.756c-.454.347-1.05.636-1.75.838-1.239.372-2.869.577-4.594.577q-.197-.001-.39-.01l-.131-.004.01-.846q.104.001.205.005"
         })
     }));
-}, m = i;
-export { m as default };
+}, d = i;
+export { d as default };

package/dist-es/generated/mistica-icons/icon-data-checked-light.js

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
-    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), a = r !== null && r !== void 0 ? r : e ? l.colors.inverse : l.colors.neutralHigh;
+    const t = s(), a = e !== null && e !== void 0 ? e : t ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, l), {
         children: /* @__PURE__ */ o("path", {
             fill: a,
             d: "M21.838 4.91c0-1.002-.807-1.75-2.404-2.23-1.137-.341-2.63-.529-4.199-.529s-3.061.188-4.198.532c-1.325.395-2.11.99-2.337 1.762v.003a1.7 1.7 0 0 0-.064.462v2.824l-.087-.005a2 2 0 0 0-.126-.006h-.006c-1.501 0-2.378.577-3.148 1.087l-.004.002c-.791.523-1.416.936-2.607.748a.43.43 0 0 0-.35.076.41.41 0 0 0-.157.322v.022c0 .392-.005 4.782.336 6.71.451 2.584 5.541 5.008 5.757 5.108.109.054.238.054.35 0q1.362-.659 2.616-1.504c1.12.314 2.538.488 4.028.488 1.563 0 3.053-.188 4.199-.53 1.594-.479 2.4-1.23 2.4-2.232zm-12.33-.269c.156-.47.761-.876 1.764-1.176 1.064-.32 2.47-.493 3.963-.493s2.9.176 3.964.493c1.04.31 1.633.717 1.779 1.204l-.006.009-.006.008c-.17.454-.778.846-1.759 1.14-1.061.317-2.465.493-3.96.493-1.493 0-2.9-.176-3.961-.493-1.003-.302-1.616-.708-1.773-1.176q-.005-.005-.006-.009m-.051 1.216q.586.452 1.593.75c1.135.34 2.625.527 4.197.527 1.574 0 3.061-.184 4.198-.526.664-.202 1.185-.446 1.572-.734v3.358c-.196.359-.762.838-1.81 1.152-1.061.32-2.467.495-3.96.495q-.217 0-.43-.01l-.133-.003c.004-.44.003-.753.003-.866v-.04c0-.12-.065-.229-.157-.307a.42.42 0 0 0-.342-.093c-1.207.185-1.828-.226-2.62-.75h-.002c-.572-.379-1.205-.796-2.11-.984zm4.092 10.69c-.302 1.727-3.65 3.7-5.129 4.425-1.479-.726-4.823-2.695-5.129-4.426-.271-1.546-.313-4.905-.319-6.129 1.23.062 2.006-.434 2.748-.924l.004-.003c.74-.489 1.438-.95 2.69-.95h.006c1.252.003 1.953.463 2.692.953l.023.015c.73.48 1.483.976 2.728.904-.006 1.218-.048 4.585-.314 6.134m-2.723-4.074a.41.41 0 0 1 .583.577l-.003.003-3.722 3.712a.41.41 0 0 1-.58 0l-1.675-1.67a.407.407 0 0 1-.003-.577l.003-.003c.16-.16.42-.16.582 0l1.381 1.378zm8.373 6.992c-1.07.32-2.476.496-3.964.493-1.14 0-2.23-.104-3.16-.294 1.104-.863 2.093-1.905 2.28-2.978.023-.131.046-.28.065-.434q.406.023.824.025c1.571 0 3.061-.187 4.199-.53.627-.187 1.156-.447 1.571-.755v3.028c0 .599-.61 1.084-1.815 1.445m-4.527-7.784.141.004q.215.009.436.01c1.569 0 3.06-.188 4.196-.53.628-.187 1.157-.445 1.572-.753v3.4c-.196.359-.765.838-1.81 1.152-1.061.319-2.467.493-3.96.493-.247 0-.488-.011-.732-.023h-.008c.1-1.185.149-2.638.165-3.753"

package/dist-es/generated/mistica-icons/icon-data-checked-regular.js

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as a } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
-    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = s(), t = r !== null && r !== void 0 ? r : o ? l.colors.inverse : l.colors.neutralHigh;
+    const o = s(), t = e !== null && e !== void 0 ? e : o ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M21.84 5.075c0-1.078-.841-1.877-2.497-2.375-1.131-.34-2.613-.527-4.179-.541-1.557 0-3.039.188-4.17.527-1.37.411-2.186 1.039-2.424 1.865a1.8 1.8 0 0 0-.072.513V7.62h-.012c-1.528 0-2.41.582-3.191 1.097l-.002.001-.007.005c-.736.49-1.316.877-2.385.707a.604.604 0 0 0-.75.582v.022c-.001.389-.006 4.704.33 6.606.454 2.59 5.213 4.899 5.753 5.154a.6.6 0 0 0 .516.003c.243-.115 1.347-.65 2.526-1.437 1.098.294 2.46.46 3.894.46 1.554 0 3.036-.189 4.173-.527 1.656-.496 2.496-1.297 2.496-2.376zM9.788 4.809c.17-.364.706-.7 1.56-.958 1.02-.305 2.378-.474 3.82-.476 1.446 0 2.805.168 3.824.473.636.193 1.373.51 1.577.972-.168.364-.717.703-1.568.958-1.023.305-2.378.473-3.821.473-1.44 0-2.798-.168-3.82-.473-.866-.258-1.41-.602-1.572-.97m-.076 1.577q.526.315 1.3.546c1.134.339 2.613.524 4.17.524 1.555 0 3.037-.188 4.169-.527q.755-.227 1.28-.535V9.24c-.182.303-.686.72-1.627 1.003-1.023.308-2.379.476-3.821.476q-.117 0-.232-.005l-.118-.003.002-.69a.62.62 0 0 0-.224-.453.63.63 0 0 0-.495-.134c-1.101.173-1.687-.213-2.426-.704-.544-.358-1.146-.747-1.978-.952zm3.605 10.056c-.277 1.577-3.364 3.417-4.826 4.146-1.46-.729-4.543-2.57-4.82-4.149-.25-1.42-.3-4.434-.309-5.762 1.14-.005 1.922-.496 2.602-.947l.01-.005c.696-.458 1.357-.89 2.517-.89h.003c1.168.002 1.826.436 2.526.898l.007.004c.67.442 1.415.932 2.593.932h.003c-.009 1.325-.06 4.347-.306 5.773m-2.608-4.098a.605.605 0 0 1 .855 0 .6.6 0 0 1 0 .851l-3.647 3.633a.605.605 0 0 1-.852 0l-1.638-1.633a.6.6 0 0 1 0-.851.605.605 0 0 1 .854 0l1.21 1.207zm8.286 6.798c-1.028.308-2.386.476-3.826.476-.93 0-1.815-.075-2.61-.21.963-.812 1.775-1.762 1.949-2.759v-.003l.022-.141q.007-.057.017-.113l.127.005q.25.012.506.014c1.557 0 3.04-.188 4.168-.527a5.6 5.6 0 0 0 1.28-.557v2.591c0 .605-.888 1-1.633 1.224m-4.18-7.227q.09 0 .18.004.092.005.188.005c1.554 0 3.036-.188 4.168-.527a5.6 5.6 0 0 0 1.28-.557v2.89c-.182.303-.69.72-1.627 1.003-1.02.306-2.376.474-3.821.474q-.193-.001-.383-.01l-.124-.004c.081-1.056.12-2.28.14-3.278"

package/dist-es/generated/mistica-icons/icon-data-cloud-filled.js

@@ -80,32 +80,32 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const h = (_param)=>{
     var { color: r, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = s(), l = r !== null && r !== void 0 ? r : i ? a.colors.inverse : a.colors.neutralHigh, { skinName: t } = n();
-    return t.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const i = s(), a = r !== null && r !== void 0 ? r : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: l } = n();
+    return l.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ e("path", {
-            fill: l,
+            fill: a,
             d: "M8.182 9.255a.74.74 0 0 0 1.023.279.77.77 0 0 0 .268-1.047 3.7 3.7 0 0 0-1.224-1.29c.564-2.146 2.486-3.672 4.685-3.672 2.174 0 4.1 1.501 4.679 3.642.11.406.52.646.918.533a.766.766 0 0 0 .52-.938C18.297 3.96 15.783 2 12.935 2c-2.82 0-5.297 1.921-6.085 4.644-.21-.039-.42-.063-.636-.063-2.06 0-3.733 1.71-3.733 3.818s1.673 3.818 3.733 3.818a.755.755 0 0 0 .746-.763.755.755 0 0 0-.746-.762c-1.238 0-2.242-1.027-2.242-2.293S4.98 8.106 6.213 8.106c.817 0 1.568.44 1.97 1.149m6.845.034a.36.36 0 0 1 .301 0l5.588 2.503-5.74 2.938-5.741-2.938zm-6.195 9.514c0 .146.082.278.206.342L14.62 22v-6.282L8.832 12.76zm6.907-3.085 5.789-2.958v6.043a.38.38 0 0 1-.206.342L15.74 22z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ e("path", {
-            fill: l,
+            fill: a,
             d: "M8.182 9.255a.74.74 0 0 0 1.023.279.77.77 0 0 0 .268-1.047 3.7 3.7 0 0 0-1.224-1.29c.564-2.146 2.486-3.672 4.685-3.672 2.174 0 4.1 1.501 4.679 3.642.11.406.52.646.918.533a.766.766 0 0 0 .52-.938C18.297 3.96 15.783 2 12.935 2c-2.82 0-5.297 1.921-6.085 4.644-.21-.039-.42-.063-.636-.063-2.06 0-3.733 1.71-3.733 3.818s1.673 3.818 3.733 3.818a.755.755 0 0 0 .746-.763.755.755 0 0 0-.746-.762c-1.238 0-2.242-1.027-2.242-2.293S4.98 8.106 6.213 8.106c.817 0 1.568.44 1.97 1.149m6.845.034a.36.36 0 0 1 .301 0l5.588 2.503-5.74 2.938-5.741-2.938zm-6.195 9.514c0 .146.082.278.206.342L14.62 22v-6.282L8.832 12.76zm6.907-3.085 5.789-2.958v6.043a.38.38 0 0 1-.206.342L15.74 22z"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const h = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ e("path", {
-            fill: l,
+            fill: a,
             d: "M17.183 5.83c2.325.207 4.658 1.627 4.658 5.039 0 3.756-2.84 5.095-5.271 5.095h-.41v1.37c-.148.266-.574.616-1.358.848-.795.241-1.84.37-2.955.37-1.12 0-2.168-.126-2.964-.37-.703-.207-1.218-.52-1.375-.84v-1.353l-.032.01a.3.3 0 0 1-.074.015l-.9.009c-2.103 0-4.347-1.115-4.347-4.247 0-2.45 1.375-3.468 2.448-3.885.196-5.445 5.412-5.728 6.474-5.728.818-.003 4.862.182 6.106 3.666m-.588 8.946c.966-.022 4.02-.297 4.02-3.91 0-3.387-2.734-3.838-3.905-3.869a.604.604 0 0 1-.575-.44c-.834-3.044-4.361-3.195-5.058-3.195-1.236 0-5.247.344-5.247 4.846v.112c0 .266-.18.504-.442.577-1.337.37-2.006 1.339-2.006 2.876 0 2.748 2.176 3.045 3.118 3.045l.893-.008h.009c.05 0 .072 0 .106.008.31.216.711.41 1.21.552.843.25 1.955.387 3.126.387s2.275-.138 3.118-.387c.482-.137.885-.328 1.196-.56zM7.55 10.614c.123.347.58.65 1.336.87.796.236 1.84.365 2.958.365 1.115 0 2.163-.132 2.958-.364.737-.219 1.19-.507 1.325-.843 0-.006.006-.011.006-.011-.098-.367-.547-.673-1.337-.905-.79-.233-1.84-.364-2.957-.364-1.115 0-2.169.131-2.964.364-.75.221-1.207.53-1.33.876l.005.007v.005m4.294 4.574c-1.115 0-2.162-.126-2.958-.359-.709-.21-1.221-.529-1.378-.848v-2.518c.291.226.692.42 1.21.568.849.25 1.958.387 3.126.387s2.277-.138 3.126-.387c.507-.148.902-.33 1.19-.557v2.501c-.142.269-.574.62-1.358.854-.793.233-1.843.359-2.958.359m3.126 3.54c-.843.25-1.952.387-3.126.387-1.168 0-2.28-.134-3.123-.39-.496-.148-.908-.341-1.21-.562v2.24c0 .446.46.81 1.364 1.076.804.233 1.854.364 2.964.364 1.111 0 2.162-.128 2.957-.364.905-.266 1.365-.63 1.365-1.075V18.16a3.7 3.7 0 0 1-1.19.569"
         })
     }));

package/dist-es/generated/mistica-icons/icon-data-cloud-light.js

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as a } from "react/jsx-runtime";
 import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
     var { color: r, size: l = 24 } = _param, c = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-data-cloud-regular.js

@@ -78,43 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: r, size: l = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: r, size: a = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
     const v = n(), e = r !== null && r !== void 0 ? r : v ? t.colors.inverse : t.colors.neutralHigh, { skinName: o } = i();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    return o.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
-        children: /* @__PURE__ */ a("path", {
+        children: /* @__PURE__ */ l("path", {
             fill: e,
             d: "M6.131 7.92c.802 0 1.538.427 1.932 1.115a.725.725 0 0 0 .998.27.75.75 0 0 0 .268-1.014 3.63 3.63 0 0 0-1.2-1.252c.553-2.08 2.437-3.56 4.594-3.56 2.133 0 4.022 1.455 4.59 3.532a.73.73 0 0 0 .9.516.74.74 0 0 0 .51-.91c-.74-2.716-3.206-4.617-6-4.617-2.766 0-5.195 1.863-5.968 4.503a3.4 3.4 0 0 0-.624-.061c-2.02 0-3.661 1.659-3.661 3.702s1.64 3.702 3.661 3.702a.736.736 0 0 0 .732-.74.736.736 0 0 0-.732-.739c-1.214 0-2.198-.995-2.198-2.223s.989-2.223 2.198-2.223m15.382 4.059q0-.022-.007-.043l-.002-.01a.7.7 0 0 0-.024-.137l-.028-.071a1 1 0 0 0-.037-.08l-.015-.03-.023-.032-.023-.034a1 1 0 0 0-.075-.085.4.4 0 0 0-.076-.06l-.008-.007q-.012-.013-.029-.023l-.026-.012-.026-.012-.011-.008a.1.1 0 0 0-.026-.015l-5.86-2.593a.74.74 0 0 0-.586 0L8.77 11.32q-.01.004-.019.012t-.019.011q-.011.006-.023.01l-.028.014q-.017.009-.028.021l-.02.017-.018.014q-.026.019-.047.043a1 1 0 0 0-.122.152 1 1 0 0 0-.062.132q-.011.024-.017.048c-.014.04-.019.085-.023.126v.007q0 .013-.006.028l-.004.028v6.315c0 .28.154.535.403.663l5.86 2.963a.5.5 0 0 0 .09.033l.027.01.02.007.008.002q.091.023.183.024a.8.8 0 0 0 .211-.033l.014-.005.009-.003.005-.002.017-.005a1 1 0 0 0 .072-.028l5.86-2.963a.74.74 0 0 0 .404-.663v-6.3c-.005-.005-.005-.005-.005-.01zm-6.592-1.764 4.135 1.83-4.135 2.086-4.134-2.09zm-.73 5.205v4.636l-4.398-2.223v-4.636zm5.86 2.418-4.398 2.218v-4.64l4.397-2.224z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
-        children: /* @__PURE__ */ a("path", {
+        children: /* @__PURE__ */ l("path", {
             fill: e,
             d: "M6.131 7.92c.802 0 1.538.427 1.932 1.115a.725.725 0 0 0 .998.27.75.75 0 0 0 .268-1.014 3.63 3.63 0 0 0-1.2-1.252c.553-2.08 2.437-3.56 4.594-3.56 2.133 0 4.022 1.455 4.59 3.532a.73.73 0 0 0 .9.516.74.74 0 0 0 .51-.91c-.74-2.716-3.206-4.617-6-4.617-2.766 0-5.195 1.863-5.968 4.503a3.4 3.4 0 0 0-.624-.061c-2.02 0-3.661 1.659-3.661 3.702s1.64 3.702 3.661 3.702a.736.736 0 0 0 .732-.74.736.736 0 0 0-.732-.739c-1.214 0-2.198-.995-2.198-2.223s.989-2.223 2.198-2.223m15.382 4.059q0-.022-.007-.043l-.002-.01a.7.7 0 0 0-.024-.137l-.028-.071a1 1 0 0 0-.037-.08l-.015-.03-.023-.032-.023-.034a1 1 0 0 0-.075-.085.4.4 0 0 0-.076-.06l-.008-.007q-.012-.013-.029-.023l-.026-.012-.026-.012-.011-.008a.1.1 0 0 0-.026-.015l-5.86-2.593a.74.74 0 0 0-.586 0L8.77 11.32q-.01.004-.019.012t-.019.011q-.011.006-.023.01l-.028.014q-.017.009-.028.021l-.02.017-.018.014q-.026.019-.047.043a1 1 0 0 0-.122.152 1 1 0 0 0-.062.132.623.623 0 0 0-.04.174v.007l-.006.028-.004.028v6.315c0 .28.154.535.403.663l5.86 2.963a.5.5 0 0 0 .09.033l.027.01.02.007.008.002q.091.023.183.024a.8.8 0 0 0 .211-.033l.014-.005.009-.003.005-.002.017-.005a1 1 0 0 0 .072-.028l5.86-2.963a.74.74 0 0 0 .404-.663v-6.3c-.005-.005-.005-.005-.005-.01zm-6.592-1.764 4.135 1.83-4.135 2.086-4.134-2.09zm-.73 5.205v4.636l-4.398-2.223v-4.636zm5.86 2.418-4.398 2.218v-4.64l4.397-2.224z"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
-        children: /* @__PURE__ */ a("path", {
+        children: /* @__PURE__ */ l("path", {
             fill: e,
             d: "M4.607 7.95c.199-5.512 5.411-5.795 6.476-5.795.82 0 4.854.18 6.103 3.706 2.325.218 4.65 1.647 4.65 5.106 0 3.801-2.84 5.146-5.271 5.146l-.163.008v3.622c0 .552-.302 1.306-1.784 1.75-.768.228-1.76.348-2.79.348-1.042 0-2.034-.12-2.793-.347-1.482-.445-1.792-1.199-1.792-1.75v-3.575h-.737c-2.104 0-4.356-1.129-4.356-4.289 0-2.479 1.384-3.51 2.457-3.93m11.798 3.435v3.518l.165-.009c.95 0 4.042-.283 4.042-3.93 0-3.436-2.725-3.882-3.896-3.915a.62.62 0 0 1-.583-.454c-.826-3.073-4.355-3.227-5.05-3.227-1.235 0-5.255.347-5.255 4.902l.008.106a.6.6 0 0 1-.442.583c-1.333.38-2.014 1.361-2.014 2.919 0 2.773 2.185 3.073 3.126 3.073h.737v-3.566c0-.138.016-.267.058-.39.174-.616.762-1.07 1.729-1.361 1.532-.454 4.07-.454 5.59 0 1.483.437 1.785 1.19 1.785 1.75m-4.577-.883c-.924 0-1.793.107-2.44.3-.456.132-.711.283-.835.417.115.12.376.283.844.42 1.294.39 3.577.39 4.87 0 .46-.137.712-.294.835-.414-.137-.154-.425-.3-.834-.431-.656-.185-1.524-.292-2.44-.292m3.347 3.527h-.003v-1.434a5 5 0 0 1-.557.21c-.762.227-1.75.347-2.79.347-1.042 0-2.033-.129-2.793-.347a4.4 4.4 0 0 1-.565-.219v1.46c.1.123.353.325.927.495 1.294.39 3.577.39 4.87 0 .542-.156.813-.375.911-.512m-.91 3.426c.54-.154.812-.373.91-.51v-1.451a4 4 0 0 1-.549.21c-.764.227-1.762.347-2.792.347-1.05 0-2.04-.12-2.793-.347a6 6 0 0 1-.574-.21v1.468c.092.12.353.322.927.493 1.294.389 3.577.389 4.87 0m.91 2.288h.003v-1.328a4 4 0 0 1-.549.21c-.765.227-1.762.348-2.793.348-1.05 0-2.039-.12-2.792-.348a6 6 0 0 1-.575-.21v1.328c0 .193.353.412.916.583 1.303.39 3.572.39 4.88 0 .566-.168.91-.39.91-.583"
         })

package/dist-es/generated/mistica-icons/icon-data-distribution-filled.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as e } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as e } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
@@ -98,5 +98,5 @@ const n = (_param)=>{
             d: "M8.063 3.294c.112.314.532.586 1.226.788.732.212 1.692.33 2.723.333 1.022 0 1.983-.118 2.714-.33.678-.197 1.093-.46 1.216-.763 0-.005.006-.01.006-.01-.093-.328-.502-.609-1.227-.819-.726-.213-1.692-.33-2.717-.33s-1.992.117-2.723.33c-.689.2-1.11.477-1.221.793.003.003.003.003.003.008M21.838 19.43l.003.176c-.014 1.034-.658 2.238-2.417 2.238-1.76 0-2.395-1.198-2.406-2.227v-.19c.022-.893.515-1.921 1.79-2.176v-1.252H5.18l.006 1.252c1.28.249 1.773 1.28 1.79 2.179l.003.18c-.02 1.033-.662 2.237-2.418 2.237-1.759 0-2.395-1.199-2.406-2.227 0-.061 0-.131.003-.19.022-.894.515-1.919 1.784-2.174l-.008-1.857a.58.58 0 0 1 .182-.426.63.63 0 0 1 .442-.176h6.79l-.007-.032q-.006-.02-.007-.041v-1.275c-.767-.039-1.482-.145-2.053-.308-.832-.243-1.255-.571-1.255-.974v-2.031c.277.201.658.375 1.11.51.778.226 1.798.35 2.87.35 1.079 0 2.099-.123 2.872-.35a3.4 3.4 0 0 0 1.095-.516v2.034c0 .403-.423.73-1.255.975-.591.17-1.336.277-2.137.313v1.27q-.001.023-.01.046l-.007.026h6.868c.345 0 .622.269.622.602v1.857c1.28.25 1.77 1.278 1.784 2.177M4.572 18.395c-.944 0-1.156.58-1.168 1.065l-.002.14v.002c.005.69.397 1.037 1.16 1.037.764 0 1.159-.356 1.17-1.053v-.135c-.011-.482-.218-1.056-1.16-1.056m16.023 1.196-.003-.14c-.008-.473-.213-1.036-1.12-1.053l-.021.004q-.012.004-.021.004-.011 0-.02-.004l-.02-.004c-.907.02-1.117.583-1.129 1.062v.142c.009.692.401 1.043 1.163 1.043.767 0 1.162-.353 1.17-1.054M9.289 7.11c-.65-.19-1.12-.48-1.263-.768V4.06c.266.207.636.384 1.11.516.778.226 1.798.35 2.87.35s2.09-.124 2.872-.35c.462-.135.826-.3 1.095-.505v2.266c-.135.244-.53.563-1.25.774-.725.212-1.691.324-2.714.324-1.028 0-1.989-.112-2.72-.324M8.026 9.38c.143.294.614.577 1.263.768.732.213 1.692.33 2.72.33 1.023 0 1.99-.117 2.715-.33.72-.213 1.114-.532 1.249-.773V7.087c-.286.21-.658.387-1.095.51-.773.227-1.796.35-2.871.35-1.073 0-2.093-.123-2.872-.35-.45-.129-.826-.303-1.109-.504z"
         })
     }));
-}, m = n;
-export { m as default };
+}, d = n;
+export { d as default };

package/dist-es/generated/mistica-icons/icon-data-distribution-light.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as t } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
     var { color: r, size: c = 24 } = _param, i = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-data-distribution-regular.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 const e = (_param)=>{
     var { color: o, size: c = 24 } = _param, t = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-data-filled.js

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
-    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = l(), i = t !== null && t !== void 0 ? t : s ? c.colors.inverse : c.colors.neutralHigh;
+    const s = l(), i = e !== null && e !== void 0 ? e : s ? c.colors.inverse : c.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ r("path", {
             fill: i,
             d: "M5.09 4.125c.197.549.94 1.022 2.155 1.373 1.283.366 2.97.574 4.765.571 1.798 0 3.484-.207 4.767-.574 1.19-.342 1.919-.799 2.135-1.328 0-.008.01-.017.01-.017-.159-.574-.879-1.059-2.153-1.426S13.799 2.15 12 2.15s-3.493.207-4.776.574c-1.207.35-1.946.835-2.142 1.381q.007.01.007.013zm13.88 1.356c-.467.358-1.103.647-1.918.88-1.367.391-3.157.607-5.04.61-1.88 0-3.669-.216-5.036-.61-.835-.233-1.482-.539-1.95-.897v3.975c.253.501 1.076 1.002 2.219 1.336 1.286.37 2.97.566 4.767.566 1.799 0 3.493-.2 4.768-.566 1.263-.37 1.955-.925 2.19-1.348zm-6.958 6.753c1.891 0 3.681-.216 5.04-.61.767-.216 1.423-.521 1.918-.888v3.983c-.235.423-.927.977-2.19 1.344-1.275.367-2.97.575-4.768.575s-3.484-.208-4.767-.575c-1.143-.33-1.966-.826-2.219-1.336v-3.98c.5.35 1.152.655 1.95.88 1.367.391 3.154.607 5.036.607m5.04 4.69c-1.359.394-3.149.61-5.04.61-1.882 0-3.669-.216-5.039-.61-.798-.236-1.462-.539-1.95-.889v3.532c0 .7.743 1.272 2.202 1.695 1.294.367 2.99.574 4.776.574 1.79 0 3.485-.204 4.768-.574 1.462-.42 2.201-.994 2.201-1.695v-3.54c-.495.367-1.15.68-1.918.896"

package/dist-es/generated/mistica-icons/icon-data-light.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as s } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+const a = (_param)=>{
+    var { color: s, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), i = r !== null && r !== void 0 ? r : e ? s.colors.inverse : s.colors.neutralHigh;
+    const e = n(), i = s !== null && s !== void 0 ? s : e ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -98,5 +98,5 @@ const v = (_param)=>{
             d: "M16.463 2.566C15.253 2.211 13.671 2 12.006 2c-1.677 0-3.26.208-4.46.566-1.41.427-2.24 1.062-2.479 1.888q-.065.24-.067.492v14.108c0 1.067.855 1.87 2.545 2.38 1.21.367 2.793.566 4.46.566 1.657 0 3.243-.2 4.458-.567 1.685-.517 2.537-1.312 2.537-2.38V4.95c0-1.07-.852-1.862-2.537-2.383M18.17 9.61c-.208.393-.818.91-1.94 1.252-1.128.342-2.627.527-4.219.527s-3.082-.182-4.218-.524c-1.01-.31-1.741-.777-1.963-1.244v-3.7c.413.333.987.617 1.724.837 1.209.367 2.795.566 4.46.566s3.251-.2 4.46-.566c.723-.217 1.286-.484 1.7-.82v3.672zm-1.94 6.183c-1.128.341-2.627.535-4.219.535s-3.082-.19-4.218-.535c-1.01-.308-1.741-.769-1.963-1.244v-3.71c.438.325 1.02.61 1.724.82 1.209.368 2.795.57 4.46.57 1.676 0 3.257-.202 4.46-.57.681-.199 1.26-.483 1.7-.825v3.706h-.004c-.208.393-.818.911-1.94 1.253m1.94 3.265c0 .652-.655 1.184-1.949 1.58-1.136.341-2.635.532-4.218.532s-3.083-.19-4.227-.532c-1.294-.393-1.95-.928-1.95-1.58v-3.291c.431.324 1.022.61 1.725.825 1.21.368 2.795.57 4.46.57 1.676 0 3.257-.2 4.46-.57.681-.199 1.26-.492 1.7-.834zm-6.167-16.22c1.589 0 3.09.19 4.218.532s1.767.792 1.907 1.33c0 0-.008.008-.008.017-.192.492-.835.92-1.89 1.235-1.136.342-2.627.535-4.219.535s-3.082-.19-4.218-.535c-1.077-.327-1.733-.769-1.907-1.278v-.008l-.009-.01c.175-.509.83-.958 1.899-1.286 1.136-.341 2.638-.532 4.227-.532"
         })
     }));
-}, m = v;
+}, m = a;
 export { m as default };

package/dist-es/generated/mistica-icons/icon-data-network-filled.js

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
-    var { color: l, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), a = l !== null && l !== void 0 ? l : e ? r.colors.inverse : r.colors.neutralHigh;
+    const t = s(), a = e !== null && e !== void 0 ? e : t ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, l), {
         children: /* @__PURE__ */ o("path", {
             fill: a,
             d: "M21.437 7.894c.263.977.409 2.07.409 3.288 0 5.9-3.196 9.023-9.26 9.023-.894 0-1.734-.073-2.51-.207l-.007-.004-.005-.003q-.014-.01-.03-.01v.596c0 .39-.418.712-1.241.944-.723.208-1.684.325-2.695.325-1.003 0-1.963-.117-2.695-.325-.823-.232-1.24-.554-1.24-.944v-1.972c.28.19.655.364 1.106.49.765.225 1.776.34 2.84.34 1.07 0 2.076-.118 2.85-.34a3.3 3.3 0 0 0 1.078-.495v.596a.5.5 0 0 1 .196-.017c.593.11 1.249.16 1.938.183v-4.076h-2.126a.42.42 0 0 1-.263-.098c-.213.174-.527.347-.978.479-.723.199-1.683.316-2.695.316-1.01 0-1.963-.117-2.686-.316-.647-.19-1.115-.47-1.258-.753v-2.222c.264.207.63.373 1.107.504.765.225 1.776.342 2.84.342 1.062 0 2.076-.115 2.849-.342.46-.131.815-.288 1.078-.487v1.748h2.135v-6.03h-3.93c-.18.811-.28 1.671-.289 2.568l.012.002c.296.05.577.097.831.171.715.208 1.124.474 1.216.796l-.008.008c-.12.297-.527.555-1.2.745-.73.208-1.683.322-2.694.322s-1.963-.114-2.686-.322c-.69-.199-1.107-.462-1.216-.77l-.008-.008c.11-.292.501-.555 1.14-.745v-.009c0-1.218.146-2.31.417-3.288q.006-.014.009-.03a.1.1 0 0 1 .008-.03c1.053-3.719 4.048-5.674 8.818-5.674 4.787 0 7.781 1.955 8.835 5.675l.002.02q0 .019.006.036m-9.266-.297-.008-4.566c-1.583.28-2.995 2.104-3.71 4.566zm4.317 0c-.648-2.496-1.939-4.283-3.48-4.566l.009 4.566zm4.075 6.86c.289-.953.434-2.04.434-3.272 0-1.011-.092-1.93-.288-2.759h-3.154c.154.863.238 1.782.238 2.742a15.7 15.7 0 0 1-.348 3.292h3.118zm-5.51 4.697c2.558-.482 4.303-1.773 5.205-3.868H17.23c-.476 1.656-1.235 3.006-2.177 3.868m1.292-3.868H13.02v4.05c1.42-.266 2.636-1.831 3.325-4.05m.33-6.863h-3.658v6.034h3.555c.232-1.014.366-2.123.366-3.291 0-.961-.092-1.888-.263-2.743m3.784-.826c-.834-2.403-2.644-3.86-5.4-4.384 1.036.953 1.854 2.493 2.314 4.384zm-12.907 0c.493-1.863 1.353-3.398 2.44-4.359-2.687.538-4.448 1.998-5.272 4.359zm-.196.83H4.482c-.188.77-.28 1.63-.289 2.576.58-.1 1.224-.157 1.905-.157.347-.003.678.014 1.003.048.017-.863.1-1.69.255-2.468m-5.193 9.442c.142.285.607.56 1.252.747.725.208 1.675.323 2.697.32 1.014 0 1.972-.115 2.692-.32.712-.207 1.104-.518 1.235-.753v-2.224c-.28.204-.65.375-1.084.496-.767.221-1.778.341-2.846.341-1.064 0-2.072-.123-2.846-.341-.45-.126-.82-.294-1.1-.49z"