@telefonica/mistica 15.20.1 → 16.0.0

package/dist-es/generated/mistica-icons/icon-settings-web-filled.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 s } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as c } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
-    var { color: e, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: e, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = s(), t = e !== null && e !== void 0 ? e : r ? a.colors.inverse : a.colors.neutralHigh;
-    return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const r = s(), t = e !== null && e !== void 0 ? e : r ? l.colors.inverse : l.colors.neutralHigh;
+    return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
-        children: /* @__PURE__ */ l("path", {
+        children: /* @__PURE__ */ c("path", {
             fill: t,
             d: "M21.841 5.993c0-.759-.641-1.378-1.428-1.378H3.583c-.79 0-1.428.62-1.428 1.378v12.012c0 .759.639 1.375 1.429 1.375h16.829c.787 0 1.428-.62 1.428-1.378zm-16.495.83c0 .296-.25.537-.56.537a.55.55 0 0 1-.558-.537V6.82a.55.55 0 0 1 .56-.535h.003a.545.545 0 0 1 .555.538m15.29 11.179c0 .12-.1.216-.223.216H3.583a.22.22 0 0 1-.223-.216V8.338h17.277zm-5.06-5.588c.386 0 .697.3.697.672v.585c0 .37-.311.673-.698.673h-.501q-.06.247-.152.465l.407.392c.266.252.274.67.025.935l-.025.026-.446.428a.725.725 0 0 1-.994 0l-.406-.395q-.236.092-.485.148v.482c0 .37-.314.673-.697.673h-.608a.685.685 0 0 1-.698-.673v-.482a3 3 0 0 1-.484-.148l-.406.395a.74.74 0 0 1-.995 0l-.445-.431a.666.666 0 0 1-.02-.939l.02-.02.403-.386a3 3 0 0 1-.148-.47h-.502a.685.685 0 0 1-.697-.673v-.585c0-.37.31-.672.697-.672h.502c.033-.138.081-.309.148-.471l-.403-.39a.65.65 0 0 1-.205-.478c0-.185.073-.356.208-.482l.442-.429a.74.74 0 0 1 .995 0l.406.392q.228-.087.484-.145v-.482c0-.37.314-.672.698-.672h.608c.386 0 .697.302.697.672v.482c.171.039.328.084.485.148l.406-.395a.72.72 0 0 1 .994 0l.446.429a.663.663 0 0 1 0 .958l-.41.392q.093.22.152.468c.003.003.504.003.504.003m-3.578 2.56c1.053 0 1.658-.583 1.658-1.597s-.605-1.594-1.658-1.594-1.658.58-1.658 1.594.605 1.597 1.658 1.597m-5.532-8.69a.55.55 0 0 1 .557.539.55.55 0 0 1-.56.537.55.55 0 0 1-.557-.537.55.55 0 0 1 .557-.538zm2.235.539a.55.55 0 0 1-.56.537.55.55 0 0 1-.557-.537V6.82a.55.55 0 0 1 .56-.535.55.55 0 0 1 .557.538"
         })

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

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as 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: t, size: a = 24 } = _param, o = _object_without_properties(_param, [

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

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as c } from "react/jsx-runtime";
-import { useIsInverseVariant as t } 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 s = (_param)=>{
     var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [

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

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

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

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as h } from "react/jsx-runtime";
 import { useTheme as t } 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: c = 24 } = _param, v = _object_without_properties(_param, [
+    var { color: a, size: c = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = i(), e = r !== null && r !== void 0 ? r : a ? o.colors.inverse : o.colors.neutralHigh, { skinName: m } = t();
+    const o = i(), e = a !== null && a !== void 0 ? a : o ? r.colors.inverse : r.colors.neutralHigh, { skinName: m } = t();
     return m.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

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

@@ -78,33 +78,33 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as v } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { useTheme as t } from "../../hooks.js";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const l = (_param)=>{
-    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: a, size: c = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = i(), h = o !== null && o !== void 0 ? o : a ? r.colors.inverse : r.colors.neutralHigh, { skinName: m } = t();
-    return m.match(/^o2-new/i) ? /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
+    const o = i(), h = a !== null && a !== void 0 ? a : o ? r.colors.inverse : r.colors.neutralHigh, { skinName: m } = t();
+    return m.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ v("path", {
+    }, v), {
+        children: /* @__PURE__ */ e("path", {
             fill: h,
             d: "M19.044 2h-4.41c-1.286 0-2.293 1.097-2.293 2.5H4.587c-1.128 0-2.117 1-2.117 2.144v13.213c0 1.142.989 2.143 2.117 2.143h10.052c1.128 0 2.117-1 2.117-2.143v-3.748h2.293c1.385 0 2.469-1.02 2.469-2.322V4.5C21.513 3.147 20.385 2 19.044 2M14.64 3.43h4.41c.555 0 1.056.512 1.056 1.07v.178h-6.346V4.5c0-.53.302-1.07.88-1.07m5.466 2.322v6.605h-6.346V5.752zM4.587 5.93h7.759v1.248H3.883v-.535c0-.36.352-.713.704-.713m0 14.64c-.357 0-.704-.352-.704-.714v-.534h11.46v.534c0 .361-.348.713-.704.713zm10.756-2.322H3.883V8.252h8.463v5.535c0 1.344.966 2.322 2.293 2.322h.704zm-.709-3.57c-.56 0-.88-.324-.88-.891v-.357H20.1v.357c.005.585-.528.891-1.056.891zm4.121-6.412-2.74-1.604a.78.78 0 0 0-.798 0 .81.81 0 0 0-.402.7v3.203a.806.806 0 0 0 .803.809q.212 0 .402-.11l2.79-1.64.085-.065a.82.82 0 0 0 .262-.685.83.83 0 0 0-.402-.608m-2.884-.448 1.963 1.147-1.963 1.152zm-4.635 4.552-2.799-1.6a.81.81 0 0 0-.808.005.8.8 0 0 0-.397.7v3.199c0 .288.149.548.397.699a.81.81 0 0 0 .808.005l2.848-1.637.086-.06a.81.81 0 0 0 .266-.69.8.8 0 0 0-.402-.62m-2.943-.452 2.017 1.156-2.017 1.156z"
         })
-    })) : /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ v("path", {
+    }, v), {
+        children: /* @__PURE__ */ e("path", {
             fill: h,
             d: "M19.044 2h-4.41c-1.286 0-2.293 1.097-2.293 2.5H4.587c-1.128 0-2.117 1-2.117 2.144v13.213c0 1.142.989 2.143 2.117 2.143h10.052c1.128 0 2.117-1 2.117-2.143v-3.748h2.293c1.385 0 2.469-1.02 2.469-2.322V4.5C21.513 3.147 20.385 2 19.044 2M14.64 3.43h4.41c.555 0 1.056.512 1.056 1.07v.178h-6.346V4.5c0-.53.302-1.07.88-1.07m5.466 2.322v6.605h-6.346V5.752zM4.587 5.93h7.759v1.248H3.883v-.535c0-.36.352-.713.704-.713m0 14.64c-.357 0-.704-.352-.704-.714v-.534h11.46v.534c0 .361-.348.713-.704.713zm10.756-2.322H3.883V8.252h8.463v5.535c0 1.344.966 2.322 2.293 2.322h.704zm-.709-3.57c-.56 0-.88-.324-.88-.891v-.357H20.1v.357c.005.585-.528.891-1.056.891zm4.121-6.412-2.74-1.604a.78.78 0 0 0-.798 0 .81.81 0 0 0-.402.7v3.203a.806.806 0 0 0 .803.809q.212 0 .402-.11l2.79-1.64.085-.065a.82.82 0 0 0 .262-.685.83.83 0 0 0-.402-.608m-2.884-.448 1.963 1.147-1.963 1.152zm-4.635 4.552-2.799-1.6a.81.81 0 0 0-.808.005.8.8 0 0 0-.397.7v3.199c0 .288.149.548.397.699a.81.81 0 0 0 .808.005l2.848-1.637.086-.06a.81.81 0 0 0 .266-.69.8.8 0 0 0-.402-.62m-2.943-.452 2.017 1.156-2.017 1.156z"
         })

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

@@ -80,42 +80,42 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as l } from "react/jsx-runtime";
 import { useTheme as h } 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 o } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: i, size: e = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: t, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), o = i !== null && i !== void 0 ? i : a ? t.colors.inverse : t.colors.neutralHigh, { skinName: r } = h();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const a = n(), r = t !== null && t !== void 0 ? t : a ? o.colors.inverse : o.colors.neutralHigh, { skinName: i } = h();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ l("path", {
-            fill: o,
+            fill: r,
             d: "M17.625 3.003c.589.014 2.875.246 2.875 3.005 0 2.765-2.29 2.98-2.863 2.99L17.46 9h-.098c-.435-.007-1.738-.123-2.426-1.24l-5.557 3.242c.077.291.121.624.121 1.006 0 .376-.042.704-.117.992l5.544 3.233c.68-1.12 1.977-1.23 2.414-1.233h.06c.077 0 .156 0 .224.003.589.014 2.875.246 2.875 3.005 0 2.765-2.29 2.98-2.863 2.99L17.46 21h-.098c-.602-.01-2.862-.227-2.862-3.01q0-.288.03-.54L8.8 14.107c-.722.793-1.796.884-2.163.891L6.46 15h-.097c-.603-.01-2.863-.227-2.863-3.01C3.5 9.213 5.738 9.006 6.341 9h.06c.077 0 .156 0 .224.003.376.009 1.444.107 2.167.895l5.741-3.35a5 5 0 0 1-.033-.557c0-2.78 2.238-2.986 2.841-2.991h.06c.077 0 .156 0 .224.003"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ l("path", {
-            fill: o,
+            fill: r,
             d: "M18 14.856a3.5 3.5 0 0 0-2.741 1.328L9.38 13.032a3.608 3.608 0 0 0-.036-2.176L15.247 7.8a3.5 3.5 0 0 0 2.75 1.344c1.943 0 3.527-1.604 3.527-3.572S19.944 2 18 2s-3.527 1.604-3.527 3.572c0 .332.051.652.13.956l-5.973 3.1a3.47 3.47 0 0 0-2.623-1.2C4.064 8.428 2.48 10.032 2.48 12s1.584 3.572 3.527 3.572a3.51 3.51 0 0 0 2.702-1.28l5.902 3.164a3.6 3.6 0 0 0-.138.972C14.473 20.396 16.057 22 18 22s3.528-1.604 3.528-3.572-1.584-3.572-3.528-3.572"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ l("path", {
-            fill: o,
+            fill: r,
             d: "M18 14.856a3.5 3.5 0 0 0-2.741 1.328L9.38 13.032a3.608 3.608 0 0 0-.036-2.176L15.247 7.8a3.5 3.5 0 0 0 2.75 1.344c1.943 0 3.527-1.604 3.527-3.572S19.944 2 18 2s-3.527 1.604-3.527 3.572c0 .332.051.652.13.956l-5.973 3.1a3.47 3.47 0 0 0-2.623-1.2C4.064 8.428 2.48 10.032 2.48 12s1.584 3.572 3.527 3.572a3.51 3.51 0 0 0 2.702-1.28l5.902 3.164a3.6 3.6 0 0 0-.138.972C14.473 20.396 16.057 22 18 22s3.528-1.604 3.528-3.572-1.584-3.572-3.528-3.572"
         })
     })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
@@ -125,7 +125,7 @@ const s = (_param)=>{
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ l("path", {
-            fill: o,
+            fill: r,
             d: "M2.172 11.998c0-6.72 3.594-9.823 9.826-9.823 6.23 0 9.827 3.103 9.827 9.823s-3.594 9.827-9.827 9.827c-6.232 0-9.826-3.107-9.826-9.827m8.431.608q.052-.284.053-.608c0-.213-.016-.412-.064-.596l2.647-1.325q.08.107.174.204c.42.431 1.033.658 1.776.658.742 0 1.355-.226 1.776-.658.414-.423.624-1.011.624-1.75 0-.77-.227-1.379-.675-1.805-.415-.394-1.014-.605-1.723-.605-.708 0-1.305.21-1.722.605-.448.426-.675 1.034-.675 1.804q.001.264.036.502l-2.692 1.344a2 2 0 0 0-.165-.179c-.415-.395-1.014-.605-1.723-.605-.708 0-1.305.21-1.722.605-.449.426-.675 1.034-.675 1.804 0 .737.21 1.328.624 1.75.42.432 1.034.659 1.776.659s1.356-.227 1.776-.658q.06-.06.11-.124l2.694 1.348a3 3 0 0 0-.037.495c0 .737.21 1.328.625 1.751.42.432 1.034.659 1.776.659s1.356-.227 1.776-.659c.415-.423.625-1.011.625-1.75 0-.77-.227-1.379-.675-1.804-.415-.395-1.014-.605-1.723-.605s-1.305.21-1.723.605c-.084.078-.16.168-.23.26z"
         })
     }));

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

@@ -78,16 +78,16 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as r } from "react/jsx-runtime";
+import { jsx as l, jsxs as o } from "react/jsx-runtime";
 import { useTheme as a } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
     var { color: i, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = n(), s = i !== null && i !== void 0 ? i : o ? t.colors.inverse : t.colors.neutralHigh, { skinName: h } = a();
+    const r = n(), s = i !== null && i !== void 0 ? i : r ? t.colors.inverse : t.colors.neutralHigh, { skinName: h } = a();
     return h.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -118,7 +118,7 @@ const m = (_param)=>{
             fill: s,
             d: "m11.688 14.676-2.39-1.392c.154-.4.237-.832.237-1.284 0-.56-.13-1.092-.356-1.564l5.843-2.956A3.51 3.51 0 0 0 18 9.144c1.944 0 3.528-1.604 3.528-3.572S19.944 2 18 2s-3.527 1.604-3.527 3.572c0 .448.083.876.229 1.268L8.804 9.828a3.51 3.51 0 0 0-2.797-1.4C4.064 8.428 2.48 10.032 2.48 12s1.584 3.572 3.527 3.572c1.245 0 2.343-.66 2.971-1.648l2.358 1.372a.346.346 0 0 0 .478-.132.353.353 0 0 0-.126-.488m9.132-9.104c0 1.576-1.264 2.856-2.82 2.856s-2.82-1.28-2.82-2.856S16.444 2.716 18 2.716s2.82 1.28 2.82 2.856M6.007 14.856c-1.556 0-2.82-1.28-2.82-2.856s1.264-2.856 2.82-2.856c1.557 0 2.82 1.28 2.82 2.856s-1.263 2.856-2.82 2.856M14.473 18.428c0-1.968 1.584-3.572 3.527-3.572s3.528 1.604 3.528 3.572S19.944 22 18 22s-3.527-1.604-3.527-3.572m.707 0c0 1.576 1.264 2.856 2.82 2.856s2.82-1.28 2.82-2.856-1.264-2.856-2.82-2.856-2.82 1.28-2.82 2.856M13.414 16.644c.39 0 .707-.32.707-.716a.71.71 0 0 0-.707-.716c-.39 0-.707.32-.707.716s.316.716.707.716"
         })
-    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",

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

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

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

@@ -78,22 +78,22 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { jsx as c } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
-    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: e, size: r = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
     const s = a(), t = e !== null && e !== void 0 ? e : s ? o.colors.inverse : o.colors.neutralHigh;
-    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
-        children: /* @__PURE__ */ r("path", {
+        children: /* @__PURE__ */ c("path", {
             fill: t,
             d: "M21.06 5.855c-.563-.644-1.404-.972-2.504-.972H5.445c-1.098 0-1.94.328-2.504.972-.52.6-.787 1.468-.787 2.583v4.938c0 1.115.266 1.984.787 2.583.563.644 1.404.972 2.504.972h13.11c1.098 0 1.94-.328 2.504-.97.524-.599.787-1.467.787-2.582V8.438c0-1.115-.266-1.983-.787-2.583m.753 12.698c0 .308-.252.56-.56.56H2.749a.56.56 0 0 1-.56-.56c0-.308.252-.56.56-.56h18.504c.308 0 .56.252.56.56m-10.652-7.908q.03.248 0 .496l1.977.989.073-.076c.24-.227.574-.344.994-.344q.632 0 .995.344c.255.241.384.591.384 1.04 0 .428-.12.77-.356 1.008s-.591.372-1.023.372-.784-.128-1.022-.372-.353-.58-.353-1.008q0-.093.008-.177l-2.02-1.011c-.237.24-.587.367-1.016.367s-.784-.13-1.022-.373q-.357-.366-.356-1.008c0-.448.129-.798.384-1.04.24-.226.574-.344.994-.344q.632 0 .994.345l.026.025 2.017-1.009a2 2 0 0 1-.009-.179c0-.448.129-.798.384-1.04.24-.226.574-.344.994-.344q.632 0 .995.345c.255.24.383.59.383 1.04 0 .428-.12.77-.355 1.008-.236.238-.591.372-1.023.372s-.784-.129-1.022-.372a.2.2 0 0 1-.032-.03l-.013-.015z"
         })

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

@@ -78,28 +78,28 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
-    var { color: s, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: s, size: r = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = i(), r = s !== null && s !== void 0 ? s : e ? t.colors.inverse : t.colors.neutralHigh;
-    return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const e = l(), c = s !== null && s !== void 0 ? s : e ? t.colors.inverse : t.colors.neutralHigh;
+    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, a), {
         children: [
             /* @__PURE__ */ o("path", {
-                fill: r,
+                fill: c,
                 d: "M14.24 7.415c-.72 0-1.187.381-1.187 1.2q0 .123.014.234l-2.368 1.19c-.206-.251-.53-.371-.933-.371-.72 0-1.187.38-1.187 1.199 0 .392.108.684.3.881.207.215.511.318.884.318s.68-.103.885-.318l.048-.053 2.37 1.19q-.013.11-.013.231c0 .392.108.684.299.882.207.214.512.317.885.317s.68-.103.885-.317c.19-.198.299-.49.299-.882.005-.818-.461-1.199-1.181-1.199-.434 0-.776.138-.98.427l-2.337-1.175q.024-.14.024-.302a2 2 0 0 0-.022-.299l2.34-1.177a1 1 0 0 0 .087.105c.207.215.512.318.885.318s.68-.103.885-.318c.19-.198.299-.49.299-.881.005-.819-.461-1.2-1.181-1.2"
             }),
             /* @__PURE__ */ o("path", {
-                fill: r,
+                fill: c,
                 d: "M5.068 16.733H18.94c1.03 0 1.813-.3 2.328-.895.486-.558.731-1.383.731-2.45V8.343c0-1.068-.248-1.892-.731-2.45C20.754 5.3 19.97 5 18.94 5H5.068c-1.03 0-1.813.3-2.328.893-.487.558-.731 1.382-.731 2.45v5.045c0 1.067.244 1.892.73 2.453.516.592 1.299.892 2.329.892m-2.49-8.388c0-1.891.79-2.773 2.49-2.773H18.94c1.699 0 2.49.879 2.49 2.77v5.049c0 1.892-.791 2.773-2.49 2.773H5.068c-1.7 0-2.49-.882-2.49-2.773zM21.707 19H2.285a.286.286 0 0 1 0-.572h19.422a.286.286 0 0 1 0 .572"
             })
         ]

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

@@ -78,15 +78,15 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+const n = (_param)=>{
     var { color: e, size: c = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), r = e !== null && e !== void 0 ? e : t ? a.colors.inverse : a.colors.neutralHigh;
+    const t = i(), r = e !== null && e !== void 0 ? e : t ? o.colors.inverse : o.colors.neutralHigh;
     return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,15 +94,15 @@ const i = (_param)=>{
         role: "presentation"
     }, s), {
         children: [
-            /* @__PURE__ */ o("path", {
+            /* @__PURE__ */ a("path", {
                 fill: r,
                 d: "m10.819 9.877-.025-.024q-.363-.345-.995-.345c-.42 0-.753.118-.994.345-.255.24-.384.59-.384 1.039q0 .643.356 1.008c.238.244.59.373 1.022.373.425 0 .78-.132 1.016-.366l2.02 1.01a2 2 0 0 0-.008.18q-.002.642.353 1.008c.238.243.591.372 1.023.372s.79-.134 1.025-.372.356-.58.356-1.009c0-.448-.13-.798-.384-1.039q-.362-.344-.995-.344-.631.002-.994.344a1 1 0 0 0-.069.071l-1.98-.989a2 2 0 0 0 .001-.495l1.978-.988.04.043c.237.243.59.372 1.022.372.431 0 .79-.134 1.025-.372.235-.239.356-.58.356-1.009 0-.448-.13-.798-.384-1.04q-.365-.344-.995-.344c-.42 0-.753.118-.994.345-.255.24-.384.59-.384 1.04q0 .09.007.179z"
             }),
-            /* @__PURE__ */ o("path", {
+            /* @__PURE__ */ a("path", {
                 fill: r,
                 d: "M5.446 16.931h13.11c1.098 0 1.94-.328 2.504-.972.52-.6.787-1.468.787-2.583V8.438c0-1.115-.264-1.983-.787-2.583-.563-.644-1.406-.972-2.504-.972H5.445c-1.1 0-1.94.328-2.504.972-.52.6-.787 1.468-.787 2.583v4.938c0 1.115.266 1.984.787 2.586.563.641 1.406.969 2.504.969M3.788 6.595c.345-.395.885-.588 1.658-.588l13.11-.003c.77 0 1.313.193 1.658.588.339.39.512 1.011.512 1.846v4.938c0 .835-.173 1.457-.512 1.846-.345.395-.888.588-1.658.588H5.445c-.77 0-1.313-.193-1.658-.588-.339-.389-.513-1.01-.513-1.846V8.438c0-.835.174-1.457.513-1.843M21.253 19.116H2.749a.56.56 0 0 1-.56-.56c0-.309.252-.56.56-.56h18.504c.308 0 .56.252.56.56s-.252.56-.56.56"
             })
         ]
     }));
-}, f = i;
+}, f = n;
 export { f as default };

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

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

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

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

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

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

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

@@ -78,25 +78,25 @@ 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 a } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: r, size: l = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: r, size: l = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = t(), e = r !== null && r !== void 0 ? r : i ? a.colors.inverse : a.colors.neutralHigh;
-    return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const o = t(), e = r !== null && r !== void 0 ? r : o ? c.colors.inverse : c.colors.neutralHigh;
+    return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ c("path", {
+    }, i), {
+        children: /* @__PURE__ */ a("path", {
             fill: e,
             d: "M20.61 5.303v.028c0 .528.006 6.643-.448 9.323-.611 3.551-7.163 6.773-7.905 7.128a.6.6 0 0 1-.518 0c-.746-.355-7.289-3.577-7.9-7.128-.462-2.681-.457-8.8-.456-9.323v-.028a.61.61 0 0 1 .756-.593c1.595.258 2.44-.308 3.504-1.02l.026-.017c1.058-.714 2.26-1.518 4.325-1.518h.005c2.065.003 3.266.807 4.325 1.518l.004.003c1.074.718 1.925 1.288 3.548 1.03a.65.65 0 0 1 .504.138c.14.112.221.28.23.46m-8.614 9.653c-1.563 0-1.989-.582-1.989-2.711 0-1.328.185-2.042.625-2.381.286-.222.734-.33 1.367-.33.625 0 1.07.106 1.359.324.442.339.63 1.053.63 2.387-.003 2.129-.429 2.711-1.992 2.711m1.336-6.386c0-.381 0-.656-1.333-.656-1.331 0-1.333.274-1.336.654v.002l.003.016a4.1 4.1 0 0 1 1.327-.196c.521 0 .958.07 1.337.2zm1.535-.653.042.779-.462.143.001-.008c.011-.087.022-.172.022-.264 0-1.04-.577-1.47-1.208-1.658a.57.57 0 0 0-.061-.72.56.56 0 0 0-.793-.009l-.008.009-.395.4-.01.013q-.004.009-.013.018l-.008-.015-.011-.016-.398-.4a.56.56 0 0 0-.793-.009l-.008.009a.565.565 0 0 0-.053.728c-.617.193-1.174.625-1.174 1.647 0 .098.011.19.022.28l-.495-.154.042-.779a.57.57 0 0 0-.535-.602c-.309.006-.58.227-.597.544L7.91 9.079a.575.575 0 0 0 .4.58l.908.28c-.171.41-.26.869-.303 1.336h-.68a.57.57 0 0 0-.57.572v.815c0 .317.256.574.57.574.31 0 .565-.257.565-.574v-.24h.079c.005.579.053 1.142.182 1.646l-.75.233a.574.574 0 0 0-.401.577l.064 1.227a.57.57 0 0 0 .566.543h.03a.57.57 0 0 0 .536-.602l-.042-.779.484-.148c.457.599 1.21.98 2.451.98 1.235 0 1.989-.378 2.448-.975l.465.143-.042.779a.57.57 0 0 0 .535.602h.031a.57.57 0 0 0 .566-.543l.064-1.227a.57.57 0 0 0-.4-.577l-.731-.224c.131-.505.179-1.07.185-1.656h.078v.241c0 .317.255.574.566.574a.57.57 0 0 0 .569-.571v-.818a.57.57 0 0 0-.566-.574h-.687c-.044-.47-.131-.933-.305-1.342l.888-.275a.57.57 0 0 0 .4-.58L16 7.85c-.017-.317-.277-.54-.597-.544a.583.583 0 0 0-.534.61M11.4 10.939v3.054c0 .316.252.571.566.571a.57.57 0 0 0 .565-.571v-3.054a.573.573 0 0 0-.566-.571.567.567 0 0 0-.565.571"
         })
     }));
-}, m = s;
-export { m as default };
+}, d = s;
+export { d as default };

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

@@ -79,24 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as e } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const e = (_param)=>{
-    var { color: r, size: c = 24 } = _param, o = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: r, size: c = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = s(), t = r !== null && r !== void 0 ? r : i ? a.colors.inverse : a.colors.neutralHigh;
+    const o = e(), t = r !== null && r !== void 0 ? r : o ? a.colors.inverse : a.colors.neutralHigh;
     return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: /* @__PURE__ */ l("path", {
             fill: t,
             d: "M20.612 5.186v-.028a.432.432 0 0 0-.505-.398c-1.747.276-2.687-.352-3.775-1.078l-.018-.012c-1.058-.708-2.263-1.512-4.313-1.515h-.006c-2.05 0-3.252.804-4.314 1.515-1.095.732-2.044 1.359-3.798 1.09a.409.409 0 0 0-.496.398c-.002.274-.02 6.734.465 9.518.617 3.58 7.673 6.983 7.975 7.126.11.053.238.053.348 0 .3-.143 7.364-3.543 7.98-7.126.463-2.722.457-8.956.456-9.49m-.816.434c-.005 1.549-.053 6.62-.445 8.913-.496 2.883-6.269 5.9-7.356 6.443-1.081-.544-6.849-3.558-7.344-6.44-.4-2.294-.449-7.353-.454-8.91 1.798.142 2.88-.572 3.93-1.272l.004-.003c1.013-.677 2.057-1.375 3.864-1.375h.006c1.806.003 2.854.7 3.865 1.378 1.042.697 2.124 1.414 3.93 1.266m-7.798 9.54c1.538 0 1.98-.593 1.98-2.65 0-1.288-.193-1.982-.638-2.321-.292-.219-.731-.328-1.342-.328-.616 0-1.059.11-1.35.333-.443.342-.63 1.037-.63 2.317 0 2.056.442 2.65 1.98 2.65m-1.367-6.072c0 .073.006.131.014.185.37-.152.812-.233 1.353-.233.543 0 .989.081 1.359.233q.013-.08.014-.188c0-.392 0-.731-1.37-.731s-1.37.339-1.37.734m4.885 2.647c.224 0 .406.185.406.409v.759a.407.407 0 1 1-.812 0v-.35h-.316c-.003.664-.065 1.25-.21 1.745l.806.246c.18.056.297.227.286.415l-.059 1.143a.407.407 0 0 1-.406.39h-.023a.414.414 0 0 1-.386-.432l.045-.824-.605-.185c-.412.589-1.104.928-2.244.928-1.143 0-1.837-.342-2.246-.933l-.622.19.042.824a.41.41 0 0 1-.384.431h-.022a.407.407 0 0 1-.407-.39l-.058-1.142a.41.41 0 0 1 .288-.415l.826-.252c-.145-.495-.204-1.075-.207-1.74h-.316v.35a.407.407 0 1 1-.813 0v-.758c0-.227.182-.41.406-.41h.751c.037-.514.137-1.016.342-1.444l-.986-.303a.41.41 0 0 1-.289-.415L8.36 8.43a.406.406 0 1 1 .813.042l-.042.82.74.227a2 2 0 0 1-.051-.437c0-.975.577-1.336 1.185-1.473l-.07-.073a.41.41 0 0 1 0-.58.4.4 0 0 1 .568-.005l.378.378c.05.056.087.123.101.196h.009a.4.4 0 0 1 .1-.196l.37-.373a.4.4 0 0 1 .569-.005l.003.002.002.003c.16.16.16.42 0 .58l-.067.067c.617.13 1.216.488 1.216 1.48 0 .156-.02.293-.05.425l.711-.219-.042-.82a.41.41 0 0 1 .384-.432.4.4 0 0 1 .425.376v.01l.062 1.144a.41.41 0 0 1-.286.414l-.969.297c.208.429.306.933.345 1.448.002.009.753.009.753.009m-3.143-.44a.41.41 0 0 0-.406-.409.41.41 0 0 0-.406.412v2.84a.405.405 0 1 0 .812 0z"
         })
     }));
-}, m = e;
+}, m = s;
 export { m as default };

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

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

package/dist-es/generated/mistica-icons/icon-shield-checked-ok-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 s = (_param)=>{
     var { color: a, size: e = 24 } = _param, o = _object_without_properties(_param, [

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

@@ -78,43 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import { useTheme as h } 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: i, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: i, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
     const r = n(), o = i !== null && i !== void 0 ? i : r ? a.colors.inverse : a.colors.neutralHigh, { skinName: t } = h();
-    return t.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    return t.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
-        children: /* @__PURE__ */ e("path", {
+        children: /* @__PURE__ */ c("path", {
             fill: o,
             d: "m12.21 21.967.007-.002c1.778-.594 7.15-2.388 7.15-7.237V6c0-.4-.315-.726-.701-.726-3.398 0-5.994-2.863-6.14-3.024l-.006-.007A.7.7 0 0 0 11.998 2a.69.69 0 0 0-.52.242c-.028.033-2.67 3.03-6.147 3.03-.386 0-.701.327-.701.727v8.73c0 1.2 0 4.855 7.157 7.238a.7.7 0 0 0 .423 0m-1.977-5.675L7.46 13.42a.746.746 0 0 1 0-1.029.685.685 0 0 1 .992 0l1.793 1.858 5.122-5.14a.685.685 0 0 1 .993.019c.27.288.26.75-.018 1.028zm7.728-9.6v8.036c0 2.547-1.896 4.386-5.967 5.782-4.07-1.396-5.967-3.235-5.967-5.782V6.693c2.822-.261 5.01-2.03 5.967-2.943.957.913 3.145 2.682 5.967 2.943"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
-        children: /* @__PURE__ */ e("path", {
+        children: /* @__PURE__ */ c("path", {
             fill: o,
             d: "M11.89 21.981a.3.3 0 0 0 .108.019.4.4 0 0 0 .108-.014c4.885-1.645 7.26-4.041 7.26-7.325V5.484a.36.36 0 0 0-.35-.366c-3.812 0-6.744-2.984-6.77-3.012a.34.34 0 0 0-.495 0l-.008.008c-.178.175-3.051 3.004-6.763 3.004a.36.36 0 0 0-.35.366v9.172c0 3.284 2.375 5.68 7.26 7.325m-6.555-7.32V5.84c3.318-.14 5.878-2.25 6.663-2.979.786.724 3.346 2.838 6.664 2.98v8.819c0 2.899-2.178 5.055-6.664 6.587-4.48-1.527-6.663-3.684-6.663-6.587m9.191-3.459a.377.377 0 0 0-.004-.517.34.34 0 0 0-.494.005l-3.785 4.004-2.03-2.124a.334.334 0 0 0-.494 0 .377.377 0 0 0 0 .517l2.528 2.645zm1.33-.949c-.387 0-.701-.329-.701-.733s.314-.733.7-.733c.387 0 .701.33.701.733 0 .404-.314.733-.7.733"
         })
-    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
-        children: /* @__PURE__ */ e("path", {
+        children: /* @__PURE__ */ c("path", {
             fill: o,
             d: "M20.61 5.154v.028c0 .534.006 6.768-.457 9.49-.616 3.583-7.68 6.983-7.98 7.126a.4.4 0 0 1-.348 0c-.302-.143-7.359-3.543-7.975-7.126-.472-2.716-.465-8.928-.465-9.487v-.03a.41.41 0 0 1 .504-.396c1.745.275 2.692-.358 3.79-1.092 1.059-.711 2.26-1.516 4.314-1.516H12c2.05.003 3.252.805 4.312 1.513l.013.008c1.092.73 2.038 1.36 3.784 1.087a.46.46 0 0 1 .342.09.43.43 0 0 1 .16.305m-1.258 9.378c.392-2.294.44-7.367.442-8.916-1.801.156-2.875-.56-3.91-1.25l-.02-.013C14.853 3.675 13.805 2.975 12 2.975h-.006c-1.807 0-2.854.7-3.868 1.378-1.05.697-2.149 1.412-3.927 1.269.005 1.557.056 6.619.45 8.907.496 2.886 6.267 5.897 7.348 6.44 1.081-.54 6.857-3.555 7.356-6.437M16.287 8.91a.403.403 0 0 0-.571.003l-5.247 5.291-2.196-2.215-.003-.003a.403.403 0 0 0-.571.003.41.41 0 0 0 0 .58l2.485 2.507.002.002c.16.157.415.157.572-.002l5.532-5.583a.41.41 0 0 0 0-.58z"
         })