@telefonica/mistica 15.20.1 → 16.0.0

package/dist-es/generated/mistica-icons/{icon-not-conexion-light.js → icon-no-conexion-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 e } 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 i = (_param)=>{
-    var { color: t, size: o = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: a, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = e(), n = t !== null && t !== void 0 ? t : a ? r.colors.inverse : r.colors.neutralHigh;
+    const e = t(), n = a !== null && a !== void 0 ? a : e ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,

package/dist-es/generated/mistica-icons/{icon-not-conexion-regular.js → icon-no-conexion-regular.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 t } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: r, size: o = 24 } = _param, a = _object_without_properties(_param, [
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+const t = (_param)=>{
+    var { color: l, size: o = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = t(), n = r !== null && r !== void 0 ? r : e ? l.colors.inverse : l.colors.neutralHigh;
+    const e = s(), n = l !== null && l !== void 0 ? l : e ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -98,5 +98,5 @@ const s = (_param)=>{
             d: "M20.506 14.771c.868.869 1.32 1.793 1.336 2.754.02.989-.426 1.966-1.32 2.902a7 7 0 0 1-.856.722l-.023.014-.005.005-.003.003-.006.004-.008.005-.006.006c-.63.434-1.412.655-2.322.655-.902 0-1.9-.218-2.975-.644-2.129-.849-4.442-2.487-6.697-4.742l-.062-.065-.011-.01-.006-.006c-2.252-2.25-3.89-4.566-4.74-6.695-.86-2.157-.856-4.037.01-5.291l.016-.023c.141-.195.428-.59.745-.89.936-.897 1.9-1.314 2.902-1.32.958.017 1.885.468 2.754 1.336.341.342.624.7.834 1.065.476.767.65 1.582.51 2.406-.134.8-.569 1.571-1.291 2.294q-.126.127-.26.246c.05.118.145.303.33.577.538.785 1.462 1.734 2.109 2.381l.079.079c.647.644 1.596 1.568 2.383 2.109.272.185.457.28.574.33.076-.086.152-.165.25-.26.72-.72 1.493-1.157 2.294-1.291.826-.14 1.641.036 2.423.518.344.204.703.485 1.042.826m-.855 4.824c.667-.698.998-1.387.986-2.048-.01-.636-.344-1.283-.983-1.921a4 4 0 0 0-.818-.645c-.537-.333-1.072-.45-1.6-.364-.548.093-1.1.415-1.643.955a5 5 0 0 0-.37.415.7.7 0 0 1-.177.148c-.409.233-.983.073-1.812-.493-.868-.596-1.874-1.568-2.552-2.249l-.078-.078c-.68-.681-1.656-1.684-2.25-2.552-.565-.826-.725-1.4-.495-1.81a.6.6 0 0 1 .148-.176c.171-.137.272-.227.418-.37.54-.54.862-1.092.955-1.644.09-.527-.031-1.062-.356-1.586a3.8 3.8 0 0 0-.65-.831c-.641-.64-1.288-.972-1.924-.984-.68-.017-1.35.32-2.048.986a5.3 5.3 0 0 0-.58.698c-.652.944-.61 2.42.096 4.19.787 1.972 2.33 4.143 4.459 6.278l.022.02.07.07c2.14 2.14 4.317 3.688 6.295 4.475 1.75.698 3.257.74 4.16.118a.3.3 0 0 1 .055-.042c.146-.104.457-.336.672-.56m-6.495-12.35c0 2.507 1.117 3.624 3.624 3.624 2.51 0 3.628-1.117 3.628-3.624.003-2.51-1.118-3.63-3.628-3.628-2.507 0-3.624 1.118-3.624 3.628m3.624 4.832c-3.053 0-4.832-1.541-4.832-4.832 0-3.294 1.78-4.835 4.832-4.835 3.054 0 4.838 1.543 4.838 4.835s-1.784 4.832-4.838 4.832M14.71 8.46a.6.6 0 0 0 0 .852.605.605 0 0 0 .855 0l1.215-1.216 1.216 1.224a.605.605 0 0 0 .854-.854l-1.22-1.221 1.22-1.222A.602.602 0 1 0 18 5.172l-1.221 1.221-1.216-1.216a.602.602 0 1 0-.852.852l1.216 1.216z"
         })
     }));
-}, h = s;
+}, h = t;
 export { h as default };

package/dist-es/generated/mistica-icons/icon-no-hidden-bills-filled.js

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as o } 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 r } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: a, size: e = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = h(), i = a !== null && a !== void 0 ? a : c ? r.colors.inverse : r.colors.neutralHigh, { skinName: t } = n();
+    const c = h(), l = a !== null && a !== void 0 ? a : c ? r.colors.inverse : r.colors.neutralHigh, { skinName: t } = n();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, i), {
         children: /* @__PURE__ */ o("path", {
-            fill: i,
+            fill: l,
             d: "M21.319 21.79a.654.654 0 0 1-.958 0L3.797 4.398 2.669 3.22a.74.74 0 0 1 0-1.01.66.66 0 0 1 .962 0l1.637 1.719c.24-.905 1.028-1.568 1.963-1.568h9.525c1.124 0 2.042.96 2.042 2.144v13.63l2.52 2.646a.74.74 0 0 1 0 1.01m-2.547-.151H5.194V7.383zM15.398 5.751c.274 0 .54.069.784.201a.497.497 0 0 0 .688-.228.547.547 0 0 0-.218-.722 2.6 2.6 0 0 0-1.258-.325c-1.328 0-2.434 1.001-2.673 2.322h-.392a.52.52 0 0 0-.51.535.52.52 0 0 0 .51.535h.392c.24 1.32 1.345 2.321 2.673 2.321q.662-.002 1.258-.324a.55.55 0 0 0 .217-.722.504.504 0 0 0-.687-.229 1.6 1.6 0 0 1-.784.201c-.757 0-1.397-.53-1.615-1.247h1.615a.52.52 0 0 0 .51-.535.52.52 0 0 0-.51-.535h-1.615c.218-.722.853-1.248 1.615-1.248"
         })
     })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
@@ -103,9 +103,9 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, i), {
         children: /* @__PURE__ */ o("path", {
-            fill: i,
+            fill: l,
             d: "M21.319 21.79a.654.654 0 0 1-.958 0L3.797 4.398 2.669 3.22a.74.74 0 0 1 0-1.01.66.66 0 0 1 .962 0l1.637 1.719c.24-.905 1.028-1.568 1.964-1.568h9.524c1.124 0 2.042.96 2.042 2.144v13.63l2.52 2.646a.74.74 0 0 1 0 1.01m-2.547-.151H5.194V7.383zM15.398 5.751c.274 0 .54.069.784.201a.497.497 0 0 0 .688-.228.547.547 0 0 0-.218-.722 2.6 2.6 0 0 0-1.258-.325c-1.328 0-2.434 1.001-2.673 2.322h-.392a.52.52 0 0 0-.51.535.52.52 0 0 0 .51.535h.392c.24 1.32 1.345 2.321 2.673 2.321.44 0 .862-.11 1.258-.324a.55.55 0 0 0 .218-.722.504.504 0 0 0-.688-.229 1.6 1.6 0 0 1-.784.201c-.757 0-1.397-.53-1.615-1.247h1.615a.52.52 0 0 0 .51-.535.52.52 0 0 0-.51-.535h-1.615c.218-.722.853-1.248 1.615-1.248"
         })
     }));

package/dist-es/generated/mistica-icons/icon-no-hidden-bills-light.js

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

package/dist-es/generated/mistica-icons/icon-no-hidden-bills-regular.js

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

package/dist-es/generated/mistica-icons/{icon-not-photo-camera-filled.js → icon-no-photo-camera-filled.js}

@@ -80,32 +80,32 @@ function _object_without_properties_loose(source, excluded) {
 }
 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 { vars as t } 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: l = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: t, size: l = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = n(), o = r !== null && r !== void 0 ? r : h ? t.colors.inverse : t.colors.neutralHigh, { skinName: e } = i();
-    return e.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const h = n(), e = t !== null && t !== void 0 ? t : h ? r.colors.inverse : r.colors.neutralHigh, { skinName: o } = i();
+    return o.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ c("path", {
-            fill: o,
+            fill: e,
             d: "M2.51 11.308c-.343.333-.51.849-.51 1.577s.167 1.243.51 1.576.875.495 1.626.495 1.283-.162 1.627-.495c.343-.332.51-.848.51-1.576 0-.73-.167-1.247-.514-1.58-.343-.332-.873-.492-1.618-.492h-.005c-.751 0-1.283.162-1.626.495M21.47 18c.222-.005.312-.07.36-.12.16-.166.174-.5.168-.563l-.003-8.672q.002-.406-.18-.574a.6.6 0 0 0-.336-.14l-5.603-.002a.58.58 0 0 1-.522-.288C15 7 14.893 6.5 14.365 6.5c-.279 0-1.865 0-2.173.005-.514.01-.488.476-.8 1.1a.61.61 0 0 1-.542.327c-2.588 0-4.78 0-5.33.006q-.47.003-.649.198c-.16.174-.146.446-.143.449l.004 1.43c.674.081 1.214.308 1.61.678.525.49.792 1.228.792 2.192 0 .963-.267 1.7-.792 2.191-.392.366-.926.591-1.59.675l.004 1.533c.021.663.352.705.408.712h.005l.003.001zm-8.18-7.93c.575.014 2.818.237 2.817 2.899 0 2.666-2.245 2.873-2.81 2.884l-.08.001h-.002l-.091.002h-.095c-.59-.008-2.807-.218-2.807-2.901 0-2.678 2.198-2.876 2.787-2.882h.059a2 2 0 0 1 .222-.003m-.011 4.62c1.624-.029 1.625-1.302 1.625-1.721s0-1.699-1.642-1.737c-.059-.002-.126-.002-.19-.002h-.049c-1.594.013-1.594 1.3-1.594 1.722 0 .425 0 1.717 1.62 1.742h.075zm-8.17-.397a.44.44 0 0 1-.305-.121l-.649-.633a.064.064 0 0 0-.09 0l-.646.627a.44.44 0 0 1-.61 0 .407.407 0 0 1 0-.587l.65-.629a.06.06 0 0 0 0-.086l-.65-.629a.407.407 0 0 1 0-.587.43.43 0 0 1 .304-.122c.115 0 .223.043.304.122l.648.628a.065.065 0 0 0 .09 0l.65-.631a.43.43 0 0 1 .304-.122c.115 0 .223.043.304.122a.407.407 0 0 1 0 .587l-.652.632a.06.06 0 0 0 0 .086l.652.632a.41.41 0 0 1 0 .589.43.43 0 0 1-.304.122"
         })
-    })) : e.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ c("path", {
-            fill: o,
+            fill: e,
             d: "M5.136 6.043h-.014l3.24 3.24q.005-.005.004-.006l.668.668-.003.01 4.375 4.376c.003 0 .007-.004.01-.004l.669.668q-.007.005-.008.004l3.52 3.52h.015l3.292 3.292c.125.125.29.187.456.187a.642.642 0 0 0 .455-1.094l-2.456-2.455c.819-.202 1.542-.822 1.542-1.674V7.966c0-1.028-.9-1.927-1.927-1.927H16.84l-2.386-2.213a.64.64 0 0 0-.436-.173L9.622 3.65a.64.64 0 0 0-.437.172L6.88 5.97 3.096 2.185a.64.64 0 0 0-.907 0 .64.64 0 0 0 0 .907zm6.68 1.373a4.135 4.135 0 0 1 4.13 4.129c0 .976-.342 1.872-.91 2.58l-.654-.653c.42-.555.646-1.232.646-1.927a3.213 3.213 0 0 0-3.212-3.212c-.723 0-1.387.242-1.926.646l-.654-.653a4.13 4.13 0 0 1 2.58-.91m3.964 11.103H4.477c-1.01 0-1.744-.734-1.744-1.744V7.966c0-.653.364-1.251.892-1.604l4.188 4.188c-.08.32-.125.653-.125.995a4.135 4.135 0 0 0 4.13 4.129q.517-.002.994-.125zm-7.175-6.974c0-.063.007-.125.01-.191l3.389 3.388c-.063.003-.125.01-.191.01a3.207 3.207 0 0 1-3.208-3.207"
         })
     })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const m = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ c("path", {
-            fill: o,
+            fill: e,
             d: "M5.136 6.043h-.014l3.24 3.24q.005-.005.004-.006l.668.668-.003.01 4.375 4.376q.006-.002.01-.004l.669.668q-.006.005-.007.004l3.52 3.52h.014l3.293 3.292c.124.125.29.187.455.187a.642.642 0 0 0 .455-1.094l-2.456-2.455c.819-.202 1.542-.822 1.542-1.674V7.966c0-1.028-.9-1.927-1.927-1.927H16.84l-2.385-2.213a.64.64 0 0 0-.437-.173L9.622 3.65a.64.64 0 0 0-.437.172L6.88 5.97 3.096 2.185a.64.64 0 0 0-.907 0 .64.64 0 0 0 0 .907zm6.68 1.373a4.135 4.135 0 0 1 4.13 4.129c0 .976-.342 1.872-.91 2.58l-.654-.653c.42-.555.646-1.232.646-1.927a3.213 3.213 0 0 0-3.211-3.212c-.723 0-1.388.242-1.927.646l-.654-.653a4.13 4.13 0 0 1 2.58-.91m3.965 11.103H4.476c-1.01 0-1.744-.734-1.744-1.744V7.966c0-.653.364-1.251.892-1.604l4.188 4.188c-.08.32-.125.653-.125.995a4.135 4.135 0 0 0 4.13 4.129q.517-.002.994-.125zm-7.176-6.974c0-.063.007-.125.011-.191l3.388 3.388c-.063.003-.125.01-.191.01a3.206 3.206 0 0 1-3.208-3.207"
         })
     }));

package/dist-es/generated/mistica-icons/{icon-not-photo-camera-light.js → icon-no-photo-camera-light.js}

@@ -78,27 +78,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
-    var { color: l, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: a, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = h(), o = l !== null && l !== void 0 ? l : s ? r.colors.inverse : r.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const e = h(), o = a !== null && a !== void 0 ? a : e ? t.colors.inverse : t.colors.neutralHigh;
+    return /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, l), {
         children: [
-            /* @__PURE__ */ t("path", {
+            /* @__PURE__ */ r("path", {
                 fill: o,
                 d: "M12.707 9.895c-1.174 0-2.127.95-2.127 2.121v.685c0 1.171.953 2.12 2.127 2.12h.687c1.175 0 2.127-.949 2.127-2.12v-.685c0-1.171-.952-2.12-2.127-2.12zm-1.338 2.121c0-.736.6-1.334 1.338-1.334h.687c.739 0 1.338.598 1.338 1.334v.685c0 .736-.599 1.334-1.338 1.334h-.687A1.336 1.336 0 0 1 11.37 12.7zM3.84 11.27a.32.32 0 0 0-.45 0 .316.316 0 0 0 0 .449l.636.634-.636.635a.316.316 0 0 0 0 .448.32.32 0 0 0 .45 0l.636-.635.636.635a.32.32 0 0 0 .45 0 .316.316 0 0 0 0-.448l-.637-.635.636-.634a.316.316 0 0 0 0-.448.32.32 0 0 0-.449 0l-.636.634z"
             }),
-            /* @__PURE__ */ t("path", {
+            /* @__PURE__ */ r("path", {
                 fill: o,
                 d: "M11.939 5a.87.87 0 0 0-.768.452l-.001.002-.728 1.345H5.511c-.792 0-1.43.636-1.43 1.425v1.657c-.609.051-1.115.232-1.482.605-.44.45-.599 1.099-.599 1.867 0 .757.133 1.409.564 1.863.364.383.88.562 1.517.612v1.746c0 .79.638 1.426 1.43 1.426H20.57c.792 0 1.43-.636 1.43-1.426v-8.34c0-.789-.638-1.425-1.43-1.425h-4.965l-.938-1.418-.005-.007A.88.88 0 0 0 13.937 5zm-5.59 5.456c-.37-.366-.877-.53-1.479-.577V8.224c0-.355.285-.638.641-.638h5.402l.953-1.76v-.002c.01-.017.034-.037.072-.037h2c.023 0 .049.009.073.043l1.17 1.766h5.389c.356 0 .64.284.64.639v8.34a.637.637 0 0 1-.64.638H5.511a.637.637 0 0 1-.64-.639v-1.746c.615-.045 1.127-.209 1.495-.58.442-.445.585-1.102.585-1.895 0-.799-.156-1.453-.603-1.897m-3.56 1.897c0-.682.144-1.081.375-1.316.228-.233.62-.385 1.312-.385.701 0 1.09.139 1.315.362s.371.616.371 1.34c0 .73-.139 1.12-.358 1.341-.217.22-.603.36-1.328.36-.738 0-1.124-.155-1.339-.38-.219-.231-.348-.626-.348-1.322"
             })

package/dist-es/generated/mistica-icons/{icon-not-photo-camera-regular.js → icon-no-photo-camera-regular.js}

@@ -80,20 +80,20 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsxs as i, jsx as l } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as m } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.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: h, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = m(), a = h !== null && h !== void 0 ? h : r ? t.colors.inverse : t.colors.neutralHigh, { skinName: e } = n();
-    return e.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    const t = m(), a = r !== null && r !== void 0 ? r : t ? h.colors.inverse : h.colors.neutralHigh, { skinName: o } = n();
+    return o.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, e), {
         children: [
             /* @__PURE__ */ l("path", {
                 fill: a,
@@ -104,12 +104,12 @@ const s = (_param)=>{
                 d: "M21.998 17.297h-.003V9.455c0-.67-.267-1.063-.49-1.275-.4-.378-.903-.414-1.046-.424h-.007l-.03-.004-4.753-.005-.738-1.225A1.09 1.09 0 0 0 13.998 6h-1.982c-.415 0-.786.225-.97.586l-.587 1.161c-2.198 0-4.022.003-4.495.005-.75.003-1.172.292-1.396.532a1.61 1.61 0 0 0-.405 1.169l.004 1.247c-.624.076-1.12.29-1.478.637-.457.445-.689 1.107-.689 1.97 0 .86.232 1.523.69 1.967.36.35.862.564 1.493.639l.003 1.399c.044 1.411 1.064 1.685 1.483 1.685L20.425 19c.578 0 .931-.237 1.125-.437.486-.5.453-1.222.448-1.266M2.78 13.306c0-.662.15-1.13.462-1.432.311-.303.793-.45 1.473-.45h.005c.676 0 1.156.146 1.467.446.314.303.466.773.465 1.436 0 .661-.151 1.13-.462 1.431-.311.303-.794.45-1.474.45s-1.163-.147-1.473-.45c-.312-.302-.463-.77-.463-1.431m17.971 4.537c-.043.044-.124.104-.325.108L5.654 17.95H5.65l-.003-.001c-.05-.006-.35-.044-.37-.646l-.003-1.393c.602-.076 1.086-.281 1.44-.613.477-.446.719-1.115.719-1.99s-.242-1.545-.718-1.991q-.542-.504-1.459-.616l-.004-1.298c-.002-.003-.015-.25.13-.408q.162-.178.588-.18c.498-.005 2.485-.005 4.83-.005a.55.55 0 0 0 .491-.297l.725-1.453 1.969-.005.898 1.49c.097.16.277.262.473.262l5.077.002c.003 0 .184.01.306.126q.163.154.162.522l.003 7.876c.005.057-.008.361-.153.512"
             })
         ]
-    })) : e.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, e), {
         children: /* @__PURE__ */ l("path", {
             fill: a,
             d: "m21.815 20.904-2.456-2.455c.819-.202 1.542-.822 1.542-1.674V7.966c0-1.028-.9-1.927-1.927-1.927H16.84l-2.386-2.213a.64.64 0 0 0-.436-.173L9.622 3.65a.64.64 0 0 0-.437.172L6.88 5.97 3.096 2.185a.64.64 0 0 0-.907 0 .64.64 0 0 0 0 .907l2.951 2.95-.48-.003c-1.028 0-1.928.9-1.928 1.927v8.81c0 1.009.734 1.743 1.744 1.743h13.136l3.292 3.292c.125.125.29.187.456.187a.642.642 0 0 0 .455-1.094M9.875 4.934l3.89.004 2.386 2.213c.118.11.276.173.437.173h2.386c.304 0 .642.338.642.642v8.81c0 .19-.415.458-.826.458h-.646l-2.976-2.977a4.3 4.3 0 0 0 .965-2.712 4.317 4.317 0 0 0-4.313-4.313 4.3 4.3 0 0 0-2.712.965L7.794 6.883zm-.705 5.143 4.115 4.114a3 3 0 0 1-1.469.382 3.03 3.03 0 0 1-3.028-3.028c0-.532.14-1.032.382-1.468m.852-.966a3 3 0 0 1 1.794-.594 3.03 3.03 0 0 1 3.029 3.028c0 .672-.224 1.292-.595 1.795zm-5.546 8.123c-.309 0-.46-.15-.46-.459V7.966c0-.304.339-.642.64-.642l1.776.015 1.806 1.805a4.3 4.3 0 0 0-.734 2.4 4.317 4.317 0 0 0 4.313 4.313c.888 0 1.714-.271 2.4-.733l2.11 2.11z"
@@ -119,7 +119,7 @@ const s = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, e), {
         children: /* @__PURE__ */ l("path", {
             fill: a,
             d: "m21.815 20.904-2.456-2.455c.819-.202 1.542-.822 1.542-1.674V7.966c0-1.028-.9-1.927-1.927-1.927H16.84l-2.386-2.213a.64.64 0 0 0-.436-.173L9.622 3.65a.64.64 0 0 0-.437.172L6.88 5.97 3.096 2.185a.64.64 0 0 0-.907 0 .64.64 0 0 0 0 .907l2.951 2.95-.48-.003c-1.028 0-1.928.9-1.928 1.927v8.81c0 1.009.734 1.743 1.744 1.743h13.136l3.292 3.292c.125.125.29.187.456.187a.642.642 0 0 0 .455-1.094M9.875 4.934l3.89.004 2.386 2.213c.118.11.276.173.437.173h2.386c.304 0 .642.338.642.642v8.81c0 .19-.415.458-.826.458h-.646l-2.976-2.977a4.3 4.3 0 0 0 .965-2.712 4.317 4.317 0 0 0-4.313-4.313 4.3 4.3 0 0 0-2.712.965L7.794 6.883zm-.705 5.143 4.115 4.114a3 3 0 0 1-1.469.382 3.03 3.03 0 0 1-3.028-3.028c0-.532.14-1.032.382-1.468m.852-.966a3 3 0 0 1 1.794-.594 3.03 3.03 0 0 1 3.029 3.028c0 .672-.224 1.292-.595 1.795zm-5.546 8.123c-.309 0-.46-.15-.46-.459V7.966c0-.304.339-.642.64-.642l1.776.015 1.806 1.805a4.3 4.3 0 0 0-.734 2.4 4.317 4.317 0 0 0 4.313 4.313c.888 0 1.714-.271 2.4-.733l2.11 2.11z"

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

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

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

@@ -78,34 +78,34 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useTheme as i } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: r, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = i(), a = r !== null && r !== void 0 ? r : l ? e.colors.inverse : e.colors.neutralHigh, { skinName: t } = n();
-    return t.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    const l = n(), o = r !== null && r !== void 0 ? r : l ? e.colors.inverse : e.colors.neutralHigh, { skinName: t } = i();
+    return t.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ h("path", {
-            fill: a,
+    }, h), {
+        children: /* @__PURE__ */ a("path", {
+            fill: o,
             d: "m21.772 20.93-4.312-4.31h3.509c.348 0 .627-.28.627-.627v-2.87a.626.626 0 0 0-.627-.628h-7.634L3.118 2.275a.63.63 0 0 0-.886 0 .63.63 0 0 0 0 .886l9.33 9.33h-8.53a.626.626 0 0 0-.628.628v2.87c0 .348.28.628.628.628h12.656l5.198 5.198a.63.63 0 0 0 .445.183.63.63 0 0 0 .445-.183.63.63 0 0 0-.004-.886m-1.431-5.565h-1.614v-1.614h1.614zm-2.87-1.614v1.614h-1.266l-1.615-1.614zM3.659 15.365v-1.614h9.159l1.614 1.614zM17.837 2.626c0-.348.28-.628.628-.628a2.42 2.42 0 0 1 2.421 2.418c0 .664-.265 1.263-.7 1.7a3.24 3.24 0 0 1 1.418 2.695v1.793c0 .348-.28.628-.628.628a.626.626 0 0 1-.628-.628V8.811c0-1.066-.86-1.966-1.88-1.966a.632.632 0 0 1 0-1.263 1.165 1.165 0 0 0-.003-2.328.626.626 0 0 1-.628-.628m-5.381 4.57c0-1.313 1.108-2.421 2.421-2.421.348 0 .628.28.628.628s-.28.627-.628.627c-.62 0-1.166.546-1.166 1.166 0 .592.524 1.077 1.166 1.077h1.615c1.313 0 2.421 1.108 2.421 2.421 0 .348-.28.628-.628.628a.626.626 0 0 1-.628-.628c0-.62-.545-1.166-1.165-1.166h-1.615c-1.338 0-2.421-1.044-2.421-2.332"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ h("path", {
-            fill: a,
+    }, h), {
+        children: /* @__PURE__ */ a("path", {
+            fill: o,
             d: "m21.772 20.93-4.312-4.31h3.509c.348 0 .627-.28.627-.627v-2.87a.626.626 0 0 0-.627-.628h-7.634L3.118 2.275a.63.63 0 0 0-.887 0 .63.63 0 0 0 0 .886l9.331 9.33h-8.53a.626.626 0 0 0-.628.628v2.87c0 .348.28.628.627.628h12.657l5.198 5.198a.63.63 0 0 0 .445.183.63.63 0 0 0 .445-.183.63.63 0 0 0-.004-.886m-1.431-5.565h-1.614v-1.614h1.614zm-2.87-1.614v1.614h-1.266l-1.615-1.614zM3.659 15.365v-1.614h9.159l1.614 1.614zM17.837 2.626c0-.348.28-.628.628-.628a2.42 2.42 0 0 1 2.421 2.418c0 .664-.265 1.263-.7 1.7a3.24 3.24 0 0 1 1.418 2.695v1.793c0 .348-.28.628-.628.628a.626.626 0 0 1-.628-.628V8.811c0-1.066-.86-1.966-1.88-1.966a.632.632 0 0 1 0-1.263 1.165 1.165 0 0 0-.003-2.328.626.626 0 0 1-.628-.628m-5.381 4.57c0-1.313 1.108-2.421 2.421-2.421.348 0 .628.28.628.628s-.28.627-.628.627c-.62 0-1.166.546-1.166 1.166 0 .592.524 1.077 1.166 1.077h1.615c1.313 0 2.421 1.108 2.421 2.421 0 .348-.28.628-.628.628a.626.626 0 0 1-.628-.628c0-.62-.545-1.166-1.165-1.166h-1.615c-1.338 0-2.421-1.044-2.421-2.332"
         })
     }));

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

package/dist-es/generated/mistica-icons/icon-no-tickets-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 s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const h = (_param)=>{
     var { color: t, size: l = 24 } = _param, e = _object_without_properties(_param, [
@@ -109,5 +109,5 @@ const h = (_param)=>{
             d: "M21.818 14.225 9.771 2.175a.643.643 0 0 0-.885 0L6.475 4.589a.623.623 0 0 0 0 .886.69.69 0 0 1 0 .975.705.705 0 0 1-.975 0 .627.627 0 0 0-.886 0L2.185 8.882A.6.6 0 0 0 2 9.325c0 .168.064.325.182.443l3.579 3.579-1.097 1.907c-.2.35-.214.728-.036 1.035.179.307.511.482.915.482h3.643l5.043 5.047a.63.63 0 0 0 .885 0l2.429-2.432a.623.623 0 0 0 0-.886.69.69 0 0 1 0-.975.69.69 0 0 1 .975 0c.243.243.646.24.89-.003l2.406-2.408a.63.63 0 0 0 .004-.889M9.804 8.829l3.842 6.689H5.958zm9.085 7.439a1.945 1.945 0 0 0-2.6 2.604l-1.618 1.617-3.714-3.718h3.107c.404 0 .74-.175.915-.482.178-.307.164-.685-.04-1.035l-4.26-7.418c-.2-.35-.522-.554-.875-.554-.354 0-.675.2-.876.554l-2.517 4.382L3.514 9.32l1.618-1.618a1.95 1.95 0 0 0 2.232-.367 1.95 1.95 0 0 0 .372-2.233l1.6-1.6 11.157 11.165zm-9.54-3.404v-1.928a.446.446 0 1 1 .894 0v1.928a.446.446 0 1 1-.893 0m1.012 1.515a.566.566 0 0 1-1.129 0 .566.566 0 0 1 1.129 0"
         })
     }));
-}, u = h;
-export { u as default };
+}, d = h;
+export { d as default };

package/dist-es/generated/mistica-icons/icon-non-binary-toilet-filled.js

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e } from "react/jsx-runtime";
 import { useTheme as l } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
+const h = (_param)=>{
     var { color: n, size: o = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = h(), i = n !== null && n !== void 0 ? n : s ? t.colors.inverse : t.colors.neutralHigh, { skinName: c } = l();
+    const s = a(), i = n !== null && n !== void 0 ? n : s ? t.colors.inverse : t.colors.neutralHigh, { skinName: c } = l();
     return c.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -109,5 +109,5 @@ const a = (_param)=>{
             d: "M12.6 10.005H5.402c-.44 0-.8-.36-.8-.8s.36-.8.8-.8H12.6c.44 0 .8.36.8.8s-.36.8-.8.8m5.998-7.997H15c-.44 0-.8.36-.8.8v7.997H4.604v.8c0 3.918 3.319 5.318 5.598 5.558V22h9.197V2.807c0-.44-.36-.8-.8-.8"
         })
     }));
-}, p = a;
+}, p = h;
 export { p as default };

package/dist-es/generated/mistica-icons/icon-non-binary-toilet-light.js

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as h } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
-    var { color: t, size: o = 24 } = _param, c = _object_without_properties(_param, [
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+const l = (_param)=>{
+    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = l(), e = t !== null && t !== void 0 ? t : i ? r.colors.inverse : r.colors.neutralHigh, { skinName: n } = s();
+    const i = a(), r = t !== null && t !== void 0 ? t : i ? c.colors.inverse : c.colors.neutralHigh, { skinName: n } = s();
     return n.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ h("path", {
-            fill: e,
+            fill: r,
             d: "M4.6 9.205c0-.44.36-.8.8-.8h7.198c.44 0 .8.36.8.8s-.36.8-.8.8H5.4c-.44 0-.8-.36-.8-.8m14.796-5.598v18.394h-9.198v-4.838c-2.279-.24-5.598-1.6-5.598-5.558v-.8h9.597V3.607c0-.88.72-1.6 1.6-1.6h2c.879 0 1.599.72 1.599 1.6m-1.6 0h-2v8.797H6.28c.56 3.16 4.558 3.2 4.718 3.2h4.399c.44 0 .8.36.8.8 0 .439-.36.799-.8.799h-3.6v3.199h6z"
         })
     })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
@@ -103,11 +103,11 @@ const a = (_param)=>{
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ h("path", {
-            fill: e,
+            fill: r,
             d: "M4.503 9.917c0-.25.166-.417.416-.417h8.334c.25 0 .416.167.416.417s-.166.417-.416.417H4.919c-.25 0-.416-.167-.416-.417M18.253 2h-2.917a.836.836 0 0 0-.833.833v8.334h-10v.417c0 4.541 4.416 5.291 5.833 5.375V22h8.333c.25 0 .417-.166.417-.416s-.167-.417-.417-.417h-7.5V17h4.584c.25 0 .416-.166.416-.416s-.166-.417-.416-.417h-5c-.209 0-5.084-.042-5.417-4.167h10V2.833h2.917v13.75c0 .25.166.417.416.417s.417-.166.417-.416V2.834A.836.836 0 0 0 18.253 2m1.25 17.084a.836.836 0 0 0-.834-.834.836.836 0 0 0-.833.834c0 .458.375.833.833.833a.836.836 0 0 0 .834-.833"
         })
     }));
-}, d = a;
+}, d = l;
 export { d as default };

package/dist-es/generated/mistica-icons/icon-non-binary-toilet-regular.js

@@ -80,15 +80,15 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
     var { color: t, size: o = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = l(), h = t !== null && t !== void 0 ? t : n ? c.colors.inverse : c.colors.neutralHigh, { skinName: i } = s();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const i = l(), h = t !== null && t !== void 0 ? t : i ? c.colors.inverse : c.colors.neutralHigh, { skinName: n } = s();
+    return n.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
@@ -109,5 +109,5 @@ const v = (_param)=>{
             d: "M4.6 9.205c0-.44.36-.8.8-.8h7.198c.44 0 .8.36.8.8s-.36.8-.8.8H5.4c-.44 0-.8-.36-.8-.8m14.796-5.598v18.394h-9.198v-4.838c-2.279-.24-5.598-1.6-5.598-5.558v-.8h9.597V3.607c0-.88.72-1.6 1.6-1.6h1.999c.88 0 1.6.72 1.6 1.6m-1.6 0h-2v8.797H6.28c.56 3.16 4.558 3.2 4.718 3.2h4.399c.44 0 .8.36.8.8 0 .439-.36.799-.8.799h-3.6v3.199h5.999z"
         })
     }));
-}, u = v;
-export { u as default };
+}, d = v;
+export { d as default };

package/dist-es/generated/mistica-icons/icon-notes-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 s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
     var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = s(), a = r !== null && r !== void 0 ? r : t ? c.colors.inverse : c.colors.neutralHigh;
+    const a = s(), t = r !== null && r !== void 0 ? r : a ? c.colors.inverse : c.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -94,7 +94,7 @@ const i = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ o("path", {
-            fill: a,
+            fill: t,
             d: "M19.385 8.152a.87.87 0 0 0-.26-.619l-5.217-5.129a.83.83 0 0 0-.602-.249H5.998c-.72 0-1.378.661-1.378 1.378v16.93c0 .731.641 1.378 1.378 1.378h12c.753 0 1.387-.627 1.387-1.378zm-5.751-4.344 4.073 4.005v.003h-1.79c-.68 0-1.26-.218-1.664-.613-.406-.395-.62-.961-.62-1.614zm2.224 9.65c-.151.145-1.815 1.652-4.454 4.03l-1.989.692.65-1.966c.39-.347 4.25-3.815 4.502-4.07.238-.241.49-.292.675-.275a.965.965 0 0 1 .896.952c0 .242-.098.452-.28.636m-2.132-2.169c.936-.944 2.244-.742 2.972 0 .398.404.628.975.628 1.538 0 .572-.224 1.09-.636 1.499-.213.207-2.56 2.328-4.493 4.07l-.07.064a.94.94 0 0 1-.364.21l-2.26.765q-.17.047-.326.048c-.03 0-.064 0-.087-.009-.016.009-.03.009-.047.009H7.578a.604.604 0 0 1-.594-.605c0-.33.269-.605.594-.605h.58l.002-.013a.7.7 0 0 1 .037-.164l.286-.88h-.905a.604.604 0 0 1-.594-.604c0-.34.269-.605.594-.605h1.3l.07-.21c.064-.177.168-.34.302-.46l.429-.386H7.578a.604.604 0 0 1-.594-.606c0-.338.269-.605.594-.605h3.448l.604-.541q.305-.275.584-.523H7.578a.6.6 0 0 1-.594-.605c0-.33.269-.605.594-.605h5.966a4 4 0 0 1 .182-.177"
         })
     }));

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

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), e = r !== null && r !== void 0 ? r : a ? l.colors.inverse : l.colors.neutralHigh;
+    const t = h(), e = r !== null && r !== void 0 ? r : t ? l.colors.inverse : l.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: /* @__PURE__ */ o("path", {
             fill: e,
             d: "M19.388 8.067a.69.69 0 0 0-.205-.484L13.816 2.35a.68.68 0 0 0-.473-.199h-7.51c-.636 0-1.213.577-1.213 1.21v17.275c0 .641.571 1.201 1.213 1.201h12.333c.659 0 1.221-.551 1.221-1.201zm-.816 12.569c0 .199-.196.378-.409.378H5.833c-.193 0-.398-.19-.398-.378V3.36c0-.182.219-.386.398-.386h6.829V5.45c0 .955.325 1.787.944 2.387.61.59 1.448.913 2.417.913h2.55zM13.474 3.154l4.886 4.773h-2.337c-.759 0-1.392-.238-1.857-.683-.448-.443-.692-1.062-.692-1.793zm2.972 10.199c-.098.098-.862.798-4.902 4.412l-.154.131-2.515.84-.013.005q-.006.003-.012.004l-.056-.034c-.026-.016-.034-.05-.026-.084l.872-2.565 1.047-.938.004-.003c1.667-1.492 3.788-3.39 3.965-3.57.311-.313.636-.386.88-.386h.056c.316.014.627.154.854.387.238.238.384.59.384.921 0 .328-.14.633-.384.88m1.196-.88c0-.551-.226-1.112-.619-1.507-.722-.733-2.02-.93-2.944 0a2 2 0 0 1-.148.14l-.146.132H7.074a.411.411 0 0 0 0 .824h5.798a445 445 0 0 0-1.857 1.678H7.074a.41.41 0 0 0-.406.411c0 .222.187.412.406.412h3q-.317.277-.634.564l-.352.316a.86.86 0 0 0-.252.386l-.138.412H7.071a.41.41 0 0 0-.406.412c0 .22.187.411.406.411h1.361l-.44 1.3a.9.9 0 0 0-.033.37h-.885a.411.411 0 0 0 0 .824H8.7l.039-.005.026-.004q.027.001.048.01.018.006.033.007a.9.9 0 0 0 .286-.05l2.507-.838a.9.9 0 0 0 .316-.182l.123-.115c3.096-2.765 4.748-4.255 4.936-4.434.409-.412.619-.916.627-1.474"

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

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

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

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

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

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

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

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