@telefonica/mistica 15.20.1 → 16.0.0

package/dist-es/generated/mistica-icons/icon-shower-filled.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 l } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+const l = (_param)=>{
     var { color: a, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = l(), t = a !== null && a !== void 0 ? a : s ? r.colors.inverse : r.colors.neutralHigh;
+    const s = i(), t = a !== null && a !== void 0 ? a : s ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -98,5 +98,5 @@ const i = (_param)=>{
             d: "M20.79 11.296c.62.238 1.059.829 1.059 1.524 0 .476-.207.899-.549 1.201a.03.03 0 0 0-.008.02l.005 2.54c0 2.381-2.372 4.286-4.711 4.678-.177.34-.527.58-.939.58a1.05 1.05 0 0 1-.874-.49c-.002-.008-.014-.011-.022-.011H9.194q-.018 0-.026.011c-.187.289-.501.49-.874.49-.414 0-.767-.243-.94-.588-2.323-.412-4.659-2.305-4.659-4.67v-2.546a.03.03 0 0 0-.008-.02 1.62 1.62 0 0 1-.496-1.523c.157-.782.91-1.305 1.711-1.305h.045V5.299c0-1.521 1.07-2.92 2.591-3.12A2.99 2.99 0 0 1 9.855 4.5a.03.03 0 0 0 .02.02c.882.25 1.534 1.048 1.534 2v.227a.85.85 0 0 1-.854.846H8.048a.85.85 0 0 1-.854-.846V6.52c0-.894.574-1.653 1.372-1.95a.03.03 0 0 0 .02-.039 1.753 1.753 0 0 0-2.132-1.084c-.767.213-1.26.964-1.26 1.754v5.952c0 .017.014.03.03.03h6.594a.03.03 0 0 0 .028-.027c.042-.569.294-.919.518-1.11.303-.257.667-.358.97-.392.145-.386.383-.621.585-.764.457-.317.997-.345 1.342-.314.563-.454 1.103-.518 1.462-.49.703.059 1.235.493 1.527.798a.03.03 0 0 0 .02.008c.716-.02 1.319.183 1.77.589.753.68.764 1.655.761 1.764q0 .015-.006.03zM8.451 6.366h1.706a.87.87 0 0 0-1.706 0m5.283 4.51c-.117-.02-.426-.011-.563.106-.02.017-.07.067-.092.199h6.476c-.011-.14-.067-.543-.359-.801q-.37-.325-1.148-.247a.61.61 0 0 1-.571-.257c-.104-.146-.471-.538-.86-.569-.082-.011-.342-.025-.715.347a.63.63 0 0 1-.59.166c-.11-.023-.477-.068-.679.075-.039.028-.156.112-.187.432a.62.62 0 0 1-.238.425.6.6 0 0 1-.474.124m6.465 1.327H3.813c-.224 0-.538.264-.538.589s.314.588.538.588h16.386c.224 0 .569-.263.569-.588s-.345-.589-.569-.589"
         })
     }));
-}, m = i;
+}, m = l;
 export { m as default };

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

@@ -79,24 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
-    var { color: a, size: c = 24 } = _param, t = _object_without_properties(_param, [
+const h = (_param)=>{
+    var { color: a, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = h(), s = a !== null && a !== void 0 ? a : e ? r.colors.inverse : r.colors.neutralHigh;
+    const t = i(), s = a !== null && a !== void 0 ? a : 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), {
+    }, e), {
         children: /* @__PURE__ */ o("path", {
             fill: s,
             d: "M20.583 11.408c.703.068 1.255.65 1.255 1.365 0 .532-.309.988-.748 1.207l.002 2.8c0 2.32-2.358 4.16-4.644 4.497a.86.86 0 0 1-.801.563.86.86 0 0 1-.779-.505H9.022a.848.848 0 0 1-1.58-.073c-2.254-.372-4.546-2.195-4.546-4.478v-2.745q0-.015.006-.03l.006-.02a1.37 1.37 0 0 1-.757-1.222c0-.762.622-1.378 1.39-1.378h.607V5.025c0-1.583 1.297-2.869 2.894-2.869A2.895 2.895 0 0 1 9.888 4.58c.846.168 1.482.91 1.482 1.796v.199a.656.656 0 0 1-.659.652H8.337a.66.66 0 0 1-.658-.652v-.2c0-.848.588-1.56 1.38-1.764a2.07 2.07 0 0 0-2.016-1.63c-1.14 0-2.067.921-2.067 2.05v6.364h7.762c.033-.467.238-.756.417-.91.283-.238.63-.314.896-.33.118-.37.33-.589.51-.715.406-.286.897-.286 1.182-.255.398-.339.824-.496 1.272-.45.627.053 1.11.481 1.342.736.658-.03 1.19.14 1.585.496.563.51.633 1.24.642 1.442m-12.079-5v-.03c0-.558.457-1.012 1.02-1.012s1.02.454 1.02 1.012zm5.824 4.569c-.107-.017-.454-.022-.633.132-.031.025-.107.1-.13.285h6.191c-.014-.145-.073-.554-.375-.826-.258-.227-.65-.314-1.163-.263a.41.41 0 0 1-.38-.171c-.11-.149-.482-.546-.894-.58-.246-.022-.507.095-.77.359a.42.42 0 0 1-.395.109c-.126-.031-.51-.076-.74.09q-.202.141-.235.5a.41.41 0 0 1-.16.284.42.42 0 0 1-.316.081M3.54 12.215a.56.56 0 0 0-.563.558c0 .308.252.56.563.56h16.904c.311 0 .563-.255.563-.56a.56.56 0 0 0-.563-.558zm12.767 8.26c1.916-.271 3.955-1.812 3.96-3.683l-.002-2.639H3.728v2.64c0 1.842 1.978 3.366 3.869 3.671a.84.84 0 0 1 .65-.316c.29 0 .534.154.691.375h6.017a.84.84 0 0 1 .692-.375c.272 0 .504.131.661.328"
         })
     }));
-}, m = i;
+}, m = h;
 export { m as default };

package/dist-es/generated/mistica-icons/icon-shower-regular.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 l } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: a, size: r = 24 } = _param, e = _object_without_properties(_param, [

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as a } from "react/jsx-runtime";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: e, size: l = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = t(), i = e !== null && e !== void 0 ? e : c ? r.colors.inverse : r.colors.neutralHigh;
+    const i = t(), c = e !== null && e !== void 0 ? e : i ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -94,7 +94,7 @@ const s = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ a("path", {
-            fill: i,
+            fill: c,
             d: "M21.215 15.891A10 10 0 0 0 22 12a9.972 9.972 0 0 0-2.932-7.07A9.97 9.97 0 0 0 11.996 2a9.9 9.9 0 0 0-3.892.785 9.9 9.9 0 0 0-3.177 2.142A9.967 9.967 0 0 0 2 11.999a9.972 9.972 0 0 0 2.93 7.072A9.97 9.97 0 0 0 12 22c1.35 0 2.66-.265 3.893-.788a9.9 9.9 0 0 0 3.179-2.142 10 10 0 0 0 2.142-3.179m-2.59.296-2.849 1.71a.725.725 0 0 1-.747 0 .78.78 0 0 1-.37-.668v-1.237a5.2 5.2 0 0 1-1.187-.441 5.35 5.35 0 0 1-1.857-1.619l-.775-1.078-1.137 1.582a5.35 5.35 0 0 1-1.857 1.619 5.1 5.1 0 0 1-2.356.581.5.5 0 0 1-.49-.509.5.5 0 0 1 .49-.509c1.342 0 2.624-.67 3.429-1.79l1.314-1.83-1.314-1.832c-.805-1.122-2.085-1.79-3.43-1.79A.5.5 0 0 1 5 7.867a.5.5 0 0 1 .49-.509c.815 0 1.63.2 2.356.582.728.38 1.37.94 1.857 1.618l1.14 1.59.775-1.08a5.36 5.36 0 0 1 1.857-1.619 5.2 5.2 0 0 1 1.187-.444V6.77a.78.78 0 0 1 .37-.667.73.73 0 0 1 .744-.003l2.85 1.71c.23.137.371.394.371.67a.78.78 0 0 1-.374.67l-2.85 1.709a.724.724 0 0 1-.747 0 .78.78 0 0 1-.37-.668V9.059a4.3 4.3 0 0 0-2.259 1.619L11.447 12l.95 1.322a4.3 4.3 0 0 0 2.26 1.618v-1.13a.78.78 0 0 1 .37-.667.73.73 0 0 1 .744-.003l2.85 1.71c.237.134.379.392.379.667a.78.78 0 0 1-.375.67"
         })
     }));

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

@@ -78,31 +78,31 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
+const n = (_param)=>{
     var { color: e, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = n(), l = e !== null && e !== void 0 ? e : s ? o.colors.inverse : o.colors.neutralHigh;
-    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    const i = a(), r = e !== null && e !== void 0 ? e : i ? o.colors.inverse : o.colors.neutralHigh;
+    return /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ r("path", {
-                fill: l,
+            /* @__PURE__ */ l("path", {
+                fill: r,
                 d: "M21.212 8.107a9.9 9.9 0 0 0-2.144-3.177A9.96 9.96 0 0 0 12 2a9.96 9.96 0 0 0-7.07 2.93A9.98 9.98 0 0 0 2 12a9.96 9.96 0 0 0 2.93 7.07A9.963 9.963 0 0 0 12 22a9.9 9.9 0 0 0 3.89-.786 9.95 9.95 0 0 0 3.18-2.144A9.98 9.98 0 0 0 22 12a10 10 0 0 0-.788-3.893m-9.215 13.398c-5.24 0-9.505-4.264-9.505-9.505 0-5.24 4.265-9.505 9.505-9.505S21.503 6.759 21.503 12c0 5.24-4.265 9.505-9.506 9.505"
             }),
-            /* @__PURE__ */ r("path", {
-                fill: l,
+            /* @__PURE__ */ l("path", {
+                fill: r,
                 d: "m18.865 16.094-3.007 1.867c-.18.11-.404-.028-.404-.25v-1.537c-1.39-.207-2.67-1.01-3.52-2.236l-1.029-1.484-1.414 2.04c-.992 1.433-2.578 2.29-4.238 2.29-.14 0-.253-.122-.253-.273 0-.15.113-.272.253-.272 1.502 0 2.934-.775 3.831-2.068L10.588 12 9.084 9.83c-.897-1.297-2.33-2.069-3.83-2.069-.14 0-.254-.122-.254-.272s.113-.273.253-.273c.818 0 1.639.21 2.37.605.73.394 1.377.979 1.868 1.682l1.414 2.04 1.029-1.484c.85-1.225 2.13-2.028 3.52-2.235V6.289c0-.222.224-.36.403-.25l3.008 1.867c.18.11.18.388 0 .5l-3.007 1.866c-.18.11-.404-.028-.404-.25V8.374c-1.23.204-2.362.922-3.114 2.012L11.222 12l1.118 1.614c.755 1.087 1.884 1.808 3.114 2.01v-1.646c0-.222.224-.36.403-.25l3.008 1.867c.18.11.18.389 0 .5"
             })
         ]
     }));
-}, v = a;
+}, v = n;
 export { v as default };

package/dist-es/generated/mistica-icons/icon-shuffle-circle-regular.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as t, 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 e } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: o, size: a = 24 } = _param, c = _object_without_properties(_param, [

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

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

@@ -79,15 +79,15 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as a } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useTheme as i } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const h = (_param)=>{
-    var { color: r, size: c = 24 } = _param, v = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = i(), e = r !== null && r !== void 0 ? r : l ? o.colors.inverse : o.colors.neutralHigh, { skinName: t } = n();
+    const l = n(), e = o !== null && o !== void 0 ? o : l ? r.colors.inverse : r.colors.neutralHigh, { skinName: t } = i();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -109,5 +109,5 @@ const h = (_param)=>{
             d: "M8.354 12.23c-.065.389-.268.692-.59.878-.275.16-.603.214-.921.214a4 4 0 0 1-1.236-.218.444.444 0 1 1 .297-.839c.314.11 1.075.275 1.407.075.064-.04.132-.096.16-.26.018-.1.068-.404-.878-.686-1.382-.415-1.393-1.232-1.275-1.682a1.2 1.2 0 0 1 .614-.79c.718-.378 1.732-.032 1.847.007.232.083.353.34.267.572a.444.444 0 0 1-.571.268c-.243-.086-.84-.215-1.129-.057-.06.032-.128.085-.164.225-.032.121-.096.371.668.6 1.407.425 1.596 1.153 1.504 1.692m2.028-2.318c-.193 0-.375.039-.54.103v-.832a.446.446 0 0 0-.892 0v3.621a.446.446 0 1 0 .893 0v-1.521c.007-.268.246-.482.54-.482.3 0 .542.221.542.493v1.532a.446.446 0 1 0 .893 0v-1.532c0-.761-.647-1.382-1.436-1.382m3.51 0c-.192 0-.374.039-.538.103v-.832a.447.447 0 0 0-.893 0v3.621a.446.446 0 1 0 .893 0v-1.521c.007-.268.246-.482.539-.482.3 0 .543.221.543.493v1.532a.446.446 0 1 0 .893 0v-1.532c-.004-.761-.647-1.382-1.436-1.382m3.569 0c-.193 0-.375.039-.54.103v-.832a.446.446 0 1 0-.892 0v3.621a.446.446 0 1 0 .892 0v-1.521c.008-.268.247-.482.54-.482.3 0 .543.221.543.493v1.532a.446.446 0 1 0 .892 0v-1.532c0-.761-.642-1.382-1.435-1.382M6.546 20.876l2.518-2.5h9.029c2.153 0 3.907-1.722 3.907-3.836V8.47c0-2.118-1.754-3.843-3.907-3.843H5.95C3.771 4.626 2 6.35 2 8.469v6.071c0 1.986 1.507 3.568 3.5 3.757l-.018 2.132a.63.63 0 0 0 .625.633.65.65 0 0 0 .44-.186m-.417-3.81h-.222c-1.49 0-2.653-1.112-2.653-2.526V8.47c0-1.429 1.21-2.593 2.7-2.593h12.142c1.465 0 2.658 1.164 2.658 2.593v6.071c0 1.425-1.193 2.586-2.658 2.586H8.811a.61.61 0 0 0-.44.182l-1.621 1.61.01-1.22a.63.63 0 0 0-.631-.633"
         })
     }));
-}, u = h;
-export { u as default };
+}, d = h;
+export { d as default };

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

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

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

@@ -79,24 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as a } 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: c = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = a(), s = 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__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ r("path", {
-            fill: s,
+            fill: a,
             d: "M13.776 2.948c-.156.128-.097.448-.063.584.113.464.34.96.674 1.465.278.42.493.676.876 1.06.063.064.122.116.164.148q.053-.039.112-.092l.036-.032.004-.004.03-.028c.379-.38.585-.636.863-1.052.337-.505.565-1 .678-1.465.034-.132.089-.456-.063-.584a.55.55 0 0 0-.307-.1h-.038c-.16 0-.333.044-.497.136-.106.056-.211.112-.329.18l-.206.12-.279.008c-.168 0-.328-.044-.471-.12q-.106-.059-.194-.11l-.143-.082a1.07 1.07 0 0 0-.497-.132c-.17.004-.283.044-.35.1m-.127 2.505c-.387-.584-.657-1.165-.792-1.725-.151-.608-.025-1.116.35-1.424.215-.18.514-.288.83-.3q.039-.005.084-.004c.308 0 .624.084.919.24q.094.05.195.106.074.042.154.086.02.007.038.008.02-.001.038-.008c.118-.072.232-.132.346-.192.295-.16.61-.24.922-.24q.04-.001.085.004c.32.016.615.124.83.3.37.312.492.816.345 1.424-.139.556-.404 1.14-.796 1.725a6.8 6.8 0 0 1-.973 1.18l-.004.004a1.053 1.053 0 0 1-.654.424 1 1 0 0 1-.11.016h-.088l-.026-.002a.893.893 0 0 1-.424-.166 3 3 0 0 1-.308-.264 8 8 0 0 1-.96-1.192M8.704 7.865q-.525.494-.526 1.552c0 .705.177 1.229.522 1.549q.507.468 1.563.468c.7 0 1.23-.156 1.567-.472.35-.324.527-.844.527-1.549 0-.704-.177-1.228-.527-1.552-.337-.316-.863-.476-1.567-.476-.7.004-1.226.164-1.559.48m1.56 4.425c-.936 0-1.67-.236-2.17-.708-.527-.488-.793-1.216-.793-2.16s.266-1.673.792-2.165c.506-.472 1.235-.716 2.17-.716q1.412.001 2.178.716c.527.492.797 1.22.797 2.164s-.266 1.673-.797 2.161c-.51.472-1.243.708-2.178.708m6.104.404c.164-.152.248-.424.248-.8q-.001-.57-.248-.804c-.16-.152-.438-.228-.818-.228-.374 0-.648.076-.808.228-.165.156-.249.428-.249.804q0 .565.249.8c.16.152.434.228.813.228.375 0 .649-.08.813-.228m-.818-2.684q.925 0 1.425.468c.35.32.522.8.522 1.416s-.173 1.092-.522 1.416q-.501.463-1.424.464c-.611 0-1.088-.156-1.42-.464-.341-.32-.514-.796-.514-1.416s.173-1.096.514-1.416c.328-.312.809-.468 1.42-.468M17.55 14.795c.35.107.662.28.894.532.367.392.556.94.556 1.584v4.737a.344.344 0 0 1-.337.352h.003H5.337A.344.344 0 0 1 5 21.648v-4.673c0-.98.295-1.82.847-2.42.607-.657 1.508-1.009 2.603-1.009h3.615c1.1 0 2.002.348 2.608 1.005.034.035.06.08.089.116h1.533c.678 0 1.12.085 1.256.127m.57 2.116c0-.28-.055-.672-.312-.952-.287-.312-.742-.376-1.075-.376h-2.367q-.009 0-.018.002l-.025.002c-.328.004-.754.072-1.032.372-.257.28-.312.672-.312.952v4.197h5.132v-.024l.008.004zm-5.452-1.584a2 2 0 0 1 .863-.528c-.396-.216-.884-.34-1.457-.34h-3.62c-.855 0-1.533.252-1.971.724-.396.428-.602 1.052-.602 1.788v4.113h6.23V16.91c0-.64.194-1.188.557-1.584"
         })
     }));
-}, q = i;
+}, q = s;
 export { q as default };

package/dist-es/generated/mistica-icons/icon-singleparent-family-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 n } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const t = (_param)=>{
-    var { color: e, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: l, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), s = e !== null && e !== void 0 ? e : a ? l.colors.inverse : l.colors.neutralHigh;
+    const o = n(), s = l !== null && l !== void 0 ? l : o ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ r("path", {
             fill: s,
             d: "M16.696 3.418c.131.1.08.352.055.46q-.142.552-.55 1.152a5 5 0 0 1-.714.835c-.017.02-.08.08-.135.124-.046-.034-.09-.077-.116-.105l-.02-.019a4.8 4.8 0 0 1-.71-.831 3.7 3.7 0 0 1-.553-1.152c-.025-.104-.076-.36.055-.46a.44.44 0 0 1 .245-.08.84.84 0 0 1 .44.104c.08.04.155.082.237.128l.029.016.169.092.41.008.194-.092.079-.042c.08-.044.144-.08.209-.11a.9.9 0 0 1 .406-.104h.034a.45.45 0 0 1 .236.076m.702 2.34q.54-.793.744-1.568c.182-.724-.004-1.375-.512-1.787a1.95 1.95 0 0 0-1.111-.4 2.36 2.36 0 0 0-1.171.256 2.37 2.37 0 0 0-1.175-.256c-.415.02-.808.164-1.108.4-.511.408-.693 1.063-.511 1.787.13.516.38 1.04.74 1.568.274.4.507.671.883 1.035.06.056.216.204.355.296.165.112.355.188.55.228l.266.028.287-.032c.178-.036.368-.112.529-.224.14-.092.3-.244.346-.288.376-.364.609-.64.888-1.043m-5.85 3.078c.258.236.389.644.389 1.212s-.131.976-.39 1.208c-.249.224-.676.34-1.263.34-.588 0-1.015-.116-1.268-.344-.258-.232-.393-.64-.393-1.208s.13-.976.393-1.212c.253-.231.68-.347 1.268-.347.583.004 1.01.12 1.264.351m.917 3.315c.528-.48.795-1.187.795-2.103 0-.92-.267-1.627-.79-2.107-.508-.46-1.24-.696-2.182-.696-.938 0-1.674.232-2.181.696-.528.48-.799 1.187-.799 2.107 0 .916.266 1.624.799 2.103.507.46 1.243.692 2.181.692s1.674-.236 2.177-.692m2.57.784c-.055-.052-.114-.204-.114-.48 0-.28.06-.432.118-.484.06-.056.224-.108.512-.108.287 0 .452.056.507.104.06.052.118.204.118.484s-.059.428-.114.48-.22.104-.507.104c-.296.004-.465-.052-.52-.1m.516-2.311c-.613 0-1.095.152-1.43.456-.346.312-.523.775-.523 1.375q.002.901.524 1.376c.334.3.816.452 1.429.452q.921-.001 1.424-.452c.347-.312.516-.776.516-1.376q0-.906-.516-1.375-.503-.456-1.424-.456M18.446 15.946a2 2 0 0 0-.321-.248s-.592-.348-1.784-.348h-1.539c-.03-.036-.054-.076-.084-.104-.609-.596-1.513-.911-2.612-.911H8.479c-1.103 0-2.008.315-2.617.911C5.3 15.794 5 16.554 5 17.442v4.238c0 .176.16.313.347.313l6.91.007 6.405-.007c.19 0 .338-.14.338-.32v-4.295c.004-.576-.186-1.076-.554-1.432M6.315 17.442c0-.392.088-.944.49-1.336.444-.44 1.154-.532 1.665-.532h3.627c.267 0 .58.028.884.112-.119.076-.237.16-.338.26-.368.36-.559.856-.559 1.435v3.375l-5.77.004zm7.097-.06c0-.176.034-.42.194-.576.098-.1.28-.152.486-.184.09-.016.174-.036.275-.036h2.371c.119 0 .212.02.309.036.194.036.355.084.448.176.157.152.19.4.19.576v3.398h-4.269l-.004-.012z"

package/dist-es/generated/mistica-icons/icon-skull-filled.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 i } from "../../theme-variant-context.js";
-import { vars as c } 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: l = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: c, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = i(), s = r !== null && r !== void 0 ? r : t ? c.colors.inverse : c.colors.neutralHigh;
+    const t = s(), i = c !== null && c !== void 0 ? c : t ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -94,7 +94,7 @@ const n = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ o("path", {
-            fill: s,
+            fill: i,
             d: "M11.525 2.16c.28 0 .588 0 .86.011 1.762.037 8.641.734 8.641 8.958 0 4.137-1.733 6.364-3.68 7.558v.652c0 .824-.233 1.462-.703 1.883-.454.411-1.11.621-1.956.621H9.352c-.848 0-1.512-.21-1.966-.621-.482-.418-.723-1.06-.723-1.88v-.647c-1.946-1.185-3.68-3.429-3.68-7.613 0-8.292 6.734-8.914 8.543-8.922m-3.3 11.95c1.33-.026 2.883-.818 2.883-2.967q0-.248-.026-.468c-.21-1.81-1.616-2.487-2.862-2.515-.073-.003-.163-.006-.244-.003-1.21.011-2.686.698-2.854 2.591q-.017.18-.017.378c0 2.174 1.555 2.967 2.888 2.986h.098l.067-.001zm7.796 0c1.328-.026 2.882-.818 2.877-2.967q0-.248-.026-.468c-.207-1.81-1.613-2.487-2.86-2.515-.075-.003-.17-.003-.243-.003-1.213.011-2.687.698-2.855 2.591q-.016.18-.016.378c0 2.174 1.554 2.967 2.888 2.986h.1l.068-.001zm-2.465 2.66a.64.64 0 0 0 .344-.845l-.36-.857a.656.656 0 0 0-.855-.345.644.644 0 0 0-.348.846l.364.857c.143.33.524.485.855.345m-2.219-.347.364-.854a.646.646 0 0 0-.35-.849.66.66 0 0 0-.854.345l-.364.857v.003c-.135.33.02.706.35.843a.65.65 0 0 0 .854-.345"
         })
     }));

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
     var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = a(), e = r !== null && r !== void 0 ? r : s ? o.colors.inverse : o.colors.neutralHigh;
+    const e = a(), s = r !== null && r !== void 0 ? r : e ? o.colors.inverse : o.colors.neutralHigh;
     return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,7 +94,7 @@ const i = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ l("path", {
-            fill: e,
+            fill: s,
             d: "M21.021 11.125c0-8.226-6.88-8.924-8.644-8.96-.269-.009-.58-.009-.857-.009-1.812.009-8.546.63-8.546 8.922 0 4.185 1.734 6.428 3.678 7.61v.648c0 .823.24 1.462.722 1.882.454.412 1.118.622 1.967.622h5.341c.846 0 1.502-.21 1.956-.622.473-.418.703-1.059.703-1.88v-.655c1.947-1.193 3.68-3.42 3.68-7.558m-4.14 6.827s-.411.252-.414.246v1.137c0 .578-.137.995-.42 1.247-.286.26-.748.395-1.367.395H9.344c-.432 0-1.02-.067-1.393-.406-.285-.247-.428-.661-.428-1.233V18.21l-.415-.252c-2.168-1.319-3.266-3.633-3.266-6.88 0-3.215 1.073-5.515 3.188-6.834 1.748-1.09 3.722-1.218 4.493-1.221h.028c.26 0 .546 0 .806.008 1.83.04 7.793.74 7.793 8.098 0 3.196-1.1 5.493-3.269 6.824m-6.355-6.941q0-.244-.026-.463c-.201-1.747-1.563-2.4-2.773-2.428l-.249-.003c-1.227.011-2.597.675-2.76 2.504q-.015.179-.016.376c0 2.1 1.443 2.874 2.793 2.893h.24c1.29-.022 2.79-.79 2.79-2.88m-.869.002c0 1.79-1.353 2.006-1.933 2.017l-.21.003c-.582-.008-1.935-.227-1.935-2.034q0-.16.011-.3c.137-1.534 1.375-1.71 1.902-1.716l.218.002c.524.012 1.76.2 1.928 1.664.014.112.02.236.02.364m6.787 2.017-.215.003c-.583-.008-1.936-.227-1.936-2.034q.001-.16.014-.3c.134-1.534 1.375-1.71 1.9-1.716h.002l.218.002c.524.012 1.76.2 1.928 1.661q.021.173.022.367c0 1.79-1.356 2.006-1.933 2.017m2.802-2.02c0-.162-.009-.313-.026-.462-.201-1.747-1.563-2.4-2.773-2.428l-.25-.003c-1.226.011-2.596.672-2.758 2.504q-.017.179-.017.376c0 2.1 1.442 2.874 2.793 2.893h.24c1.29-.022 2.79-.79 2.79-2.88m-7.9 3.908a.43.43 0 0 1 .233.563l-.364.854a.44.44 0 0 1-.58.208.43.43 0 0 1-.221-.54l.364-.855a.437.437 0 0 1 .568-.23m1.972 1.084-.364-.854a.443.443 0 0 0-.569-.235q-.001.003-.002.002a.43.43 0 0 0-.23.566l.364.854a.436.436 0 0 0 .569.23h.003a.43.43 0 0 0 .23-.563"
         })
     }));

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as a } 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 n = (_param)=>{
     var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = a(), s = o !== null && o !== void 0 ? o : t ? r.colors.inverse : r.colors.neutralHigh;
+    const t = s(), a = o !== null && o !== void 0 ? o : t ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,7 +94,7 @@ const n = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ l("path", {
-            fill: s,
+            fill: a,
             d: "M21.027 11.122c0-8.224-6.88-8.921-8.642-8.96-.2-.007-.421-.008-.636-.01l-.221-.002c-1.812.009-8.546.628-8.546 8.922 0 4.188 1.734 6.431 3.68 7.616v.647c0 .82.241 1.462.723 1.883.454.409 1.118.619 1.966.619h5.337c.845 0 1.501-.21 1.955-.62.47-.42.703-1.061.703-1.882v-.655c1.947-1.194 3.68-3.42 3.68-7.558m-4.367 6.46-.62.378v1.38c0 .309-.047.72-.28.928-.257.232-.725.28-1.075.28H9.349c-.499 0-.886-.098-1.104-.297-.232-.202-.28-.605-.28-.91v-1.373l-.622-.378c-2.03-1.235-3.059-3.426-3.059-6.513 0-6.851 5.065-7.619 7.247-7.63h.042c.252 0 .526 0 .781.009.74.02 2.636.168 4.32 1.215C18.696 5.93 19.72 8.1 19.72 11.125c0 3.037-1.028 5.21-3.061 6.457m-8.398-3.48c1.328-.022 2.882-.817 2.882-2.969 0-.165-.011-.322-.025-.464-.21-1.81-1.616-2.485-2.863-2.516a4 4 0 0 0-.244-.003c-1.21.011-2.686.698-2.854 2.591q-.017.18-.017.379c0 2.173 1.555 2.966 2.888 2.986h.098l.074-.002zm1.577-2.969c0 1.435-1.006 1.667-1.608 1.678h-.19c-.729-.01-1.6-.31-1.6-1.691q0-.14.011-.267c.11-1.215 1.031-1.406 1.569-1.411h.003l.199.002c.537.012 1.462.208 1.596 1.37q.02.151.02.32m6.187 1.678h-.19c-.728-.01-1.6-.31-1.6-1.691q0-.14.012-.267c.109-1.215 1.03-1.406 1.568-1.411h.003l.2.002c.537.012 1.461.208 1.596 1.37q.02.151.02.32c0 1.434-1.006 1.666-1.609 1.677m2.914-1.678q-.002-.248-.028-.467c-.21-1.81-1.617-2.485-2.86-2.513-.076-.003-.171-.003-.244-.003-1.21.011-2.686.698-2.854 2.591q-.017.18-.017.379c0 2.173 1.555 2.966 2.888 2.986h.098l.073-.002.061-.001c1.328-.023 2.883-.818 2.883-2.97m-7.502 3.583c.334.14.488.518.348.846l-.364.857a.654.654 0 0 1-.852.345.643.643 0 0 1-.347-.846l.364-.857a.657.657 0 0 1 .851-.345m2.087 1.199-.364-.854a.655.655 0 0 0-.854-.345.643.643 0 0 0-.348.846l.364.854a.655.655 0 0 0 .855.345.643.643 0 0 0 .347-.846"
         })
     }));

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

@@ -79,24 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const e = (_param)=>{
-    var { color: a, size: c = 24 } = _param, s = _object_without_properties(_param, [
+const t = (_param)=>{
+    var { color: a, size: c = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = t(), l = a !== null && a !== void 0 ? a : i ? o.colors.inverse : o.colors.neutralHigh;
+    const s = l(), e = a !== null && a !== void 0 ? a : s ? o.colors.inverse : o.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, i), {
         children: /* @__PURE__ */ r("path", {
-            fill: l,
+            fill: e,
             d: "M21.735 10.334c.213-.51.1-1.078-.292-1.479l-6.117-6.272c-.55-.565-1.586-.563-2.138 0L7.113 8.807h-2.39c-.826 0-1.448.225-1.902.687-.448.456-.666 1.078-.666 1.899v7.868c0 .84.221 1.468.672 1.919.448.445 1.07.664 1.9.664h3.912c.83 0 1.451-.216 1.897-.664.456-.451.675-1.078.675-1.919v-1.308h7.45c.807 0 1.463-.63 1.463-1.403v-5.334h.25a1.46 1.46 0 0 0 1.36-.882M9.998 19.261c0 .499-.104.843-.317 1.05-.207.21-.549.311-1.042.311H4.726c-.493 0-.835-.1-1.045-.31s-.313-.555-.313-1.054V11.39c0-.482.103-.824.316-1.04.216-.218.558-.324 1.042-.324H8.64c.493 0 .835.104 1.045.316s.314.558.314 1.05zM6.68 18.45c-.414 0-.663.252-.663.67q0 .306.17.487c.118.12.286.182.49.182a.67.67 0 0 0 .49-.182q.174-.179.174-.488c.003-.42-.243-.67-.66-.67m7.776-6.21c.493.014.983.33.983 1.017s-.487 1.002-.971 1.014c-.555-.006-1.048-.322-1.048-1.017s.49-1.011.975-1.014zM10.634 8.89c.053-.058 1.347-1.465 3.759-1.49.075-.005 2.322-.12 3.835 1.583a.407.407 0 0 1-.031.574l-.003.003a.4.4 0 0 1-.569-.034c-1.224-1.376-3.12-1.313-3.199-1.31h-.002c-2.068.022-3.146 1.173-3.19 1.223l-.004.003a.407.407 0 0 1-.597-.552m3.765.12h.01c.16-.002 1.876-.03 2.99 1.222a.407.407 0 0 1-.031.574.404.404 0 0 1-.572-.03c-.893-1.006-2.355-.964-2.375-.953-1.447.014-2.318.93-2.355.968v.001a.4.4 0 0 1-.567.031.405.405 0 0 1-.036-.574l.002-.003c.073-.077 1.136-1.216 2.934-1.235m-1.956 2.48a2.82 2.82 0 0 1 1.967-.832c.03-.003 1.235-.045 2.014.823a.41.41 0 0 1-.034.575.407.407 0 0 1-.571-.034c-.513-.574-1.379-.563-1.387-.552a2 2 0 0 0-1.386.566.407.407 0 0 1-.603-.546"
         })
     }));
-}, v = e;
+}, v = t;
 export { v as default };

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

@@ -79,14 +79,14 @@ 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 e } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const e = (_param)=>{
+const l = (_param)=>{
     var { color: t, size: c = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = l(), h = t !== null && t !== void 0 ? t : a ? o.colors.inverse : o.colors.neutralHigh;
+    const a = e(), h = t !== null && t !== void 0 ? t : a ? o.colors.inverse : o.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -98,5 +98,5 @@ const e = (_param)=>{
             d: "M21.745 10.21a1.17 1.17 0 0 0-.255-1.286l-6.24-6.4c-.485-.497-1.404-.497-1.889 0L7.112 8.925l-.008.01-.001.002-.002.002H4.57c-.787 0-1.375.21-1.798.642-.417.423-.622 1.008-.622 1.79v8.033c0 .799.208 1.393.628 1.813.417.417 1.003.619 1.792.619h3.992c.787 0 1.375-.202 1.793-.62.423-.42.627-1.013.627-1.812v-1.543h7.815c.712 0 1.289-.549 1.289-1.224v-5.656h.46c.531 0 1.002-.302 1.198-.773m-.762-.323c-.053.126-.193.263-.437.266h-.874a.413.413 0 0 0-.412.415v6.07c0 .216-.207.392-.462.392h-7.815V11.37c0-.793-.202-1.38-.619-1.804-.417-.423-1.005-.627-1.798-.627h-.314l5.695-5.835c.176-.182.532-.182.708 0l6.247 6.403c.146.152.115.303.081.381M10.16 19.403c0 .566-.126.966-.384 1.224-.255.255-.65.378-1.21.378H4.57c-.56 0-.955-.126-1.21-.378-.257-.258-.383-.659-.383-1.224v-8.037c0-.549.126-.944.383-1.207.26-.263.656-.392 1.21-.392h3.995c.56 0 .958.126 1.213.383.255.261.38.659.38 1.219zm-3.591-.362c.425 0 .677.255.677.684q0 .315-.176.496c-.118.123-.291.187-.501.187-.208 0-.381-.064-.499-.187-.118-.12-.176-.289-.176-.496-.003-.426.249-.684.675-.684m8.115-5.616c0-.095 0-.204-.188-.207h-.048c-.162 0-.176.081-.176.204 0 .12.014.205.185.207.226-.005.226-.106.226-.204m-.16-1.036c.484.008.986.333.986 1.036 0 .7-.499 1.025-.995 1.034-.568-.006-1.07-.33-1.07-1.04 0-.708.502-1.03.998-1.033l.04.001c.018 0 .037 0 .04.002m3.832-3.325c-1.544-1.74-3.832-1.622-3.913-1.617-2.465.026-3.785 1.46-3.838 1.521a.416.416 0 0 0 .028.586.41.41 0 0 0 .583-.025c.05-.054 1.154-1.227 3.255-1.25h.002c.08-.002 2.017-.065 3.266 1.34a.413.413 0 0 0 .583.03.416.416 0 0 0 .034-.585m-3.91.028h.01c.16-.003 1.916-.03 3.054 1.249a.416.416 0 0 1-.034.586.41.41 0 0 1-.582-.034c-.908-1.023-2.41-.975-2.426-.972-1.502.017-2.398.98-2.406.991a.4.4 0 0 1-.306.135.42.42 0 0 1-.277-.107.42.42 0 0 1-.03-.585l.002-.003c.071-.076 1.156-1.238 2.994-1.26m2.061 2.524c-.79-.888-2.017-.846-2.053-.84-1.241.013-1.975.814-2.003.848a.415.415 0 0 0 .028.585.42.42 0 0 0 .277.107.4.4 0 0 0 .306-.135c.02-.022.532-.565 1.414-.577.017-.008.894-.022 1.415.563a.413.413 0 1 0 .616-.551"
         })
     }));
-}, v = e;
+}, v = l;
 export { v as default };

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

@@ -79,22 +79,22 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as e } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
-    var { color: o, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = e(), t = o !== null && o !== void 0 ? o : s ? a.colors.inverse : a.colors.neutralHigh;
+    const l = t(), s = o !== null && o !== void 0 ? o : l ? a.colors.inverse : a.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ r("path", {
-            fill: t,
+            fill: s,
             d: "M21.735 10.332c.213-.51.1-1.078-.292-1.479l-6.117-6.269c-.55-.565-1.586-.565-2.138 0L7.116 8.808h-2.39c-.826 0-1.45.225-1.904.687-.449.456-.667 1.078-.667 1.899v7.868c0 .84.218 1.468.672 1.919.448.448 1.07.664 1.9.664h3.912c.83 0 1.452-.216 1.897-.664.454-.454.675-1.081.675-1.922v-1.308h7.454c.806 0 1.462-.63 1.462-1.403v-5.333h.25c.599 0 1.134-.348 1.358-.883m-1.12-.47c-.012.03-.068.134-.236.137h-.854a.61.61 0 0 0-.608.61v5.945c0 .086-.101.182-.25.182h-7.453v-5.34c0-.831-.219-1.456-.667-1.91-.42-.423-.994-.636-1.742-.664l5.252-5.383c.095-.101.305-.101.403 0l6.118 6.271c.05.05.059.096.036.152M9.997 19.259c0 .499-.104.844-.316 1.05-.208.211-.55.312-1.043.312H4.726c-.493 0-.834-.101-1.044-.311s-.314-.555-.314-1.053v-7.869c0-.482.103-.823.316-1.039.216-.218.558-.325 1.042-.325H8.64c.493 0 .835.104 1.045.317s.314.557.314 1.05zm-3.316-.812c.414 0 .663.252.663.67a.68.68 0 0 1-.173.487c-.115.12-.286.182-.49.182a.67.67 0 0 1-.49-.182c-.116-.118-.174-.283-.174-.487.002-.42.249-.67.664-.67m7.95-5.196c0-.098 0-.199-.186-.204h-.045c-.16 0-.17.08-.17.198-.003.124.01.208.176.208.224-.003.224-.104.224-.202m-.175-1.014c.496.014.984.333.984 1.017 0 .686-.488 1.003-.972 1.014-.555-.006-1.048-.322-1.048-1.017s.49-1.011.975-1.014zm3.768-3.258c-1.51-1.7-3.756-1.585-3.832-1.58-2.376.025-3.665 1.388-3.759 1.487l-.003.004a.406.406 0 0 0 .6.546c.042-.048 1.123-1.202 3.187-1.224h.003c.078-.003 1.977-.063 3.199 1.31.081.09.193.135.302.135a.407.407 0 0 0 .303-.678m-3.826.031h.01c.165-.003 1.88-.03 2.99 1.222a.407.407 0 0 1-.034.574.404.404 0 0 1-.571-.034c-.894-1.003-2.356-.96-2.376-.95-1.447.017-2.319.931-2.354.969h-.002a.4.4 0 0 1-.3.132.407.407 0 0 1-.303-.675l.009-.007a4.23 4.23 0 0 1 2.93-1.23m2.02 2.47c-.771-.87-1.976-.828-2.01-.823-1.218.014-1.938.799-1.966.835a.406.406 0 0 0 .028.571.41.41 0 0 0 .571-.028l.004-.002a2 2 0 0 1 1.383-.563c.006-.012.871-.023 1.384.551a.404.404 0 0 0 .572.034.407.407 0 0 0 .033-.574"
         })
     }));

package/dist-es/generated/mistica-icons/icon-sms-filled.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 h } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
     var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [

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

@@ -79,15 +79,15 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as a } from "react/jsx-runtime";
-import { useTheme as v } from "../../hooks.js";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useTheme as i } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as v } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
-    var { color: h, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = i(), e = h !== null && h !== void 0 ? h : r ? t.colors.inverse : t.colors.neutralHigh, { skinName: o } = v();
+    const h = v(), e = r !== null && r !== void 0 ? r : h ? t.colors.inverse : t.colors.neutralHigh, { skinName: o } = i();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -119,5 +119,5 @@ const n = (_param)=>{
             d: "M18.707 2.975c1.729 0 3.138 1.356 3.138 3.026v8.96c0 1.67-1.41 3.025-3.138 3.025H8.795l-1.99 2.463a1.4 1.4 0 0 1-1.156.577c-.757 0-1.396-.605-1.396-1.32v-1.863a2.99 2.99 0 0 1-2.098-2.883V6c0-1.669 1.41-3.025 3.138-3.025zm2.317 11.985V6c0-1.23-1.04-2.232-2.317-2.232H5.293c-1.278 0-2.32 1-2.32 2.233v8.96c0 1.078.729 1.98 1.77 2.185.191.039.329.201.329.39v2.168c0 .271.28.526.574.526.098 0 .3 0 .504-.263l2.118-2.622a.41.41 0 0 1 .322-.152h10.112c1.283-.002 2.322-1.003 2.322-2.233M6.91 10.156l-.008-.003c-.678-.264-1.065-.44-1.065-.975 0-.205 0-.69 1.029-.69q.475.004.93.138a.32.32 0 0 0 .238-.028.3.3 0 0 0 .146-.185l.053-.207a.296.296 0 0 0-.213-.359c-1.045-.294-2.014-.224-2.547.233-.314.269-.479.66-.479 1.131 0 1.096.863 1.432 1.558 1.701.706.272 1.104.454 1.104 1.031 0 .37-.168.535-.272.6-.348.23-1.252.24-2.012.008a.3.3 0 0 0-.243.025.3.3 0 0 0-.149.188l-.053.216a.294.294 0 0 0 .188.347c.22.081.764.219 1.398.219 1.266 0 1.994-.589 1.994-1.614 0-1.156-.884-1.5-1.597-1.776m7.327-2.39a.303.303 0 0 1 .308.297v5.08a.3.3 0 0 1-.308.296h-.216a.303.303 0 0 1-.308-.297V9.696l-1.345 2.468a.31.31 0 0 1-.272.16h-.23a.31.31 0 0 1-.274-.162l-1.292-2.435v3.418a.3.3 0 0 1-.308.297h-.215a.303.303 0 0 1-.309-.297v-5.08c0-.165.138-.296.309-.296h.232a.31.31 0 0 1 .275.162l1.709 3.222 1.756-3.228a.32.32 0 0 1 .275-.16zm3.254 2.39-.007-.003c-.68-.264-1.068-.44-1.062-.975 0-.205 0-.69 1.028-.69q.472.004.928.138a.32.32 0 0 0 .238-.028.3.3 0 0 0 .145-.185l.054-.207a.3.3 0 0 0-.213-.359c-1.045-.294-2.015-.224-2.547.233-.317.269-.482.66-.482 1.131 0 1.096.866 1.432 1.56 1.701.707.272 1.104.454 1.104 1.031 0 .37-.168.535-.271.6-.348.23-1.253.24-2.012.008a.3.3 0 0 0-.244.025.3.3 0 0 0-.148.188l-.053.216a.294.294 0 0 0 .187.347c.222.081.765.219 1.398.219 1.267 0 1.995-.589 1.995-1.614 0-1.156-.885-1.5-1.598-1.776"
         })
     }));
-}, d = n;
-export { d as default };
+}, p = n;
+export { p as default };

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

@@ -79,15 +79,15 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as a } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useTheme as i } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = i(), e = r !== null && r !== void 0 ? r : s ? o.colors.inverse : o.colors.neutralHigh, { skinName: t } = n();
+    const s = n(), e = o !== null && o !== void 0 ? o : s ? r.colors.inverse : r.colors.neutralHigh, { skinName: t } = i();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -109,5 +109,5 @@ const m = (_param)=>{
             d: "M18.425 3.5H5.57C3.6 3.5 2 5.12 2 7.117v6.51c0 1.872 1.413 3.418 3.214 3.599v2.552a.72.72 0 0 0 .713.722c.187 0 .37-.074.507-.213l3.004-3.038h8.992c1.97 0 3.57-1.62 3.57-3.617V7.117C22 5.125 20.395 3.5 18.425 3.5m2.144 10.132c0 1.195-.96 2.172-2.144 2.172H9.141a.7.7 0 0 0-.503.213l-1.998 2.02v-1.51a.72.72 0 0 0-.713-.723H5.57c-1.18 0-2.144-.972-2.144-2.172V7.117c0-1.195.96-2.172 2.144-2.172h12.855c1.18 0 2.144.972 2.144 2.172zm-6.249-1.45V8.567a.544.544 0 0 0-.411-.528.536.536 0 0 0-.604.287l-1.307 2.65-1.308-2.65a.54.54 0 0 0-.603-.287.54.54 0 0 0-.412.528v3.617c0 .3.238.542.535.542s.535-.241.535-.542v-1.32l.773 1.56a.532.532 0 0 0 .96 0l.772-1.56v1.32c0 .3.238.542.535.542s.535-.241.535-.542m-5.253-.92c0 .86-.64 1.463-1.554 1.463-.338 0-.63-.056-.905-.176a.545.545 0 0 1-.283-.713.533.533 0 0 1 .704-.287c.137.06.292.088.484.088.48 0 .48-.288.48-.38 0-.135-.032-.232-.64-.505-.302-.134-1.102-.49-1.102-1.39 0-.791.645-1.347 1.573-1.347.11 0 .398.01.7.093.283.078.452.38.374.667a.537.537 0 0 1-.658.38 1.8 1.8 0 0 0-.416-.056c-.05 0-.498.009-.498.26 0 .073 0 .189.461.393l.03.014c.511.24 1.25.587 1.25 1.495m7.109 1.463c.914 0 1.554-.602 1.554-1.464 0-.908-.739-1.255-1.25-1.495l-.03-.014c-.461-.204-.461-.32-.461-.394 0-.25.448-.26.498-.26.036 0 .228.005.416.056a.537.537 0 0 0 .658-.38.546.546 0 0 0-.375-.666 2.8 2.8 0 0 0-.7-.093c-.927 0-1.572.556-1.572 1.348 0 .898.8 1.255 1.102 1.389.608.273.64.37.64.505 0 .092 0 .38-.48.38a1.2 1.2 0 0 1-.485-.088.533.533 0 0 0-.704.287.545.545 0 0 0 .284.713c.274.12.567.176.905.176"
         })
     }));
-}, u = m;
-export { u as default };
+}, d = m;
+export { d as default };

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: e, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = a(), n = e !== null && e !== void 0 ? e : i ? c.colors.inverse : c.colors.neutralHigh;
+    const i = n(), a = e !== null && e !== void 0 ? e : i ? c.colors.inverse : c.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -94,7 +94,7 @@ const s = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ r("path", {
-            fill: n,
+            fill: a,
             d: "M19.86 11.812h1.571c.227 0 .412.185.406.406a.41.41 0 0 1-.411.409h-1.597c-.37 6.512-6.048 7.062-7.37 7.098v1.706a.41.41 0 0 1-.411.409.41.41 0 0 1-.412-.41v-1.7c-1.32-.033-6.978-.565-7.367-7.1H2.563a.41.41 0 0 1-.412-.41c0-.223.185-.408.412-.408h1.675c.07-7.177 6.137-7.628 7.4-7.639V2.565a.41.41 0 0 1 .412-.409.41.41 0 0 1 .412.41V4.18c1.406.054 7.303.684 7.398 7.63m-7.395 4.706v2.389c1.583-.042 6.204-.67 6.549-6.277h-2.521a.41.41 0 0 1-.412-.41c0-.223.185-.408.412-.408h2.546c-.09-6.037-4.91-6.748-6.574-6.81v2.48a.41.41 0 0 1-.412.408.41.41 0 0 1-.412-.409V4.994c-1.563.02-6.512.58-6.577 6.82h2.443a.41.41 0 0 1 .412.41.41.41 0 0 1-.412.408H5.095c.362 5.63 4.972 6.244 6.546 6.28v-2.394a.41.41 0 0 1 .412-.41.41.41 0 0 1 .412.41"
         })
     }));