@telefonica/mistica 15.20.1 → 16.0.0

package/dist-es/generated/mistica-icons/icon-data-network-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 e } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const e = (_param)=>{
-    var { color: t, size: c = 24 } = _param, a = _object_without_properties(_param, [
+const h = (_param)=>{
+    var { color: a, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const m = h(), s = t !== null && t !== void 0 ? t : m ? r.colors.inverse : r.colors.neutralHigh;
+    const m = e(), s = a !== null && a !== void 0 ? a : m ? 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"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ o("path", {
             fill: s,
             d: "m21.42 7.806.009.028c.266.972.409 2.056.409 3.269 0 5.849-3.143 8.938-9.076 8.938a13.5 13.5 0 0 1-2.46-.204h-.008v.221q-.001 1.003-1.54 1.462c-.692.205-1.594.32-2.536.32-.94 0-1.831-.115-2.523-.32-1.026-.302-1.544-.795-1.544-1.462v-7.655c0-.107.017-.216.042-.325.152-.51.659-.894 1.502-1.149.02-1.134.15-2.162.4-3.09l.008-.021a.1.1 0 0 1 .017-.043c1.023-3.686 3.958-5.619 8.642-5.619s7.616 1.933 8.65 5.622q.006.015.008.028m-9.076-.269v-4.52c-1.548.282-2.932 2.089-3.64 4.52zm.833-4.518v4.518h3.408c-.633-2.473-1.907-4.238-3.408-4.518m4.333 11.322h3.059c.285-.944.434-2.022.434-3.238 0-1.011-.101-1.924-.294-2.745h-3.09c.151.854.233 1.767.233 2.72 0 1.16-.124 2.26-.342 3.263m-.2.82c-.475 1.645-1.218 2.984-2.133 3.838 2.51-.476 4.21-1.759 5.1-3.837zm-4.133 4.02c1.392-.263 2.59-1.815 3.26-4.02h-3.26zm3.59-10.82h-3.59v5.983h3.481a14.3 14.3 0 0 0 .359-3.263c0-.956-.09-1.866-.25-2.72m.687-.824h3.025c-.818-2.372-2.594-3.826-5.291-4.339 1.005.939 1.815 2.465 2.266 4.34m-7.16 6.804h2.05v-5.98H8.502a12.6 12.6 0 0 0-.283 2.448q.269.046.533.123c1.028.303 1.543.796 1.543 1.47zm2.05 4.866s0-4.045-.002-4.045h-2.05v3.874a.5.5 0 0 1 .159 0 14 14 0 0 0 1.893.17m-3.826-3.773c.507-.157.824-.387.941-.566 0 0 0-1.603-.002-1.603a3.7 3.7 0 0 1-.71.289c-.683.204-1.582.32-2.523.32s-1.84-.116-2.524-.32a3.2 3.2 0 0 1-.717-.294v1.624c.101.163.384.379.961.55 1.216.364 3.35.364 4.574 0m.941 2.112s0-1.628-.002-1.628c-.208.118-.44.224-.7.306-.693.196-1.592.31-2.533.31s-1.84-.114-2.524-.313a3.6 3.6 0 0 1-.717-.303v1.636c.093.165.384.39.961.56 1.216.362 3.347.362 4.574 0 .54-.165.835-.398.941-.568m-.95 3.196c.36-.107.95-.34.95-.684v-1.46c-.207.116-.44.222-.7.295-.692.204-1.591.322-2.532.322s-1.84-.118-2.524-.322a3.5 3.5 0 0 1-.717-.294v1.46c0 .347.591.576.95.683 1.224.361 3.35.361 4.574 0m-4.573-9.023c-.485.14-.793.33-.9.516.107.199.415.386.908.535 1.216.361 3.35.361 4.566 0 .624-.19.832-.387.907-.518-.131-.261-.607-.443-.907-.533-1.224-.361-3.35-.361-4.574 0m3.7-3.358H4.81a11.7 11.7 0 0 0-.275 2.4 11.6 11.6 0 0 1 2.852-.075q.034-1.174.249-2.325m2.574-5.143c-2.625.54-4.358 1.977-5.16 4.32h2.768c.485-1.85 1.333-3.368 2.392-4.32"
         })
     }));
-}, l = e;
+}, l = h;
 export { l as default };

package/dist-es/generated/mistica-icons/icon-data-network-regular.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 h } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: a, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: a, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = h(), l = a !== null && a !== void 0 ? a : e ? o.colors.inverse : o.colors.neutralHigh;
+    const t = h(), l = a !== null && a !== void 0 ? a : t ? 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"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ r("path", {
             fill: l,
             d: "M21.388 7.735c.039.064.064.145.072.224q.379 1.41.384 3.132c0 5.837-3.123 8.924-9.036 8.924-.827 0-1.597-.064-2.32-.185v.073c0 .513-.283 1.218-1.647 1.619-.692.21-1.59.322-2.524.322-.932 0-1.826-.112-2.515-.322-1.364-.4-1.647-1.106-1.647-1.62V12.43q-.002-.195.048-.362v-.008c.162-.563.697-.989 1.582-1.252.098-5.661 3.213-8.653 9.02-8.653 4.569 0 7.52 1.955 8.583 5.58m-9.191-.328V3.455c-1.291.375-2.434 1.899-3.076 3.952zm1.216-3.944v3.944h2.863c-.575-2.076-1.622-3.566-2.863-3.944m4.266 10.583h2.571c.244-.866.376-1.852.373-2.958 0-.908-.09-1.726-.252-2.48h-2.597c.123.78.188 1.597.188 2.463a15.7 15.7 0 0 1-.283 2.975m-.3 1.204c-.38 1.3-.941 2.39-1.63 3.207 1.916-.515 3.269-1.58 4.056-3.207zm-3.966 3.462c1.137-.35 2.109-1.641 2.7-3.456h-2.7zM16.536 8.61h-3.123v5.445l3.033-.008c.194-.916.3-1.925.3-2.975 0-.857-.073-1.686-.21-2.462m1.008-1.202h2.465c-.73-1.877-2.143-3.112-4.201-3.68.764.913 1.364 2.182 1.736 3.68m-7.058 6.647h1.711V8.61H8.822a12.3 12.3 0 0 0-.236 2.134c.082.014.171.031.252.056 1.365.41 1.648 1.107 1.648 1.628zm1.711 4.731V15.26h-1.711v3.375l.053-.004q.027-.003.053-.004c.501.095 1.045.137 1.605.16M8.5 15.195c.42-.13.663-.306.77-.427h.003v-1.176l-.031.012c-.128.052-.25.1-.392.14-.692.21-1.583.321-2.524.321-.933 0-1.835-.114-2.516-.322a4 4 0 0 1-.436-.16v1.202c.09.104.333.272.787.41 1.15.335 3.179.335 4.339 0m.77 2.187h.003V16.18c-.14.065-.278.12-.423.16-.692.21-1.583.322-2.524.322-.933 0-1.835-.112-2.516-.322a2.3 2.3 0 0 1-.358-.127l-.078-.033V17.4c.08.098.302.266.787.409 1.15.336 3.179.336 4.339 0 .42-.13.663-.306.77-.426m-.779 2.991c.535-.162.779-.353.779-.473h.003v-1.106l-.095.038a3 3 0 0 1-.328.121c-.692.21-1.583.322-2.524.322-.933 0-1.835-.114-2.516-.322a4 4 0 0 1-.436-.16V19.9c0 .12.243.311.778.474 1.16.336 3.171.336 4.34 0m-4.342-8.42c-.364.112-.565.224-.672.311.104.096.308.216.68.328 1.152.336 3.18.336 4.331 0 .39-.118.583-.232.681-.32-.112-.095-.33-.215-.68-.319-1.152-.344-3.188-.344-4.34 0M7.572 8.61H5.245c-.138.602-.21 1.26-.236 1.955a12.4 12.4 0 0 1 2.37-.022q.034-.999.193-1.933M9.698 3.76c-2.002.583-3.375 1.804-4.095 3.65H7.85c.406-1.468 1.045-2.728 1.848-3.65"
         })
     }));
-}, i = m;
-export { i as default };
+}, v = m;
+export { v as default };

package/dist-es/generated/mistica-icons/icon-data-regular.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 n } from "../../theme-variant-context.js";
+import { jsx as c } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
-    var { color: s, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: a, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), e = s !== null && s !== void 0 ? s : a ? o.colors.inverse : o.colors.neutralHigh;
-    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const s = n(), t = a !== null && a !== void 0 ? a : s ? o.colors.inverse : o.colors.neutralHigh;
+    return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ r("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ c("path", {
+            fill: t,
             d: "M12 2.155c1.63 0 3.183.196 4.368.555 1.73.523 2.607 1.367 2.605 2.507v13.568c0 1.135-.88 1.978-2.608 2.502-1.194.358-2.743.554-4.367.554-1.622 0-3.171-.196-4.362-.554-1.73-.527-2.607-1.367-2.607-2.505V5.214q0-.277.075-.538c.25-.871 1.101-1.532 2.532-1.966 1.185-.356 2.737-.555 4.365-.555m-4.002 1.76c-.9.27-1.462.632-1.642 1.019.168.39.745.756 1.653 1.03 1.07.323 2.49.502 4.003.502s2.932-.18 4.003-.501c.899-.272 1.476-.634 1.65-1.02-.216-.496-.99-.832-1.659-1.034-1.073-.322-2.493-.501-4.005-.501-1.51 0-2.93.18-4.003.504m9.728 5.716h.003V6.595c-.37.221-.818.412-1.353.574-1.182.356-2.731.555-4.362.555-1.63 0-3.179-.196-4.36-.555a5.8 5.8 0 0 1-1.373-.588v3.07c.179.308.711.723 1.73 1.033 1.07.325 2.494.502 4.004.502s2.932-.177 4.002-.502c.972-.296 1.513-.734 1.709-1.053m0 4.728h.003v-3.07c-.387.236-.838.44-1.35.594-1.182.359-2.731.555-4.362.555-1.63 0-3.179-.196-4.364-.555a6.2 6.2 0 0 1-1.372-.59v3.094c.176.311.708.726 1.73 1.034 1.07.325 2.494.504 4.004.504s2.932-.176 4.002-.501c.986-.3 1.521-.745 1.709-1.065m-1.717 5.723c.781-.238 1.717-.655 1.717-1.3v-2.747a5.9 5.9 0 0 1-1.35.593c-1.182.359-2.731.555-4.362.555-1.63 0-3.179-.199-4.364-.558a6 6 0 0 1-1.372-.588v2.748c0 .644.935 1.062 1.72 1.3 1.075.322 2.498.501 4.003.501 1.507 0 2.93-.179 4.008-.504"
         })
     }));

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

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

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

@@ -78,40 +78,40 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as s } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: l, size: o = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: l, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), e = l !== null && l !== void 0 ? l : a ? s.colors.inverse : s.colors.neutralHigh, { skinName: i } = n();
+    const a = h(), r = l !== null && l !== void 0 ? l : a ? s.colors.inverse : s.colors.neutralHigh, { skinName: i } = n();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M21.778 10.776a.69.69 0 0 0-1 0l-.928.936C19.706 6.888 15.743 3 10.923 3 6 2.996 2 7.03 2 11.998 2 16.967 6 21 10.927 21a.72.72 0 0 0 .716-.722.72.72 0 0 0-.716-.722c-4.14 0-7.5-3.384-7.5-7.562s3.357-7.558 7.5-7.558c4.036 0 7.32 3.238 7.5 7.235l-.892-.9a.69.69 0 0 0-1 0 .703.703 0 0 0 0 1.01l2.643 2.665 2.644-2.666a.733.733 0 0 0-.044-1.004"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M6.644 11.998c0-2.376 1.927-4.32 4.283-4.32s4.284 1.944 4.284 4.32-1.928 4.32-4.284 4.32-4.283-1.945-4.283-4.32m1.427 0c0 1.585 1.284 2.88 2.856 2.88 1.568 0 2.856-1.295 2.856-2.88s-1.284-2.88-2.856-2.88-2.856 1.295-2.856 2.88"
             })
         ]
-    })) : /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ t("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "m19.5 13.585 2.392-2.412a.35.35 0 0 0 0-.504.34.34 0 0 0-.5 0l-1.536 1.549V12c0-4.968-4-9-8.928-9S2 7.032 2 12s4 9 8.932 9c.212 0 .356-.141.356-.359 0-.214-.14-.359-.356-.359-4.536 0-8.216-3.71-8.216-8.282 0-4.573 3.676-8.282 8.212-8.282s8.216 3.71 8.216 8.282v.181l-1.5-1.548a.34.34 0 0 0-.5 0 .35.35 0 0 0 0 .504zm-.716 1.657c0-.4.324-.722.716-.722a.72.72 0 0 1 .716.722c0 .4-.32.722-.716.722a.72.72 0 0 1-.716-.722M15.216 12c0 2.375-1.928 4.319-4.284 4.319S6.644 14.375 6.644 12s1.928-4.319 4.284-4.319S15.216 9.625 15.216 12m-4.288-3.6c-1.964 0-3.572 1.62-3.572 3.6s1.608 3.6 3.572 3.6S14.5 13.98 14.5 12s-1.608-3.6-3.572-3.6"
         })
     }));

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

@@ -78,45 +78,45 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
 import { useTheme as c } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
     var { color: s, size: o = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = h(), l = s !== null && s !== void 0 ? s : i ? a.colors.inverse : a.colors.neutralHigh, { skinName: n } = c();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+    const i = h(), e = s !== null && s !== void 0 ? s : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: n } = c();
+    return n.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
         children: [
-            /* @__PURE__ */ e("path", {
-                fill: l,
+            /* @__PURE__ */ l("path", {
+                fill: e,
                 d: "M21.778 10.776a.69.69 0 0 0-1 0l-.928.936C19.706 6.888 15.743 3 10.923 3 6 2.996 2 7.03 2 11.998 2 16.967 6 21 10.927 21a.72.72 0 0 0 .716-.722.72.72 0 0 0-.716-.722c-4.14 0-7.5-3.384-7.5-7.562s3.357-7.558 7.5-7.558c4.036 0 7.32 3.238 7.5 7.235l-.892-.9a.69.69 0 0 0-1 0 .703.703 0 0 0 0 1.01l2.643 2.665 2.644-2.666a.733.733 0 0 0-.044-1.004"
             }),
-            /* @__PURE__ */ e("path", {
-                fill: l,
+            /* @__PURE__ */ l("path", {
+                fill: e,
                 d: "M6.644 11.998c0-2.376 1.927-4.32 4.283-4.32s4.284 1.944 4.284 4.32-1.928 4.32-4.284 4.32-4.283-1.945-4.283-4.32m1.427 0c0 1.585 1.284 2.88 2.856 2.88 1.568 0 2.856-1.295 2.856-2.88s-1.284-2.88-2.856-2.88-2.856 1.295-2.856 2.88"
             })
         ]
-    })) : /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
         children: [
-            /* @__PURE__ */ e("path", {
-                fill: l,
+            /* @__PURE__ */ l("path", {
+                fill: e,
                 d: "M21.778 10.776a.69.69 0 0 0-1 0l-.928.936C19.706 6.888 15.743 3 10.923 3 6 2.996 2 7.03 2 11.998 2 16.967 6 21 10.927 21a.72.72 0 0 0 .716-.722.72.72 0 0 0-.716-.722c-4.14 0-7.5-3.384-7.5-7.562s3.357-7.558 7.5-7.558c4.036 0 7.32 3.238 7.5 7.235l-.892-.9a.69.69 0 0 0-1 0 .703.703 0 0 0 0 1.01l2.643 2.665 2.644-2.666a.733.733 0 0 0-.044-1.004"
             }),
-            /* @__PURE__ */ e("path", {
-                fill: l,
+            /* @__PURE__ */ l("path", {
+                fill: e,
                 d: "M6.644 11.998c0-2.376 1.927-4.32 4.283-4.32s4.284 1.944 4.284 4.32-1.928 4.32-4.284 4.32-4.283-1.945-4.283-4.32m1.427 0c0 1.585 1.284 2.88 2.856 2.88 1.568 0 2.856-1.295 2.856-2.88s-1.284-2.88-2.856-2.88-2.856 1.295-2.856 2.88"
             })
         ]

package/dist-es/generated/mistica-icons/icon-data-settings-filled.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 e } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
     var { color: t, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = e(), s = t !== null && t !== void 0 ? t : r ? a.colors.inverse : a.colors.neutralHigh;
+    const r = s(), e = t !== null && t !== void 0 ? t : r ? a.colors.inverse : a.colors.neutralHigh;
     return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,7 +94,7 @@ const i = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ l("path", {
-            fill: s,
+            fill: e,
             d: "M10.004 5.505c-1.227-.35-1.972-.824-2.174-1.37v-.007l-.008-.013c.199-.546.944-1.03 2.163-1.38 1.294-.368 3.002-.575 4.815-.575 1.812 0 3.523.204 4.806.574s2.011.852 2.171 1.426c0 0-.011.008-.011.017-.216.53-.952.986-2.151 1.328-1.294.366-2.992.574-4.807.574s-3.51-.208-4.804-.574M7.59 14.74c0-1.306.669-1.941 2.044-1.941 1.378 0 2.048.636 2.048 1.94 0 1.309-.672 1.942-2.048 1.942S7.59 16.045 7.59 14.74m2.044 3.151c2.079 0 3.32-1.18 3.32-3.151 0-1.975-1.238-3.152-3.32-3.152-2.078 0-3.319 1.177-3.319 3.152s1.24 3.151 3.32 3.151m-2.392.504a.67.67 0 0 0-.728.115l-1.034.908-.764-.802.952-.904a.58.58 0 0 0 .104-.723c-.168-.283-.311-.804-.379-1.199-.047-.291-.316-.507-.627-.507l-1.336-.042.048-1.039h1.288c.311 0 .577-.216.627-.507.068-.395.21-.919.379-1.199a.58.58 0 0 0-.104-.725l-.952-.98.843-.726.955.905c.193.184.49.23.734.114a4.6 4.6 0 0 1 1.288-.375.61.61 0 0 0 .533-.597l.047-1.249v-.022l1.095.042v1.227c0 .297.227.549.535.596l.034.009c.468.072.871.19 1.258.37a.66.66 0 0 0 .728-.118l1.034-.905.764.801-.955.905a.59.59 0 0 0-.168.549q.01.076.048.148c.185.356.316.768.395 1.224a.63.63 0 0 0 .63.51l1.336.045-.048 1.036h-1.29a.63.63 0 0 0-.631.51 4.3 4.3 0 0 1-.219.799c-.053.145-.106.29-.176.423a.58.58 0 0 0-.023.47.6.6 0 0 0 .143.224l.953.98-.843.729-.065-.062-.193-.182-.698-.664a.66.66 0 0 0-.728-.115q-.326.15-.678.244a6 6 0 0 1-.616.135.615.615 0 0 0-.535.596v1.224c0 .025-.02.045-.045.045l-1.095-.045v-1.224a.61.61 0 0 0-.532-.596 4.7 4.7 0 0 1-1.289-.376m12.65-6.77c-1.342.386-3.104.6-4.97.608l.544-.521c.13-.12.224-.26.292-.415 1.465-.067 2.826-.26 3.887-.574 1.272-.378 1.964-.941 2.197-1.364l-.04-3.944c-.467.364-1.106.655-1.927.896-1.372.406-3.173.639-5.073.656-1.896.017-3.703-.185-5.084-.566-.843-.224-1.495-.524-1.972-.88l.034 3.384.02.003v.703c-.241.059-.468.129-.69.207l-.646-.613c-.502-.476-1.376-.476-1.88 0l-.765.722a1.22 1.22 0 0 0-.392.894c0 .336.14.656.39.894l.64.607c-.089.227-.159.46-.21.662h-.77c-.728 0-1.319.56-1.319 1.252v.994c0 .689.591 1.252 1.32 1.252h.77c.05.205.117.437.21.661l-.642.608a1.22 1.22 0 0 0-.392.893c0 .337.14.656.39.894l.764.728c.505.48 1.379.477 1.88 0l.647-.613q.33.12.689.204v.734c0 .69.591 1.252 1.32 1.252h1.047c.345 0 .658-.128.894-.336 1.112.213 2.403.328 3.747.328 1.804 0 3.513-.204 4.807-.574 1.473-.423 2.219-.997 2.219-1.695v-3.54c-.502.366-1.163.68-1.936.896-1.274.364-2.924.569-4.68.596l-.398-.375c.067-.162.12-.339.17-.512 1.748-.012 3.393-.213 4.634-.57 1.274-.369 1.972-.924 2.21-1.344v-3.98c-.502.367-1.163.672-1.936.888"
         })
     }));

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as c } from "react/jsx-runtime";
-import { useIsInverseVariant as v } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as e } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const e = (_param)=>{
+const v = (_param)=>{
     var { color: t, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = v(), s = t !== null && t !== void 0 ? t : r ? l.colors.inverse : l.colors.neutralHigh;
+    const r = e(), s = t !== null && t !== void 0 ? t : r ? l.colors.inverse : l.colors.neutralHigh;
     return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -98,5 +98,5 @@ const e = (_param)=>{
             d: "M22 4.928c0-1.061-.876-1.855-2.601-2.362C18.164 2.2 16.539 2 14.829 2s-3.333.202-4.574.566c-1.437.421-2.287 1.053-2.53 1.872v.003a1.8 1.8 0 0 0-.068.487v4.416c0 .028.008.053.015.079l.005.018v.256q-.496.103-.967.296l-.757-.74a1.134 1.134 0 0 0-1.58 0l-.768.754a1.07 1.07 0 0 0 0 1.545l.748.731a5.6 5.6 0 0 0-.296.953h-.95c-.609 0-1.107.487-1.107 1.084v1.033c0 .598.498 1.084 1.107 1.084h.95q.108.492.296.956l-.748.732c-.21.204-.327.478-.327.77 0 .294.116.573.327.775l.771.756a1.134 1.134 0 0 0 1.58 0l.757-.74q.47.194.967.297v.933c0 .597.498 1.084 1.107 1.084h1.059c.42 0 .777-.242.964-.583 2.112.478 3.262.48 4.021.48 1.705 0 3.327-.201 4.57-.566C21.127 20.822 22 20.028 22 18.97zm-.84 14.039c0 .651-.674 1.18-2 1.573-1.17.345-2.706.532-4.326.524-.728 0-1.83-.003-3.878-.47v-.62a5.5 5.5 0 0 0 .967-.296l.754.74a1.134 1.134 0 0 0 1.58 0l.77-.754.027-.026a1.074 1.074 0 0 0-.026-1.52l-.754-.739q.039-.102.07-.215l.038-.126a.4.4 0 0 0 .134.028l.327.003c1.71 0 3.332-.2 4.57-.563.7-.205 1.295-.498 1.747-.84zm-11.05.674.006 1.27c0 .144-.12.261-.267.261H8.793a.264.264 0 0 1-.268-.262v-1.272a.415.415 0 0 0-.353-.404q-.765-.122-1.36-.41a.42.42 0 0 0-.484.077l-.961.942a.284.284 0 0 1-.393 0l-.771-.757a.27.27 0 0 1-.08-.19.26.26 0 0 1 .08-.19l.959-.94a.4.4 0 0 0 .068-.492c-.196-.339-.342-.92-.407-1.315a.42.42 0 0 0-.415-.347H3.107a.266.266 0 0 1-.268-.262v-1.032a.27.27 0 0 1 .268-.262h1.295a.416.416 0 0 0 .415-.344c.066-.396.21-.976.407-1.315a.4.4 0 0 0-.068-.492l-.96-.94a.26.26 0 0 1-.079-.19.26.26 0 0 1 .08-.19l.771-.755a.284.284 0 0 1 .393 0l.962.942a.42.42 0 0 0 .483.077c.43-.202.888-.341 1.36-.41a.42.42 0 0 0 .354-.407V8.761a.27.27 0 0 1 .267-.262h1.056c.145 0 .265.116.267.262v1.271c0 .205.151.379.353.407.473.069.93.208 1.36.413a.43.43 0 0 0 .484-.08l.962-.942a.284.284 0 0 1 .393 0l.771.754c.051.049.08.12.08.191a.26.26 0 0 1-.08.19l-.962.943a.4.4 0 0 0-.08.472c.206.421.348.87.419 1.334.037.2.21.348.415.345h1.3a.26.26 0 0 1 .266.261v1.03c0 .146-.12.262-.268.262h-1.3a.42.42 0 0 0-.416.347c-.08.498-.222.945-.418 1.332a.4.4 0 0 0 .08.472l.964.942c.051.049.08.12.08.19a.26.26 0 0 1-.08.191l-.771.757a.284.284 0 0 1-.393 0l-.962-.942a.43.43 0 0 0-.483-.08c-.43.206-.888.345-1.36.413a.415.415 0 0 0-.354.407M8.55 4.635c.172-.512.843-.956 1.953-1.283 1.158-.342 2.695-.53 4.326-.53s3.167.188 4.328.53c1.15.338 1.807.78 1.964 1.317l-.007.008-.01.018c-.194.492-.863.919-1.941 1.234-1.158.345-2.695.533-4.326.533-1.628 0-3.164-.191-4.325-.533-1.102-.321-1.779-.762-1.95-1.271q-.001-.008-.005-.013-.005-.005-.006-.01m6.475 5.369s-.771-.754-.768-.754a1.134 1.134 0 0 0-1.58 0l-.757.74a5.7 5.7 0 0 0-.967-.296v-.93c0-.598-.495-1.085-1.107-1.085H8.79c-.086 0-.164.023-.243.045l-.044.012V5.884c.426.333 1.015.615 1.77.836 1.238.367 2.86.567 4.567.567 1.71 0 3.332-.202 4.57-.567q1.113-.33 1.75-.822v3.66c-.216.392-.836.915-1.991 1.254-1.08.319-2.513.492-3.993.518.102-.168.176-.353.176-.555 0-.29-.116-.566-.327-.771m1.608 4.316c0-.597-.498-1.084-1.107-1.084l-.95.003a5.6 5.6 0 0 0-.302-.947l.13-.128.221.001.22.002c1.711 0 3.333-.2 4.571-.564.7-.208 1.295-.498 1.747-.84v3.705c-.213.39-.84.914-1.992 1.252-.834.248-1.87.41-2.988.484.268-.2.45-.498.45-.85z"
         })
     }));
-}, m = e;
+}, m = v;
 export { m as default };

package/dist-es/generated/mistica-icons/icon-data-settings-regular.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 e } 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: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = e(), s = r !== null && r !== void 0 ? r : o ? l.colors.inverse : l.colors.neutralHigh;
+    const o = s(), e = r !== null && r !== void 0 ? r : o ? l.colors.inverse : l.colors.neutralHigh;
     return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,7 +94,7 @@ const n = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ a("path", {
-            fill: s,
+            fill: e,
             d: "M21.84 5.2c0-1.127-.897-1.964-2.659-2.485-1.213-.359-2.801-.555-4.468-.552-1.67 0-3.257.196-4.47.554-1.463.432-2.33 1.09-2.583 1.953q-.075.254-.076.53v3.73q.001.029.01.056l.007.028v.617a5 5 0 0 0-.666.204l-.625-.616a1.304 1.304 0 0 0-1.815 0l-.737.725a1.248 1.248 0 0 0-.003 1.784l.62.608c-.087.227-.155.46-.205.662h-.745c-.703 0-1.275.563-1.275 1.252v.994c0 .689.572 1.252 1.275 1.252h.745c.05.199.118.434.204.658l-.616.608a1.247 1.247 0 0 0-.003 1.784l.74.726c.487.476 1.33.476 1.815 0l.625-.613q.318.119.666.204v.731c0 .692.572 1.252 1.275 1.252h1.008c.375 0 .709-.162.941-.417 1.126.263 2.477.412 3.883.412 1.666 0 3.254-.197 4.473-.555 1.765-.521 2.658-1.359 2.658-2.485zM10.592 3.87c1.1-.324 2.563-.504 4.115-.504 1.554 0 3.016.18 4.117.504.698.208 1.505.55 1.723 1.062-.18.398-.779.768-1.714 1.045-1.098.325-2.56.504-4.115.504s-3.014-.18-4.115-.504c-.947-.283-1.546-.656-1.717-1.059.18-.4.767-.77 1.706-1.048M20.61 6.535v3.098c-.202.325-.762.773-1.77 1.079-.959.283-2.202.445-3.516.487a1.3 1.3 0 0 0 .056-.356c0-.338-.135-.655-.375-.89l-.74-.729a1.304 1.304 0 0 0-1.815 0l-.625.614a5 5 0 0 0-.664-.207v-.732c0-.691-.571-1.252-1.274-1.252H8.876l-.058.005h-.007V6.52c.39.238.866.445 1.44.613 1.21.358 2.798.555 4.468.555 1.672 0 3.258-.197 4.47-.555a6.2 6.2 0 0 0 1.42-.597M9.38 11.6c2.005 0 3.204 1.176 3.204 3.148s-1.198 3.149-3.204 3.149-3.205-1.177-3.205-3.149S7.375 11.6 9.38 11.6m0 5.086c1.328 0 1.975-.635 1.975-1.94 0-1.306-.647-1.942-1.975-1.942s-1.975.636-1.975 1.941c0 1.309.647 1.941 1.975 1.941m11.23-2.3c-.202.326-.762.774-1.77 1.07-.687.205-1.519.343-2.415.424.112-.188.182-.404.182-.636v-.994c0-.692-.572-1.252-1.275-1.252h-.745a5 5 0 0 0-.185-.583l.16.001.16.002c1.666 0 3.255-.196 4.47-.555a6 6 0 0 0 1.418-.619zm0 1.612V18.8c0 .661-.97 1.087-1.782 1.33-1.106.326-2.571.505-4.12.505q-.593 0-1.168-.04c.266-.035.526-.13.725-.324l.74-.725a1.24 1.24 0 0 0 0-1.782l-.608-.6.162.003q.08.003.163.003c1.67 0 3.255-.196 4.47-.555a6 6 0 0 0 1.418-.618m-8.21 2.515a.64.64 0 0 0-.71-.12 4.4 4.4 0 0 1-1.246.378c-.3.047-.518.3-.518.596v1.224a.046.046 0 0 1-.045.045l-1.056-.045v-1.224a.61.61 0 0 0-.515-.596 4.4 4.4 0 0 1-1.244-.376.622.622 0 0 0-.706.115l-.997.905-.74-.801.92-.905a.595.595 0 0 0 .1-.723c-.16-.28-.3-.8-.364-1.196a.614.614 0 0 0-.608-.507l-1.291-.045.045-1.039H4.67a.614.614 0 0 0 .608-.507c.065-.392.202-.913.364-1.196a.595.595 0 0 0-.1-.723l-.92-.977.816-.726.921.905c.188.182.474.23.709.115a4.4 4.4 0 0 1 1.244-.375c.3-.048.518-.3.518-.597l.045-1.266 1.056.045v1.224c0 .297.218.549.518.596.468.076.866.196 1.246.378a.62.62 0 0 0 .704-.114l.997-.905.74.801-.922.905a.59.59 0 0 0-.118.694c.18.353.308.765.384 1.222a.61.61 0 0 0 .608.507l1.29.045-.044 1.039H14.09a.61.61 0 0 0-.608.507 4.2 4.2 0 0 1-.384 1.221.59.59 0 0 0 .118.695l.921.98-.815.726zm.47 2.025a14 14 0 0 1-1.709-.272h.003v-.4c.23-.056.448-.123.664-.207l.625.613c.12.118.263.207.417.266"
         })
     }));

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

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

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

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as l } from "react/jsx-runtime";
 import { useTheme as r } 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 m = (_param)=>{
     var { color: o, size: c = 24 } = _param, a = _object_without_properties(_param, [

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

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

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

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

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

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

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

package/dist-es/generated/mistica-icons/icon-data-virus-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 e } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
     var { color: r, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = e(), t = r !== null && r !== void 0 ? r : s ? l.colors.inverse : l.colors.neutralHigh;
+    const e = t(), s = r !== null && r !== void 0 ? r : e ? l.colors.inverse : l.colors.neutralHigh;
     return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,7 +94,7 @@ const i = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ a("path", {
-            fill: t,
+            fill: s,
             d: "M9.085 4.04c.18.524.863.98 1.98 1.314 1.182.353 2.732.552 4.384.549 1.653 0 3.205-.196 4.384-.55 1.095-.324 1.765-.761 1.963-1.268 0-.008.009-.017.009-.017-.146-.549-.81-1.014-1.98-1.364-1.171-.353-2.732-.549-4.384-.549s-3.21.196-4.392.549c-1.112.333-1.793.796-1.972 1.32.008.008.008.008.008.016m2.176 6.653a.44.44 0 0 0-.42.468l.045.619-.378.115.007-.073q.009-.072.01-.146c0-1.409-1.373-1.409-1.958-1.409-.586 0-1.958 0-1.958 1.409q.002.116.017.224l-.4-.123.033-.614a.45.45 0 0 0-.423-.47c-.252-.031-.457.176-.47.423l-.051.963c-.012.205.12.39.316.448l.729.222c-.138.32-.21.68-.244 1.05H5.57a.445.445 0 0 0-.446.446v.638a.445.445 0 1 0 .891 0v-.193h.07c.006.457.048.9.151 1.297l-.61.182a.444.444 0 0 0-.317.45l.05.962a.446.446 0 0 0 .446.423h.028a.445.445 0 0 0 .42-.468l-.034-.614.404-.123c.364.468.952.773 1.935.773.98 0 1.569-.302 1.933-.767l.39.117-.034.614a.445.445 0 0 0 .423.468h.022a.45.45 0 0 0 .446-.423l.05-.961a.45.45 0 0 0-.316-.451l-.594-.18c.106-.397.148-.84.154-1.299h.07v.193a.445.445 0 1 0 .89 0v-.638a.445.445 0 0 0-.445-.446h-.543a3.6 3.6 0 0 0-.247-1.056l.712-.216a.444.444 0 0 0 .316-.448l-.05-.963c-.014-.247-.224-.457-.47-.423zm-2.705.462c1.062 0 1.064.215 1.067.51v.003l-.003.02a3.4 3.4 0 0 0-1.067-.158c-.415 0-.762.056-1.062.157l-.001-.008-.002-.009c0-.3 0-.515 1.068-.515m-.003 5.524c-1.247 0-1.586-.457-1.588-2.13 0-1.041.148-1.598.498-1.867.23-.174.588-.26 1.09-.26.498 0 .854.083 1.084.254.353.266.504.826.504 1.874 0 1.672-.342 2.129-1.588 2.129m-.025-3.594c.246 0 .445.199.445.445v2.39a.448.448 0 0 1-.896.003V13.53a.45.45 0 0 1 .45-.445m5.198-2.23-.005.341q-.002.239-.009.514v.005c0 .098 0 .202-.005.3 0 .12 0 .24-.009.364q.002.167-.008.339-.001.134-.01.27l-.007.15q0 .294-.025.586.002.108-.008.218a43 43 0 0 1-.103 1.49q-.003.027-.004.05l-.05.412v.009a6 6 0 0 1-.065.47 1.5 1.5 0 0 1-.114.373 3 3 0 0 1-.227.415q-.006.005-.007.009-.004.007-.01.007a4.5 4.5 0 0 1-.715.835l-.025.025a11 11 0 0 1-1.486 1.175l-.018.013c-.347.244-.706.462-1.04.664h-.008a22 22 0 0 1-1.218.664c-1.473-.729-4.583-2.588-4.86-4.177-.252-1.431-.308-4.476-.316-5.812h.016c1.163 0 1.925-.502 2.608-.955.706-.47 1.373-.908 2.552-.908.163 0 .303.016.45.032l.02.002h.009a3.5 3.5 0 0 1 1.12.314q.026.008.042.025.229.11.449.235.021.02.047.034.209.13.415.266l.025.017c.669.438 1.418.93 2.6.93zm1.465.077q.128.004.258.005c1.65 0 3.21-.185 4.373-.53 1.168-.356 1.8-.89 2.014-1.286V5.343q-.644.515-1.762.84c-1.258.38-2.902.583-4.63.583-1.729 0-3.37-.202-4.63-.583-.774-.221-1.365-.513-1.796-.86v2.193a4 4 0 0 0-.462-.025h-.009c-1.54 0-2.432.588-3.218 1.105l-.02.013c-.74.489-1.323.873-2.406.703a.61.61 0 0 0-.745.615c0 .42-.007 4.748.333 6.654.454 2.616 5.258 4.947 5.796 5.204q.125.051.26.056a.7.7 0 0 0 .26-.056 23 23 0 0 0 2.348-1.32c1.18.331 2.684.516 4.283.516 1.641 0 3.202-.193 4.38-.54 1.348-.406 2.023-.956 2.023-1.628V15.43c-.454.35-1.056.646-1.762.86-1.249.37-2.89.582-4.63.582-.303 0-.592-.016-.886-.033h-.016l.016-.052c.021-.066.044-.136.057-.2v-.01c.03-.17.056-.38.081-.59l.25.01q.245.014.495.015c1.65 0 3.21-.204 4.381-.552 1.168-.356 1.801-.882 2.014-1.285v-3.813c-.454.356-1.056.647-1.762.849-1.249.38-2.89.583-4.63.583q-.136-.001-.267-.005-.128-.003-.254-.004.006-.224.008-.429.003-.23.009-.428.12 0 .246.004"
         })
     }));

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

@@ -78,22 +78,22 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as r } from "react/jsx-runtime";
+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, [
         "color",
         "size"
     ]);
-    const s = i(), a = o !== null && o !== void 0 ? o : s ? r.colors.inverse : r.colors.neutralHigh;
-    return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const s = i(), a = o !== null && o !== void 0 ? o : s ? 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), {
-        children: /* @__PURE__ */ l("path", {
+        children: /* @__PURE__ */ r("path", {
             fill: a,
             d: "M22 4.803c0-1.019-.82-1.779-2.439-2.265C18.41 2.19 16.895 2 15.296 2c-1.597 0-3.114.19-4.266.54-1.343.402-2.143 1.005-2.37 1.79l-.004.003q-.064.225-.065.47v2.87q-.041-.001-.082-.005a2 2 0 0 0-.14-.006h-.006c-1.525 0-2.413.586-3.195 1.104l-.005.003c-.803.53-1.438.95-2.648.76A.419.419 0 0 0 2 9.933v.022c0 .4-.005 4.858.339 6.812.454 2.605 5.546 5.048 5.842 5.19l.006.002a.41.41 0 0 0 .356 0q1.385-.673 2.658-1.53c1.138.316 2.578.495 4.095.495 1.59 0 3.104-.19 4.265-.538C21.181 19.9 22 19.137 22 18.118zm-.834.973V9.19c-.202.367-.774.854-1.835 1.178-1.076.321-2.504.5-4.021.5q-.219 0-.435-.009l-.146-.005c.003-.517.003-.865.003-.916a.44.44 0 0 0-.506-.407c-1.223.188-1.855-.23-2.66-.76l-.001-.002-.006-.004c-.582-.383-1.218-.802-2.131-.995V5.767q.597.454 1.616.763c1.155.344 2.666.535 4.263.535s3.11-.191 4.263-.538c.671-.202 1.2-.453 1.596-.751m0 8.069c-.199.364-.777.85-1.838 1.172-1.079.322-2.507.5-4.021.5-.217 0-.428-.01-.638-.02l-.122-.005c.105-1.206.15-2.68.168-3.812q.098.002.195.007.198.009.397.01c1.596 0 3.11-.191 4.263-.538.637-.19 1.178-.455 1.596-.768zm0 1.2v3.073c0 .61-.62 1.104-1.847 1.471-1.084.325-2.512.504-4.023.504-1.159 0-2.269-.108-3.213-.305 1.12-.876 2.123-1.934 2.313-3.021q.035-.206.066-.444l.205.01c.211.009.423.019.64.019 1.596 0 3.107-.191 4.263-.538.637-.19 1.178-.456 1.596-.768m-12.8 6.075c-1.502-.74-4.897-2.743-5.205-4.495-.276-1.568-.318-4.98-.324-6.223 1.269.06 2.037-.441 2.792-.939.75-.498 1.462-.967 2.734-.967h.006c1.268.003 1.98.471 2.73.966l.002.001c.746.493 1.517 1.002 2.791.933 0 .174-.002.394-.004.644l-.001.113-.007.022q-.012.028-.013.058a.4.4 0 0 0 .013.1l.004.02c-.017 1.265-.068 3.12-.202 4.45q-.004.014-.009.026a.2.2 0 0 0-.011.039.1.1 0 0 0 .003.031l.003.023a11 11 0 0 1-.094.703c-.305 1.755-3.705 3.758-5.208 4.495M9.48 4.53c.16-.476.774-.888 1.793-1.196 1.075-.324 2.504-.5 4.024-.5 1.516 0 2.948.179 4.023.5q1.585.48 1.807 1.224l-.005.008-.006.009c-.176.46-.794.86-1.787 1.158-1.076.321-2.504.5-4.021.5s-2.943-.179-4.021-.5c-1.022-.307-1.645-.72-1.802-1.195q0-.002-.002-.004-.003-.003-.003-.005"
         })

package/dist-es/generated/mistica-icons/icon-data-virus-regular.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 e } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as l } 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 s = e(), t = r !== null && r !== void 0 ? r : s ? l.colors.inverse : l.colors.neutralHigh;
+    const e = t(), s = r !== null && r !== void 0 ? r : e ? l.colors.inverse : l.colors.neutralHigh;
     return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,7 +94,7 @@ const h = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ a("path", {
-            fill: t,
+            fill: s,
             d: "M21.841 5.065c0-1.078-.84-1.88-2.495-2.375-1.132-.34-2.614-.527-4.169-.535-1.557 0-3.039.187-4.17.526-1.37.412-2.185 1.04-2.423 1.866a1.8 1.8 0 0 0-.073.512v2.558h-.02c-1.53 0-2.414.582-3.193 1.098-.74.49-1.323.876-2.398.708a.6.6 0 0 0-.745.583v.018c0 .361-.004 4.701.33 6.61.452 2.588 5.21 4.896 5.751 5.15a.6.6 0 0 0 .516.004c.243-.115 1.347-.65 2.526-1.437 1.098.294 2.46.459 3.897.459 1.551 0 3.033-.188 4.17-.527 1.656-.495 2.496-1.297 2.496-2.375zM9.794 4.799c.17-.364.706-.7 1.56-.958 1.022-.305 2.38-.474 3.82-.474 1.443 0 2.802.171 3.824.477.639.19 1.373.507 1.577.969-.168.364-.717.703-1.569.958-1.022.305-2.378.473-3.82.473-1.443 0-2.799-.17-3.82-.476-.866-.26-1.41-.602-1.572-.97m-.076 1.574q.533.316 1.297.55c1.132.338 2.61.526 4.168.526 1.557 0 3.036-.188 4.168-.527a5.9 5.9 0 0 0 1.28-.535V9.23c-.176.303-.683.72-1.625 1.003-1.022.308-2.378.476-3.82.476q-.12 0-.238-.005l-.12-.003.002-.69a.62.62 0 0 0-.224-.453.64.64 0 0 0-.496-.135c-1.095.174-1.683-.212-2.423-.703-.543-.358-1.143-.745-1.969-.95zm3.6 10.059c-.275 1.577-3.365 3.417-4.824 4.146-1.838-.908-4.571-2.723-4.818-4.149-.25-1.42-.3-4.434-.308-5.762h.011c1.156 0 1.91-.498 2.587-.946h.001l.01-.007c.696-.457 1.357-.89 2.517-.89h.003c1.168.003 1.829.437 2.526.9l.007.003c.67.442 1.415.932 2.593.932h.003q-.003.12-.003.258l-.003.26-.008.029q-.008.021-.012.047c-.002.026.004.051.01.076l.007.036c-.017 1.226-.067 3.016-.199 4.297q-.002.015-.008.03l-.008.031q-.002.014.002.027l.003.02c-.025.242-.056.469-.09.662m-1.858-2.558c.244 0 .443.2.443.443v.633a.443.443 0 0 1-.885 0v-.19h-.073a5.3 5.3 0 0 1-.154 1.288l.588.18a.44.44 0 0 1 .314.445l-.05.952a.44.44 0 0 1-.443.418h-.023a.44.44 0 0 1-.417-.465l.03-.608-.386-.118c-.358.462-.94.765-1.913.765-.975 0-1.557-.303-1.916-.768l-.4.12.03.608a.44.44 0 0 1-.417.465h-.025a.44.44 0 0 1-.443-.417l-.05-.952a.44.44 0 0 1 .314-.446l.605-.182a5.4 5.4 0 0 1-.152-1.283h-.072v.19a.443.443 0 0 1-.886 0v-.632c0-.244.2-.443.443-.443h.54c.034-.367.107-.722.242-1.042l-.72-.218a.44.44 0 0 1-.314-.446l.05-.955a.442.442 0 0 1 .883.048l-.031.608.398.12a2 2 0 0 1-.017-.224c0-1.395 1.358-1.395 1.941-1.395s1.941 0 1.941 1.395q-.002.113-.017.216l.373-.112-.03-.608a.442.442 0 1 1 .881-.048l.05.955a.44.44 0 0 1-.313.446l-.706.213c.137.319.207.68.244 1.047h.543zm-4.02-2.106q-.001.01.004.017c.296-.101.641-.154 1.05-.154.412 0 .756.056 1.056.157v-.02c0-.3 0-.513-1.053-.513-1.056 0-1.056.213-1.056.513m2.625 2.854c0-1.039-.148-1.594-.498-1.857-.227-.17-.577-.255-1.073-.255-.499 0-.852.084-1.078.258-.348.266-.493.818-.493 1.851 0 1.662.336 2.113 1.571 2.113 1.232 0 1.571-.454 1.571-2.11m-1.154-1.01a.44.44 0 0 0-.442-.443.44.44 0 0 0-.443.442v2.37a.442.442 0 1 0 .885 0zm10.087 5.52c-1.028.308-2.386.476-3.823.476-.93 0-1.818-.075-2.617-.21.964-.812 1.776-1.764 1.95-2.759a6 6 0 0 0 .04-.258l.236.009q.2.01.405.011c1.554 0 3.036-.188 4.168-.527.482-.145.91-.336 1.277-.557v2.591c0 .605-.89 1-1.636 1.224m-4.185-7.23.016.001c.12.005.236.01.357.01 1.554 0 3.036-.187 4.168-.526.482-.146.91-.336 1.277-.557v2.89c-.18.3-.686.717-1.625 1-1.022.308-2.378.477-3.82.477q-.172-.001-.34-.01l-.176-.007c.085-1.056.124-2.28.143-3.277"
         })
     }));

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

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

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

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 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 { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as h } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: o, size: c = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = i(), e = o !== null && o !== void 0 ? o : t ? h.colors.inverse : h.colors.neutralHigh, { skinName: r } = n();
+    const t = i(), s = o !== null && o !== void 0 ? o : t ? h.colors.inverse : h.colors.neutralHigh, { skinName: r } = n();
     return r.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, e), {
         children: /* @__PURE__ */ a("path", {
-            fill: e,
+            fill: s,
             d: "M15.571 4h-8.93v16h10.713V5.946C17.36 4.878 16.573 4 15.571 4m-7.499 6.096h7.86v3.428h-7.86zm7.856-4.15v3.009H8.072V5.526h7.5c.214 0 .356.19.356.42M8.072 18.479v-3.81h7.86v3.81zm3.75-10.666H9.677c-.283 0-.535-.268-.535-.57s.252-.57.535-.57h2.145c.283 0 .535.268.535.57s-.252.57-.535.57m0 3.429H9.677c-.283 0-.535.268-.535.57 0 .303.252.57.535.57h2.145c.283 0 .535-.267.535-.57s-.215-.57-.535-.57M9.677 15.81h2.145c.32 0 .535.268.535.57 0 .303-.252.571-.535.571H9.677c-.283 0-.535-.268-.535-.57 0-.303.252-.571.535-.571M5.393 9.793c.251-.19.283-.531.142-.8-.179-.268-.499-.302-.75-.15a2.51 2.51 0 0 0-1.002 2.018c0 .8.357 1.522.965 1.98a.53.53 0 0 0 .32.112q.266-.001.43-.229a.59.59 0 0 0-.142-.8c-.283-.268-.498-.648-.498-1.068 0-.419.21-.794.535-1.063m-1.358-1.18a3.13 3.13 0 0 0-.965 2.248c0 .84.357 1.673.965 2.248.215.19.215.571.036.8a.57.57 0 0 1-.393.19.45.45 0 0 1-.357-.15C2.466 13.186 2 12.04 2 10.86s.462-2.326 1.321-3.087a.495.495 0 0 1 .75.04c.215.229.179.609-.036.8m15.217.264c-.252-.19-.572-.113-.75.15a.59.59 0 0 0 .142.8c.32.23.498.65.498 1.069s-.178.8-.498 1.067c-.252.19-.284.532-.142.8.105.152.284.23.43.23a.57.57 0 0 0 .32-.113c.608-.497.965-1.219.965-2.019s-.357-1.526-.965-1.984m.677-1.063c.178-.23.535-.23.75-.04.86.761 1.321 1.907 1.321 3.087s-.498 2.287-1.321 3.087a.45.45 0 0 1-.357.152.56.56 0 0 1-.393-.19.576.576 0 0 1 .036-.8c.608-.571.965-1.41.965-2.249 0-.838-.357-1.677-.965-2.248-.215-.19-.215-.57-.036-.8"
         })
     })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
@@ -103,11 +103,11 @@ const m = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, e), {
         children: /* @__PURE__ */ a("path", {
-            fill: e,
+            fill: s,
             d: "M17.354 19.265H6.994v-5.818h10.004v1.82c0 .219.142.363.356.363.215 0 .357-.144.357-.363V5.489c0-.837-.645-1.489-1.427-1.489H6.28v16h11.074c.215 0 .357-.144.357-.363s-.142-.372-.357-.372M6.994 12.72V9.087h10.004v3.634zM16.997 5.49v2.872H6.993V4.726h9.291c.394 0 .714.326.714.763M8.424 6.904h2.145c.215 0 .356-.144.356-.363s-.141-.363-.356-.363H8.424c-.215 0-.356.144-.356.363s.141.363.356.363m0 3.64h2.145c.21 0 .356.144.356.362 0 .22-.141.364-.356.364H8.424c-.215 0-.356-.145-.356-.364 0-.218.141-.363.356-.363m.037 4.36c-.215 0-.357.144-.357.363s.142.363.357.363h2.108c.215 0 .356-.144.356-.363s-.141-.363-.356-.363zm8.18 2.546c0-.4.32-.726.713-.726a.72.72 0 0 1 .714.726c0 .4-.32.726-.714.726a.72.72 0 0 1-.713-.726M4.743 9.743c.179-.107.215-.326.074-.507-.106-.182-.32-.219-.499-.075a2.22 2.22 0 0 0-.891 1.745c0 .69.32 1.345.891 1.746l.012.006c.069.035.134.068.203.068a.33.33 0 0 0 .288-.144c.105-.182.073-.4-.073-.507a1.45 1.45 0 0 1-.608-1.164c0-.475.21-.88.603-1.168M3.71 8.617a3.07 3.07 0 0 0-1.001 2.29c0 .87.356 1.707 1.006 2.294.141.144.178.363.036.507-.036.07-.141.107-.251.107a.5.5 0 0 1-.243-.07l-.009-.004A3.87 3.87 0 0 1 2 10.906c0-1.089.462-2.108 1.248-2.834.142-.144.357-.107.499.037.141.145.105.363-.037.508m15.967.544c-.178-.107-.393-.074-.498.075-.105.181-.073.4.073.507.357.256.608.689.608 1.163s-.215.875-.608 1.164c-.178.107-.215.326-.073.507a.33.33 0 0 0 .283.144c.07 0 .134-.033.203-.068l.012-.006a2.22 2.22 0 0 0 .892-1.745c0-.69-.357-1.34-.892-1.74m.572-1.056c.142-.145.356-.182.498-.038.787.726 1.253 1.708 1.253 2.797a3.85 3.85 0 0 1-1.248 2.835.4.4 0 0 1-.252.107.38.38 0 0 1-.251-.107c-.142-.145-.105-.363.036-.508a3.08 3.08 0 0 0 1.002-2.29 3.08 3.08 0 0 0-1.002-2.289c-.141-.144-.178-.363-.036-.507"
         })
     }));
-}, d = m;
-export { d as default };
+}, H = m;
+export { H as default };

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

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

package/dist-es/generated/mistica-icons/icon-database-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 i } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useTheme as l } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as h } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = n(), o = r !== null && r !== void 0 ? r : l ? h.colors.inverse : h.colors.neutralHigh, { skinName: t } = i();
+    const i = n(), o = r !== null && r !== void 0 ? r : i ? h.colors.inverse : h.colors.neutralHigh, { skinName: t } = l();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,