@telefonica/mistica 15.20.1 → 16.0.0

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

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

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

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

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

@@ -78,36 +78,36 @@ 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 n } from "../../hooks.js";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
-    var { color: h, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: h, size: c = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
     const t = a(), o = h !== null && h !== void 0 ? h : t ? r.colors.inverse : r.colors.neutralHigh, { skinName: l } = n();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
+    return l.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ v("path", {
+    }, v), {
+        children: /* @__PURE__ */ e("path", {
             fill: o,
             d: "M18.364 2.5h-5.82c-2.006 0-3.635 1.703-3.635 3.799v.38H5.636C3.629 6.678 2 8.38 2 10.476v3.8c0 1.833 1.252 3.37 2.91 3.726v2.738a.76.76 0 0 0 .447.7.7.7 0 0 0 .796-.165L9.21 18.08h2.244c2.007 0 3.636-1.702 3.636-3.799v-.063l2.761 2.885c.14.146.326.223.512.223q.14 0 .28-.058a.76.76 0 0 0 .446-.7v-2.739c1.658-.355 2.91-1.887 2.91-3.726v-3.8c0-2.1-1.63-3.803-3.636-3.803m-4.73 11.781c0 1.255-.978 2.282-2.183 2.282H8.904a.7.7 0 0 0-.512.224l-2.03 2.12v-1.585c0-.419-.326-.76-.726-.76-1.201 0-2.183-1.02-2.183-2.28v-3.8c0-1.255.977-2.281 2.183-2.281h3.273v1.902c0 2.096 1.63 3.799 3.636 3.799h1.09zm4.73-1.897c-.4 0-.726.34-.726.76v1.585l-2.03-2.121a.72.72 0 0 0-.512-.224h-2.547c-1.2 0-2.183-1.021-2.183-2.281v-3.8c0-1.254.978-2.28 2.183-2.28h5.82c1.2 0 2.183 1.021 2.183 2.28v3.8h-.005c0 1.255-.977 2.281-2.183 2.281"
         })
-    })) : /* @__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: o,
             d: "M18.364 2.5h-5.82c-2.006 0-3.635 1.703-3.635 3.799v.38H5.636C3.629 6.678 2 8.38 2 10.476v3.8c0 1.833 1.252 3.37 2.91 3.726v2.738a.76.76 0 0 0 .447.7.7.7 0 0 0 .796-.165L9.21 18.08h2.244c2.007 0 3.636-1.702 3.636-3.799v-.063l2.761 2.885c.14.146.326.223.512.223q.14 0 .28-.058a.76.76 0 0 0 .446-.7v-2.739c1.658-.355 2.91-1.887 2.91-3.726v-3.8c0-2.1-1.63-3.803-3.636-3.803m-4.73 11.781c0 1.255-.978 2.282-2.183 2.282H8.904a.7.7 0 0 0-.512.224l-2.03 2.12v-1.585c0-.419-.326-.76-.726-.76-1.201 0-2.183-1.02-2.183-2.28v-3.8c0-1.255.977-2.281 2.183-2.281h3.273v1.902c0 2.096 1.63 3.799 3.636 3.799h1.09zm4.73-1.897c-.4 0-.726.34-.726.76v1.585l-2.03-2.121a.72.72 0 0 0-.512-.224h-2.547c-1.2 0-2.183-1.021-2.183-2.281v-3.8c0-1.254.978-2.28 2.183-2.28h5.82c1.2 0 2.183 1.021 2.183 2.28v3.8h-.005c0 1.255-.977 2.281-2.183 2.281"
         })
     }));
-}, u = i;
-export { u as default };
+}, d = i;
+export { d as default };

package/dist-es/generated/mistica-icons/icon-computer-academic-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 s } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
-    var { color: r, size: o = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as r } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+const s = (_param)=>{
+    var { color: e, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = s(), i = r !== null && r !== void 0 ? r : t ? l.colors.inverse : l.colors.neutralHigh;
-    return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const t = a(), i = e !== null && e !== void 0 ? e : t ? c.colors.inverse : c.colors.neutralHigh;
+    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
+    }, l), {
+        children: /* @__PURE__ */ r("path", {
             fill: i,
             d: "M21.841 16.996a.604.604 0 0 0-.602-.608h-8.636v-.482l6.263-.002c.95 0 1.684-.266 2.185-.79.485-.504.729-1.227.729-2.149V7.528c0-.918-.244-1.638-.729-2.137-.498-.512-1.232-.776-2.182-.776l-11.453.006c-.95 0-1.684.26-2.183.776-.481.496-.728 1.218-.728 2.137v3.092L7.36 9.343q.381-.168.792-.168c.275 0 .54.06.79.171l4.86 2.185a1.94 1.94 0 0 1 1.154 1.793c0 .776-.454 1.479-1.154 1.793l-4.857 2.182a1.93 1.93 0 0 1-1.583 0l-3.566-1.605v1.156c0 .594.42 1.101 1 1.205.748.134 1.796.42 2.55 1.02.254.201.557.302.86.302s.604-.1.86-.302c.753-.6 1.803-.886 2.548-1.02.3-.053.555-.221.734-.451h8.891a.604.604 0 0 0 .602-.608M7.69 16.56q.223.1.465.101c.157 0 .317-.034.462-.104l4.86-2.185c.412-.182.678-.596.678-1.05 0-.462-.26-.865-.678-1.053l-4.86-2.185a1.14 1.14 0 0 0-.927 0l-4.86 2.188a1.14 1.14 0 0 0-.675 1.05c0 .462.26.863.678 1.053z"
         })
     }));
-}, d = a;
-export { d as default };
+}, v = s;
+export { v as default };

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as s } 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 i = (_param)=>{
+const s = (_param)=>{
     var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = s(), a = e !== null && e !== void 0 ? e : t ? o.colors.inverse : o.colors.neutralHigh;
+    const a = i(), t = e !== null && e !== void 0 ? e : a ? o.colors.inverse : o.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,9 +94,9 @@ const i = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ r("path", {
-            fill: a,
+            fill: t,
             d: "M12.617 16.39h8.627c.33 0 .602.272.6.614a.606.606 0 0 1-.603.608h-8.89a1.2 1.2 0 0 1-.735.45c-.747.135-1.795.42-2.549 1.02-.5.4-1.215.4-1.72 0-.756-.6-1.803-.885-2.548-1.02a1.22 1.22 0 0 1-.998-1.204v-2.045l-.963-.437a1.15 1.15 0 0 1-.678-1.05c0-.46.258-.863.678-1.053l1.678-.757V7.533c0-.919.243-1.639.728-2.137.499-.513 1.232-.776 2.185-.776h11.454c.95 0 1.683.26 2.182.776.481.498.728 1.218.728 2.137v5.434c0 .92-.244 1.645-.726 2.149-.501.524-1.238.79-2.184.79l-6.266.002zm.865-4.115c.417.185.684.597.675 1.054 0 .453-.266.865-.678 1.05l-.73.328 6.13-.003c.614 0 1.062-.143 1.331-.423.26-.272.392-.714.392-1.314V7.53c0-.593-.131-1.03-.389-1.297-.269-.274-.717-.414-1.333-.414l-11.454.005c-.619 0-1.067.14-1.333.415-.258.266-.39.703-.39 1.297v3.448l1.992-.893c.294-.132.633-.132.927 0zm-.622 1.05-4.725-2.122-4.675 2.123 4.725 2.123zm-4.767 4.796a.18.18 0 0 0 .23 0c.952-.756 2.201-1.1 3.083-1.26l.003-1.55-2.787 1.253a1.13 1.13 0 0 1-.927 0l-2.69-1.21v1.501c.886.163 2.135.51 3.088 1.266"
         })
     }));
-}, h = i;
+}, h = s;
 export { h as default };

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

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

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

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as v } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as v } from "../../theme-variant-context.js";
 import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: h, size: c = 24 } = _param, o = _object_without_properties(_param, [
@@ -119,5 +119,5 @@ const s = (_param)=>{
             d: "M5.319 17.462c-1.042 0-1.84-.283-2.381-.84-.518-.538-.782-1.32-.782-2.32V8.025c0-1 .264-1.776.782-2.305.535-.55 1.336-.827 2.378-.827l13.356-.008c1.042 0 1.843.277 2.378.826.518.533.781 1.308.781 2.306v6.277c0 1-.263 1.782-.781 2.32-.538.557-1.34.84-2.381.84zM18.675 5.445l-13.356.009c-1.751 0-2.603.84-2.603 2.571v6.277c0 .852.21 1.499.625 1.93.429.446 1.093.67 1.978.67l13.356-.009c.882 0 1.549-.224 1.977-.67.415-.428.625-1.077.625-1.929V8.017c-.003-1.731-.855-2.572-2.603-2.572M2.156 18.83c0 .154.126.28.28.28l19.118-.008a.28.28 0 0 0 .28-.28.28.28 0 0 0-.28-.28l-19.118.008a.28.28 0 0 0-.28.28"
         })
     }));
-}, d = s;
-export { d as default };
+}, f = s;
+export { f as default };

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

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as r } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as v } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
 import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
+const v = (_param)=>{
     var { color: l, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = v(), c = l !== null && l !== void 0 ? l : i ? h.colors.inverse : h.colors.neutralHigh, { skinName: o } = n();
+    const i = a(), c = l !== null && l !== void 0 ? l : i ? h.colors.inverse : h.colors.neutralHigh, { skinName: o } = n();
     return o.match(/^blau/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -129,5 +129,5 @@ const a = (_param)=>{
             d: "m18.402 17.462-12.804-.008c-1.12 0-1.99-.311-2.58-.927-.574-.591-.863-1.437-.863-2.513V7.737c0-2.202 1.221-3.412 3.44-3.412l12.807.008c2.218 0 3.44 1.213 3.44 3.412v6.278c0 1.075-.29 1.921-.86 2.512-.594.616-1.463.927-2.58.927M5.594 5.445c-.807 0-1.406.194-1.779.575-.358.367-.54.944-.54 1.717v6.277c0 1.583.736 2.32 2.319 2.32l12.804.008c1.582 0 2.32-.737 2.32-2.32V7.746c0-.773-.183-1.35-.544-1.717-.373-.38-.97-.574-1.78-.574zm-2.88 14.222 18.566.008c.308 0 .56-.252.56-.56a.56.56 0 0 0-.56-.56l-18.566-.009a.56.56 0 0 0-.56.56c0 .309.252.56.56.56"
         })
     }));
-}, f = a;
+}, f = v;
 export { f as default };

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

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

@@ -78,25 +78,25 @@ 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 l = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = n(), i = t !== null && t !== void 0 ? t : s ? o.colors.inverse : o.colors.neutralHigh;
-    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const s = n(), i = e !== null && e !== void 0 ? e : 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"
-    }, e), {
-        children: /* @__PURE__ */ r("path", {
+    }, t), {
+        children: /* @__PURE__ */ c("path", {
             fill: i,
             d: "M9.932 11.263c-1.418 0-2.535-.383-3.32-1.137C5.794 9.339 5.38 8.19 5.38 6.714S5.794 4.09 6.61 3.3c.784-.762 1.904-1.149 3.322-1.149 1.417 0 2.537.387 3.325 1.143.82.79 1.235 1.941 1.235 3.417 0 1.477-.415 2.625-1.238 3.412-.785.757-1.902 1.14-3.322 1.14M6.198 6.711c0 1.247.33 2.197.98 2.821.628.605 1.555.91 2.754.91 1.201 0 2.128-.305 2.759-.91.655-.624.986-1.577.986-2.82 0-1.244-.33-2.2-.986-2.827-.63-.608-1.558-.916-2.76-.916-1.198 0-2.125.308-2.753.916-.65.63-.98 1.58-.98 2.826m15.63 14.737a.41.41 0 0 0-.39-.428H8.865a.41.41 0 0 0-.409.409c0 .226.182.409.41.409h12.574a.406.406 0 0 0 .389-.39M3.04 18.714a.06.06 0 0 1-.062-.061l.003-1.381c0-1.21.373-2.238 1.076-2.972.767-.801 1.924-1.224 3.347-1.224h1.151c-.061.224-.098.47-.098.747v4.261q0 .32.067.63zm7.563-6.196s9.064-.005 9.059-.003q.72 0 1.028.314.3.305.3.992v4.255c0 .459-.101.798-.3 1.005q-.313.32-1.028.32l-9.065.005q-.716 0-1.025-.32c-.199-.206-.3-.543-.3-1.002v-4.26c0-.309.05-.555.14-.748h.02v-.045a.8.8 0 0 1 .14-.2c.207-.206.552-.313 1.03-.313m-1.76 7.014v-.064q.027.035.05.07.044.063.088.117c.367.379.91.572 1.616.572l9.065-.006c.708 0 1.252-.193 1.616-.571.35-.364.53-.894.53-1.572v-4.26c0-.675-.177-1.205-.53-1.563-.364-.373-.908-.56-1.613-.56L10.6 11.7c-.706 0-1.25.188-1.613.56H7.399c-1.65 0-3.01.51-3.938 1.477-.849.888-1.3 2.112-1.3 3.537v1.379c0 .484.395.88.883.88z"
         })
     }));
-}, m = l;
+}, m = a;
 export { m as default };

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
+const n = (_param)=>{
     var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = n(), l = e !== null && e !== void 0 ? e : s ? c.colors.inverse : c.colors.neutralHigh;
+    const s = a(), l = e !== null && e !== void 0 ? e : s ? c.colors.inverse : c.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -98,5 +98,5 @@ const a = (_param)=>{
             d: "M9.962 11.475c-1.443 0-2.58-.392-3.39-1.17-.843-.81-1.266-1.981-1.266-3.488 0-1.502.423-2.678 1.266-3.488.81-.784 1.947-1.179 3.39-1.179 1.442 0 2.59.392 3.4 1.18.849.809 1.275 1.988 1.275 3.487 0 1.507-.426 2.678-1.275 3.487-.81.779-1.95 1.171-3.4 1.171M6.508 6.817c0 1.168.305 2.05.896 2.622.577.552 1.434.834 2.558.834q1.699-.002 2.566-.834c.602-.577.907-1.46.907-2.622 0-1.165-.305-2.045-.907-2.622-.578-.56-1.443-.84-2.566-.84-1.112 0-1.978.28-2.558.84-.59.577-.896 1.46-.896 2.622m4.12 13.244c-.641 0-1.131-.16-1.49-.482H3.222a1.065 1.065 0 0 1-1.067-1.06v-1.352c0-1.451.457-2.695 1.33-3.6.947-.994 2.334-1.515 4-1.515h1.813c.336-.224.776-.344 1.33-.344l8.874-.009c.698 0 1.227.185 1.577.552q.52.531.521 1.532v4.177c0 .666-.168 1.179-.512 1.537-.362.37-.9.564-1.586.564zm-.907-2.101c0 .336.064.585.185.706.16.168.52.193.72.193H19.5c.198 0 .551-.025.72-.193.111-.12.176-.376.176-.706v-4.177c0-.33-.065-.577-.177-.689-.12-.12-.378-.193-.72-.193l-8.873.008c-.353 0-.608.065-.72.185-.118.12-.185.37-.185.698zm-1.171.417a4 4 0 0 1-.034-.417v-4.168c0-.194.026-.37.05-.538H7.484c-1.33 0-2.42.395-3.135 1.137-.65.68-.994 1.644-.994 2.773l.003 1.213zm12.689 3.462a.601.601 0 1 0 0-1.204H8.919a.601.601 0 1 0 0 1.204z"
         })
     }));
-}, p = a;
+}, p = n;
 export { p as default };

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

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as a } from "react/jsx-runtime";
 import { useTheme as t } from "../../hooks.js";
-import { useIsInverseVariant as l } 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 h = (_param)=>{
+const l = (_param)=>{
     var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = l(), o = r !== null && r !== void 0 ? r : n ? s.colors.inverse : s.colors.neutralHigh, { skinName: m } = t();
+    const n = i(), o = r !== null && r !== void 0 ? r : n ? s.colors.inverse : s.colors.neutralHigh, { skinName: m } = t();
     return m.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -109,5 +109,5 @@ const h = (_param)=>{
             d: "M21.528 3.853v16.294c0 1.019-.79 1.853-1.766 1.853H4.245c-.97 0-1.765-.83-1.765-1.853V3.853C2.48 2.834 3.27 2 4.245 2h15.522c.97.005 1.76.834 1.76 1.853M7.419 4.967c-.677 0-1.232.578-1.232 1.294 0 .715.555 1.293 1.232 1.293s1.233-.578 1.233-1.293c0-.711-.551-1.294-1.233-1.294m8.04 10.971c0-.658.511-1.194 1.139-1.194.627 0 1.137.536 1.137 1.194 0 .66-.51 1.195-1.137 1.195-.628 0-1.138-.536-1.138-1.195m-8.04-1.346c-.682 0-1.232.583-1.232 1.299s.555 1.294 1.232 1.294c.682 0 1.233-.583 1.233-1.294.004-.716-.551-1.299-1.233-1.299M17.83 6.261c0 .71-.555 1.293-1.237 1.293s-1.237-.578-1.232-1.293c0-.711.55-1.294 1.232-1.294s1.237.578 1.237 1.294m-3.707 4.075a.537.537 0 0 0 .524-.492c.077-.702.858-1.176 1.941-1.176 1.088 0 1.87.474 1.942 1.176.031.303.298.526.587.488.289-.034.496-.308.465-.616-.086-.797-.578-1.432-1.332-1.801a2.47 2.47 0 0 0 .632-1.654c0-1.327-1.03-2.408-2.294-2.408s-2.293 1.08-2.293 2.408c0 .64.24 1.222.632 1.654-.754.37-1.246 1.004-1.332 1.8a.556.556 0 0 0 .528.621m-9.232-.004a.537.537 0 0 0 .587-.488c.077-.702.858-1.176 1.941-1.176 1.088 0 1.865.474 1.941 1.176a.54.54 0 0 0 .587.488c.29-.034.497-.308.465-.616-.085-.797-.578-1.432-1.332-1.801a2.47 2.47 0 0 0 .633-1.654c0-1.327-1.03-2.408-2.294-2.408s-2.293 1.08-2.293 2.408c0 .64.239 1.222.632 1.654-.75.37-1.246 1.004-1.332 1.8a.556.556 0 0 0 .465.617m4.194 7.208a2.47 2.47 0 0 0 .632-1.654c0-1.327-1.03-2.407-2.293-2.407-1.265 0-2.294 1.08-2.294 2.407 0 .64.24 1.223.632 1.654-.754.37-1.246 1.005-1.332 1.801a.556.556 0 0 0 .529.621.537.537 0 0 0 .523-.493c.077-.701.858-1.175 1.942-1.175 1.088 0 1.864.474 1.941 1.175a.54.54 0 0 0 .587.488c.289-.033.496-.312.465-.616-.086-.796-.578-1.431-1.332-1.8m10.501 1.801c-.09-.815-.605-1.464-1.386-1.83a2.35 2.35 0 0 0 .596-1.573c0-1.27-.984-2.308-2.198-2.308-1.215 0-2.2 1.034-2.2 2.308 0 .607.227 1.157.592 1.57-.79.364-1.305 1.013-1.395 1.828a.556.556 0 0 0 .528.621.537.537 0 0 0 .524-.493c.077-.701.858-1.175 1.941-1.175 1.088 0 1.87.474 1.942 1.175.031.304.298.527.587.489.293-.029.5-.308.47-.612m-.171-7.896h-6.88V4.223a.54.54 0 0 0-.529-.555.54.54 0 0 0-.528.555v7.218h-6.88a.54.54 0 0 0-.529.554.54.54 0 0 0 .528.555h6.876v7.218a.54.54 0 0 0 .528.554.54.54 0 0 0 .529-.554v-7.213h6.876a.544.544 0 0 0 .537-.555.54.54 0 0 0-.528-.555"
         })
     }));
-}, p = h;
+}, p = l;
 export { p as default };

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

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

package/dist-es/generated/mistica-icons/icon-conference-call-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 l } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+const l = (_param)=>{
     var { color: m, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = l(), o = m !== null && m !== void 0 ? m : n ? r.colors.inverse : r.colors.neutralHigh, { skinName: t } = h();
+    const n = i(), r = m !== null && m !== void 0 ? m : n ? o.colors.inverse : o.colors.neutralHigh, { skinName: t } = h();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -95,7 +95,7 @@ const i = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: o,
+            fill: r,
             d: "M4.593 2h14.81A2.6 2.6 0 0 1 22 4.593v14.814A2.594 2.594 0 0 1 19.407 22H4.593A2.594 2.594 0 0 1 2 19.407V4.593A2.594 2.594 0 0 1 4.593 2m.488 8.699a.56.56 0 0 0 .617-.489c.08-.71.81-1.175 1.853-1.175 1.086 0 1.963.507 2.038 1.175a.56.56 0 0 0 .55.493q.03.001.067-.004a.556.556 0 0 0 .488-.617c-.09-.786-.65-1.44-1.47-1.815.342-.389.546-.9.546-1.455a2.226 2.226 0 0 0-2.224-2.224 2.226 2.226 0 0 0-2.223 2.224c0 .568.218 1.085.569 1.479-.73.37-1.214 1-1.304 1.791a.57.57 0 0 0 .493.617m2.47-4.997a1.11 1.11 0 0 1 0 2.219 1.11 1.11 0 0 1-1.11-1.11c0-.61.499-1.109 1.11-1.109m6.85 4.509a.56.56 0 0 1-.616.488.57.57 0 0 1-.493-.617c.09-.791.573-1.422 1.303-1.791a2.22 2.22 0 0 1-.569-1.48 2.223 2.223 0 1 1 3.902 1.456c.82.374 1.38 1.029 1.47 1.816a.556.556 0 0 1-.489.616q-.036.006-.066.005a.557.557 0 0 1-.55-.494c-.076-.668-.953-1.175-2.038-1.175-1.043 0-1.773.46-1.854 1.175m.744-3.4a1.11 1.11 0 0 0 2.219 0 1.11 1.11 0 0 0-1.11-1.109 1.11 1.11 0 0 0-1.109 1.11M9.775 15.7a2.2 2.2 0 0 1-.546 1.455c.82.375 1.38 1.029 1.465 1.816a.556.556 0 0 1-.488.616q-.037.006-.067.005a.56.56 0 0 1-.55-.493c-.075-.669-.952-1.176-2.038-1.176-1.043 0-1.773.465-1.853 1.176a.56.56 0 0 1-.617.488.56.56 0 0 1-.488-.616c.09-.792.574-1.422 1.304-1.792a2.22 2.22 0 0 1-.57-1.48c0-1.227 1.001-2.222 2.224-2.222 1.228 0 2.223 1 2.223 2.223M7.55 14.59a1.11 1.11 0 0 0-1.11 1.11 1.11 1.11 0 0 0 2.219 0 1.11 1.11 0 0 0-1.109-1.11m10.927 1.11a2.2 2.2 0 0 1-.545 1.455c.82.375 1.38 1.029 1.465 1.816a.556.556 0 0 1-.489.616q-.036.006-.066.005a.56.56 0 0 1-.55-.493c-.076-.669-.953-1.176-2.038-1.176-1.043 0-1.773.465-1.854 1.176a.56.56 0 0 1-.616.488.56.56 0 0 1-.489-.616c.09-.792.574-1.422 1.304-1.792a2.22 2.22 0 0 1-.569-1.48 2.223 2.223 0 0 1 4.447 0m-3.333 0a1.11 1.11 0 0 0 2.219 0 1.11 1.11 0 0 0-1.11-1.11 1.11 1.11 0 0 0-1.109 1.11m5.371 3.702V4.593a1.11 1.11 0 0 0-1.109-1.11H4.593a1.11 1.11 0 0 0-1.11 1.11v14.81c0 .61.499 1.109 1.11 1.109h14.814a1.11 1.11 0 0 0 1.11-1.11m-1.479-6.85a.55.55 0 0 0 .555-.554.556.556 0 0 0-.56-.555h-6.48v-6.48a.55.55 0 0 0-.554-.555.55.55 0 0 0-.555.555v6.48h-6.48a.55.55 0 0 0-.555.555c0 .308.247.554.555.554h6.48v6.48c0 .309.247.555.555.555a.55.55 0 0 0 .554-.555v-6.48z"
         })
     })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
@@ -105,9 +105,9 @@ const i = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: o,
+            fill: r,
             d: "M4.593 2h14.81A2.6 2.6 0 0 1 22 4.593v14.814A2.594 2.594 0 0 1 19.407 22H4.593A2.594 2.594 0 0 1 2 19.407V4.593A2.594 2.594 0 0 1 4.593 2m.488 8.699a.56.56 0 0 0 .617-.489c.08-.71.81-1.175 1.853-1.175 1.086 0 1.963.507 2.038 1.175a.56.56 0 0 0 .55.493q.03.001.067-.004a.556.556 0 0 0 .488-.617c-.09-.786-.65-1.44-1.47-1.815.342-.389.546-.9.546-1.455a2.226 2.226 0 0 0-2.224-2.224 2.226 2.226 0 0 0-2.223 2.224c0 .568.218 1.085.569 1.479-.73.37-1.214 1-1.304 1.791a.57.57 0 0 0 .493.617m2.47-4.997a1.11 1.11 0 0 1 0 2.219 1.11 1.11 0 0 1-1.11-1.11c0-.61.499-1.109 1.11-1.109m6.85 4.509a.56.56 0 0 1-.616.488.57.57 0 0 1-.493-.617c.09-.791.573-1.422 1.303-1.791a2.22 2.22 0 0 1-.569-1.48 2.223 2.223 0 1 1 3.902 1.456c.82.374 1.38 1.029 1.47 1.816a.556.556 0 0 1-.489.616q-.036.006-.066.005a.557.557 0 0 1-.55-.494c-.076-.668-.953-1.175-2.038-1.175-1.043 0-1.773.46-1.854 1.175m.744-3.4a1.11 1.11 0 0 0 2.219 0 1.11 1.11 0 0 0-1.11-1.109 1.11 1.11 0 0 0-1.109 1.11M9.775 15.7a2.2 2.2 0 0 1-.546 1.455c.82.375 1.38 1.029 1.465 1.816a.556.556 0 0 1-.488.616q-.037.006-.067.005a.56.56 0 0 1-.55-.493c-.075-.669-.952-1.176-2.038-1.176-1.043 0-1.773.465-1.853 1.176a.56.56 0 0 1-.617.488.56.56 0 0 1-.488-.616c.09-.792.574-1.422 1.304-1.792a2.22 2.22 0 0 1-.57-1.48c0-1.227 1.001-2.222 2.224-2.222 1.228 0 2.223 1 2.223 2.223M7.55 14.59a1.11 1.11 0 0 0-1.11 1.11 1.11 1.11 0 0 0 2.219 0 1.11 1.11 0 0 0-1.109-1.11m10.927 1.11a2.2 2.2 0 0 1-.545 1.455c.82.375 1.38 1.029 1.465 1.816a.556.556 0 0 1-.489.616q-.036.006-.066.005a.56.56 0 0 1-.55-.493c-.076-.669-.953-1.176-2.038-1.176-1.043 0-1.773.465-1.854 1.176a.56.56 0 0 1-.616.488.56.56 0 0 1-.489-.616c.09-.792.574-1.422 1.304-1.792a2.22 2.22 0 0 1-.569-1.48 2.223 2.223 0 0 1 4.447 0m-3.333 0a1.11 1.11 0 0 0 2.219 0 1.11 1.11 0 0 0-1.11-1.11 1.11 1.11 0 0 0-1.109 1.11m5.371 3.702V4.593a1.11 1.11 0 0 0-1.109-1.11H4.593a1.11 1.11 0 0 0-1.11 1.11v14.81c0 .61.499 1.109 1.11 1.109h14.814a1.11 1.11 0 0 0 1.11-1.11m-1.479-6.85a.55.55 0 0 0 .555-.554.556.556 0 0 0-.56-.555h-6.48v-6.48a.55.55 0 0 0-.554-.555.55.55 0 0 0-.555.555v6.48h-6.48a.55.55 0 0 0-.555.555c0 .308.247.554.555.554h6.48v6.48c0 .309.247.555.555.555a.55.55 0 0 0 .554-.555v-6.48z"
         })
     }));
-}, q = i;
-export { q as default };
+}, d = l;
+export { d as default };

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

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e } from "react/jsx-runtime";
 import { useTheme as v } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+const n = (_param)=>{
     var { color: c, size: l = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), h = c !== null && c !== void 0 ? c : t ? r.colors.inverse : r.colors.neutralHigh, { skinName: o } = v();
+    const t = i(), h = c !== null && c !== void 0 ? c : t ? r.colors.inverse : r.colors.neutralHigh, { skinName: o } = v();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -119,5 +119,5 @@ const i = (_param)=>{
             d: "M20.205 7.404c0-.684-.513-1.235-1.146-1.235V6.16h-2.801v-.67c0-.109-.04-.212-.112-.29l-.63-.678a.86.86 0 0 0-.006-1.155l-.9-.969a.74.74 0 0 0-.54-.24.74.74 0 0 0-.54.24l-.55.591a.87.87 0 0 0 0 1.163l.9.966a.727.727 0 0 0 1.081 0l.014-.014.515.558v.498H8.51v-.498l.513-.552.01.011a.727.727 0 0 0 1.081 0l.9-.966a.87.87 0 0 0 0-1.163l-.546-.59a.74.74 0 0 0-.54-.242.74.74 0 0 0-.541.241l-.9.97a.85.85 0 0 0-.224.582.85.85 0 0 0 .222.58l-.625.672a.43.43 0 0 0-.112.291v.67H4.941c-.633 0-1.145.552-1.145 1.235v1.093c0 .683.512 1.235 1.145 1.235h.381v.003h13.356v-.003h.38c.634 0 1.146-.552 1.146-1.235zM5.322 10.387v.303c0 .68.513 1.235 1.143 1.235H7.62v.003h8.76v-.003h1.153c.633 0 1.146-.555 1.146-1.235v-.303zM7.62 17.87v-5.286h8.76v5.286zm11.037 1.89c0-.683-.513-1.235-1.146-1.235h-.835v.003H6.465c-.622.011-1.123.557-1.123 1.233v.857c0 .683.512 1.235 1.146 1.235H17.51c.633 0 1.145-.552 1.145-1.235z"
         })
     }));
-}, p = i;
+}, p = n;
 export { p as default };

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

@@ -79,15 +79,15 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { useTheme as i } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+const c = (_param)=>{
     var { color: t, size: a = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = c(), e = t !== null && t !== void 0 ? t : v ? r.colors.inverse : r.colors.neutralHigh, { skinName: o } = n();
+    const v = n(), e = t !== null && t !== void 0 ? t : v ? r.colors.inverse : r.colors.neutralHigh, { skinName: o } = i();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -119,5 +119,5 @@ const i = (_param)=>{
             d: "M19.38 6.552h-2.804V5.465a.4.4 0 0 0-.12-.289l-.678-.675a.82.82 0 0 0 .235-.568.81.81 0 0 0-.24-.577l-.967-.964a.818.818 0 0 0-1.16 0l-.59.588a.82.82 0 0 0 0 1.157l.966.961a.82.82 0 0 0 1.16 0l.016-.017.557.555v.919H8.244v-.92l.552-.548.01.011a.82.82 0 0 0 1.16 0l.967-.96a.82.82 0 0 0 0-1.158l-.588-.588a.823.823 0 0 0-1.163 0l-.966.964a.814.814 0 0 0-.003 1.151l-.672.67a.4.4 0 0 0-.12.288v1.087H4.617a.82.82 0 0 0-.82.818v1.364c0 .45.37.818.82.818h.785v1.252a.82.82 0 0 0 .82.818H7.52v7.37H6.246a.82.82 0 0 0-.821.817v1.213a.82.82 0 0 0 .82.818h11.513c.454 0 .821-.364.821-.818V19.81a.82.82 0 0 0-.82-.818h-1.275v-7.37h1.297c.454 0 .82-.364.82-.818V9.552h.782a.82.82 0 0 0 .82-.818V7.37a.824.824 0 0 0-.823-.818m0 2.182h-1.585q-.005 0-.009-.002H6.215l-.011.002H4.618V7.37H19.38zM17.778 10.8H6.223V9.55h11.555zm-9.44 8.188v-7.367h7.322v7.367zm-2.095 2.03v-1.212h11.513v1.213zm3.52-18.05.59.588-.967.961-.589-.585zm4.46-.003.967.964-.589.585-.966-.96z"
         })
     }));
-}, V = i;
+}, V = c;
 export { V as default };

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

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

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

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

@@ -78,16 +78,16 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as t } from "react/jsx-runtime";
-import { useTheme as r } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { jsx as l, jsxs as r } from "react/jsx-runtime";
+import { useTheme as t } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as s } 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, [
+    var { color: i, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = s(), a = o !== null && o !== void 0 ? o : i ? e.colors.inverse : e.colors.neutralHigh, { skinName: v } = r();
+    const o = s(), a = i !== null && i !== void 0 ? i : o ? e.colors.inverse : e.colors.neutralHigh, { skinName: v } = t();
     return v.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,7 +108,7 @@ const n = (_param)=>{
             fill: a,
             d: "M19.937 7.211h.363c.325 0 .543.252.655.572v1.394c0 .32-.256.535-.544.535h-.362a4.6 4.6 0 0 1-.363.86l.256.25a.56.56 0 0 1 .144.357.51.51 0 0 1-.144.357l-1.017.965a.53.53 0 0 1-.762 0l-.256-.252a3.1 3.1 0 0 1-.873.357v.356a.54.54 0 0 1-.144.393c-.112.069-.256.142-.4.142h-1.417a.53.53 0 0 1-.543-.535v-.356a4.8 4.8 0 0 1-.873-.357l-.256.252a.53.53 0 0 1-.762 0l-1.017-1.002c-.107-.073-.144-.214-.144-.356s.037-.252.144-.357l.255-.251a3 3 0 0 1-.362-.86h-.325a.53.53 0 0 1-.544-.534V7.746c0-.32.256-.535.544-.535h.362c.107-.32.218-.603.363-.854l-.256-.252c-.107-.073-.144-.215-.144-.356 0-.037 0-.106.037-.179H3.785v12.86h7.623c.218 0 .362.141.362.356s-.144.357-.362.357H3.822a2.53 2.53 0 0 0 2.504 2.144h6.532c1.416 0 2.54-1.106 2.54-2.5v-3.928c0-.214.145-.356.363-.356s.362.142.362.356v3.927c0 1.788-1.45 3.214-3.266 3.214H6.327c-1.817 0-3.266-1.426-3.266-3.214V5.214C3.06 3.426 4.51 2 6.326 2h6.532c1.087 0 2.104.535 2.685 1.394h.873c.325 0 .543.247.543.535v.357c.33.105.618.215.874.356l.255-.251a.53.53 0 0 1 .762 0l.98 1.001a.56.56 0 0 1 .145.357.51.51 0 0 1-.145.356l-.255.252c.181.283.288.571.362.854m-7.08-4.498H6.327a2.53 2.53 0 0 0-2.504 2.144h8.376l.436-.466a.53.53 0 0 1 .762 0l.256.251c.293-.178.585-.283.873-.356v-.32a.51.51 0 0 1 .219-.43 2.54 2.54 0 0 0-1.886-.823m7.262 6.25V7.924h-.725l-.074-.284a3.3 3.3 0 0 0-.474-1.143l-.144-.251.506-.498-.725-.714-.506.499-.256-.142c-.325-.215-.724-.361-1.161-.466l-.288-.073v-.714h-1.017v.714l-.288.073a3.5 3.5 0 0 0-1.162.466l-.255.142-.507-.499-.724.714.506.498-.144.251c-.218.32-.367.713-.474 1.143l-.074.284h-.725v1h.725l.074.32c.074.357.218.75.474 1.144l.144.251-.506.498.724.713.507-.498.255.142c.325.215.725.361 1.162.466l.288.073v.713h1.017v-.75l.288-.036a3.5 3.5 0 0 0 1.161-.466l.256-.142.506.498.725-.713-.506-.498.144-.251c.218-.32.367-.714.474-1.143l.074-.284zm-7.261-.536c0-1.179.692-2.249 1.779-2.715a2.915 2.915 0 0 1 3.191.613c.837.854 1.055 2.107.618 3.213a2.86 2.86 0 0 1-2.685 1.82c-1.598 0-2.903-1.321-2.903-2.93m4.9.855c.363-.818.182-1.783-.473-2.46-.618-.607-1.561-.822-2.36-.465a2.29 2.29 0 0 0-1.343 2.07c0 1.212.98 2.213 2.179 2.213.873 0 1.672-.535 1.998-1.358m-3.446 9.5a.72.72 0 0 0-.725-.713.717.717 0 0 0-.725.713.72.72 0 0 0 .725.713c.4 0 .725-.32.725-.713"
         })
-    })) : /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -125,5 +125,5 @@ const n = (_param)=>{
             })
         ]
     }));
-}, H = n;
-export { H as default };
+}, p = n;
+export { p as default };

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

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

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

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

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

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

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

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

package/dist-es/generated/mistica-icons/icon-configure-tv-decoder-filled.js

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