@telefonica/mistica 15.20.1 → 16.0.0

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

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const c = (_param)=>{
-    var { color: s, size: o = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: i, size: o = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = n(), t = s !== null && s !== void 0 ? s : l ? e.colors.inverse : e.colors.neutralHigh;
+    const l = n(), t = i !== null && i !== void 0 ? i : l ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, s), {
         children: /* @__PURE__ */ r("path", {
             fill: t,
             d: "M1 12.003C1 4.51 5.048 1 11.997 1 18.947 1 23 4.51 23 12.003S18.946 23 11.997 23C5.047 23 1 19.497 1 12.003m10.997-9.169c-6.252 0-9.163 2.915-9.163 9.17 0 2.682.542 4.748 1.65 6.235L18.207 4.515c-1.493-1.123-3.556-1.68-6.21-1.68m0 18.332c6.254 0 9.168-2.912 9.168-9.163 0-2.639-.554-4.692-1.665-6.185L5.783 19.532c1.487 1.095 3.543 1.634 6.214 1.634"

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

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const c = (_param)=>{
-    var { color: e, size: o = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: t, size: o = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = n(), l = e !== null && e !== void 0 ? e : i ? t.colors.inverse : t.colors.neutralHigh;
+    const s = n(), l = t !== null && t !== void 0 ? t : s ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, i), {
         children: /* @__PURE__ */ r("path", {
             fill: l,
             d: "M1 12.003C1 4.51 5.048 1 11.997 1 18.947 1 23 4.51 23 12.003S18.946 23 11.997 23C5.047 23 1 19.497 1 12.003M11.997 1.917C5.307 1.917 1.917 5.31 1.917 12c0 3.137.755 5.54 2.238 7.215l15.06-15.06c-1.674-1.483-4.078-2.238-7.218-2.238m0 20.166c6.693 0 10.086-3.39 10.086-10.08 0-3.127-.748-5.522-2.22-7.2l-15.06 15.06c1.675 1.472 4.073 2.22 7.194 2.22"

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

@@ -79,9 +79,9 @@ 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 n } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
+const a = (_param)=>{
     var { color: s, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
@@ -98,5 +98,5 @@ const c = (_param)=>{
             d: "M1 12.003C1 4.51 5.048 1 11.997 1 18.947 1 23 4.51 23 12.003S18.946 23 11.997 23C5.047 23 1 19.497 1 12.003m10.997-9.629c-6.474 0-9.623 3.15-9.623 9.63 0 2.914.645 5.149 1.938 6.733L18.733 4.311c-1.584-1.293-3.818-1.938-6.736-1.938m0 19.252c6.477 0 9.629-3.15 9.629-9.62 0-2.905-.639-5.137-1.922-6.717L5.285 19.707c1.581 1.28 3.81 1.919 6.712 1.919"
         })
     }));
-}, h = c;
+}, h = a;
 export { h as default };

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

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as o } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 const h = (_param)=>{
-    var { color: t, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), l = t !== null && t !== void 0 ? t : a ? i.colors.inverse : i.colors.neutralHigh, { skinName: c } = s();
+    const t = n(), i = a !== null && a !== void 0 ? a : t ? l.colors.inverse : l.colors.neutralHigh, { skinName: c } = s();
     return c.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -95,7 +95,7 @@ const h = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ o("path", {
-            fill: l,
+            fill: i,
             d: "m20.676 18.47-1.108-4.072c-.25-.929-1.212-1.659-2.193-1.659H14.61l-1.7-6.123a.76.76 0 0 0-.176-.298A2.407 2.407 0 0 0 11.271 2a2.41 2.41 0 0 0-2.406 2.408c0 .763.36 1.44.914 1.886-.748.36-1.283 1.133-1.283 2.005V12c0 1.204 1.018 2.223 2.22 2.223h4.727a5.372 5.372 0 0 1-5.285 6.294 5.37 5.37 0 0 1-5.366-5.37c0-1.9.971-3.62 2.6-4.602a.737.737 0 0 0 .251-1.014.736.736 0 0 0-1.013-.251 6.8 6.8 0 0 0-3.32 5.872C3.31 18.929 6.379 22 10.153 22s6.844-3.071 6.844-6.848c0-.313-.024-.621-.062-.925h.431c.317 0 .687.275.767.564l1.108 4.072a.74.74 0 0 0 .91.516.746.746 0 0 0 .525-.91"
         })
     })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
@@ -105,7 +105,7 @@ const h = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ o("path", {
-            fill: l,
+            fill: i,
             d: "m20.676 18.47-1.108-4.072c-.251-.929-1.212-1.659-2.193-1.659H14.61l-1.7-6.123a.76.76 0 0 0-.176-.298A2.407 2.407 0 0 0 11.271 2a2.41 2.41 0 0 0-2.406 2.408c0 .763.36 1.44.914 1.886-.748.36-1.283 1.133-1.283 2.005V12c0 1.204 1.018 2.223 2.22 2.223h4.727a5.372 5.372 0 0 1-5.285 6.294 5.37 5.37 0 0 1-5.366-5.37c0-1.9.971-3.62 2.6-4.602a.737.737 0 0 0 .251-1.014.736.736 0 0 0-1.013-.251 6.8 6.8 0 0 0-3.32 5.872C3.31 18.929 6.379 22 10.153 22s6.844-3.071 6.844-6.848c0-.313-.024-.621-.062-.925h.43c.318 0 .688.275.768.564l1.108 4.072a.74.74 0 0 0 .91.516.746.746 0 0 0 .525-.91"
         })
     }));

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

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e } 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";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
+import { vars as s } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: t, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = l(), s = t !== null && t !== void 0 ? t : i ? r.colors.inverse : r.colors.neutralHigh, { skinName: a } = h();
+    const i = l(), r = t !== null && t !== void 0 ? t : i ? s.colors.inverse : s.colors.neutralHigh, { skinName: a } = h();
     return a.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -95,7 +95,7 @@ const n = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ e("path", {
-            fill: s,
+            fill: r,
             d: "m20.313 18.576-1.062-3.943c-.24-.9-1.162-1.607-2.102-1.607H14.5L12.95 7.398a2.97 2.97 0 0 0 1.276-2.437C14.227 3.33 12.915 2 11.299 2S8.372 3.327 8.372 4.96c0 .868.372 1.649.967 2.19-.427.395-.7.96-.7 1.58v3.584c0 1.166.976 2.153 2.13 2.153h4.529c.05.294.077.597.077.895 0 2.87-2.306 5.201-5.142 5.201s-5.142-2.332-5.142-5.2c0-1.841.93-3.508 2.491-4.458a.72.72 0 0 0 .24-.982.7.7 0 0 0-.97-.243C4.858 10.89 3.67 13.017 3.67 15.367 3.67 19.026 6.611 22 10.228 22s6.558-2.974 6.558-6.633a7 7 0 0 0-.059-.895h.413c.304 0 .658.266.736.546l1.062 3.943a.71.71 0 0 0 .871.5.73.73 0 0 0 .504-.885m-9.018-15.14c.83 0 1.507.685 1.507 1.525s-.677 1.524-1.512 1.524A1.523 1.523 0 0 1 9.788 4.96c0-.845.676-1.524 1.507-1.524m-1.24 8.874V8.725c0-.363.35-.716.709-.716h.88l1.38 5.022h-2.26v-.005c-.359 0-.708-.354-.708-.716"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
@@ -105,7 +105,7 @@ const n = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ e("path", {
-            fill: s,
+            fill: r,
             d: "M20.337 19.147c0 .394-.31.713-.694.713a.704.704 0 0 1-.694-.713c0-.394.31-.713.694-.713s.694.319.694.713M19.216 17.35a.36.36 0 0 0 .24-.444l-.591-2.14c-.205-.786-.885-1.335-1.654-1.335h-3.207L12.368 7.04a2.7 2.7 0 0 0 1.37-2.36c0-1.476-1.17-2.679-2.606-2.679-1.437 0-2.606 1.203-2.606 2.68a2.69 2.69 0 0 0 1.178 2.235 1.8 1.8 0 0 0-.827 1.514v3.928c0 .983.778 1.788 1.739 1.788h5.074c.089.416.138.836.138 1.248 0 3.25-2.57 5.894-5.732 5.894s-5.732-2.643-5.732-5.894c0-2.259 1.285-4.349 3.277-5.323a.36.36 0 0 0 .165-.475.345.345 0 0 0-.463-.17C5.111 10.519 3.67 12.86 3.67 15.394 3.67 19.037 6.552 22 10.096 22s6.425-2.963 6.425-6.607q0-.624-.12-1.248h.81c.462 0 .858.324.982.813l.592 2.145a.353.353 0 0 0 .431.247M9.22 4.68c0-1.084.858-1.967 1.912-1.967s1.912.883 1.912 1.966c0 1.084-.858 1.967-1.917 1.967-1.054-.005-1.907-.883-1.907-1.967m1.391 8.751c-.573 0-1.04-.48-1.04-1.07V8.433c0-.59.467-1.07 1.04-1.07h1.121l1.556 6.073h-1.983v-.005z"
         })
     }));

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

@@ -79,23 +79,23 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useTheme as l } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as s } from "../../skins/skin-contract.css-mistica.js";
 const h = (_param)=>{
-    var { color: t, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: a, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), r = t !== null && t !== void 0 ? t : a ? s.colors.inverse : s.colors.neutralHigh, { skinName: l } = i();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const t = n(), o = a !== null && a !== void 0 ? a : t ? s.colors.inverse : s.colors.neutralHigh, { skinName: i } = l();
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: o,
             d: "m20.313 18.576-1.062-3.943c-.24-.9-1.162-1.607-2.102-1.607H14.5L12.95 7.398a2.97 2.97 0 0 0 1.276-2.437C14.227 3.33 12.915 2 11.299 2S8.372 3.327 8.372 4.96c0 .868.372 1.649.967 2.19-.427.395-.7.96-.7 1.58v3.584c0 1.166.976 2.153 2.13 2.153h4.529c.05.294.077.597.077.895 0 2.87-2.306 5.201-5.142 5.201s-5.142-2.332-5.142-5.2c0-1.841.93-3.508 2.491-4.458a.72.72 0 0 0 .24-.982.7.7 0 0 0-.97-.243C4.858 10.89 3.67 13.017 3.67 15.367 3.67 19.026 6.611 22 10.228 22s6.558-2.974 6.558-6.633a7 7 0 0 0-.059-.895h.413c.304 0 .658.266.736.546l1.062 3.943a.71.71 0 0 0 .871.5.73.73 0 0 0 .504-.885m-9.018-15.14c.83 0 1.507.685 1.507 1.525s-.677 1.524-1.512 1.524A1.523 1.523 0 0 1 9.788 4.96c0-.845.676-1.524 1.507-1.524m-1.24 8.874V8.725c0-.363.35-.716.709-.716h.88l1.38 5.022h-2.26v-.005c-.359 0-.708-.354-.708-.716"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
@@ -103,9 +103,9 @@ const h = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: o,
             d: "m20.313 18.576-1.062-3.943c-.24-.9-1.162-1.607-2.102-1.607H14.5L12.95 7.398a2.97 2.97 0 0 0 1.276-2.437C14.227 3.33 12.915 2 11.299 2S8.372 3.327 8.372 4.96c0 .868.372 1.649.967 2.19-.427.395-.7.96-.7 1.58v3.584c0 1.166.976 2.153 2.13 2.153h4.529c.05.294.077.597.077.895 0 2.87-2.306 5.201-5.142 5.201s-5.142-2.332-5.142-5.2c0-1.841.93-3.508 2.491-4.458a.72.72 0 0 0 .24-.982.7.7 0 0 0-.97-.243C4.858 10.89 3.67 13.017 3.67 15.367 3.67 19.026 6.611 22 10.228 22s6.558-2.974 6.558-6.633a7 7 0 0 0-.059-.895h.413c.304 0 .658.266.736.546l1.062 3.943a.71.71 0 0 0 .871.5.73.73 0 0 0 .504-.885m-9.018-15.14c.83 0 1.507.685 1.507 1.525s-.677 1.524-1.512 1.524A1.523 1.523 0 0 1 9.788 4.96c0-.845.676-1.524 1.507-1.524m-1.24 8.874V8.725c0-.363.35-.716.709-.716h.88l1.38 5.022h-2.26v-.005c-.359 0-.708-.354-.708-.716"
         })
     }));

package/dist-es/generated/mistica-icons/icon-disconnect-filled.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 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: s, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = i(), t = s !== null && s !== void 0 ? s : n ? r.colors.inverse : r.colors.neutralHigh;
+    const n = i(), t = e !== null && e !== void 0 ? e : n ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, s), {
         children: /* @__PURE__ */ o("path", {
             fill: t,
             d: "M21.84 9.536c0-4.756-2.63-7.381-7.39-7.381-3.44 0-5.776 1.375-6.798 3.941H5.198c-.986 0-1.723.266-2.263.807-.527.535-.785 1.266-.785 2.24v9.648c0 1 .258 1.74.793 2.266.535.527 1.269.784 2.255.784h4.843c.986 0 1.728-.26 2.255-.784.535-.527.793-1.266.793-2.266v-1.975c.434.05.885.084 1.361.084 4.76 0 7.39-2.616 7.39-7.364m-10.003-.392v9.647c0 .641-.132 1.1-.426 1.383-.286.275-.734.418-1.37.418H5.198c-.636 0-1.087-.143-1.37-.418-.291-.282-.426-.742-.426-1.383V9.144c0-.625.135-1.073.426-1.364.294-.292.737-.435 1.37-.435h4.843c.644 0 1.095.143 1.378.426s.418.731.418 1.373m4.459 3.092-2.084-2.075a.63.63 0 0 1-.185-.443V6.903a.628.628 0 0 1 1.255 0v2.554l1.9 1.894a.627.627 0 0 1 0 .885.63.63 0 0 1-.886 0m-7.857 6.44c0-.515-.305-.82-.818-.82s-.818.304-.818.82q0 .377.213.597c.143.145.353.224.605.224s.462-.079.605-.224q.214-.219.213-.597"

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

@@ -79,22 +79,22 @@ 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 r } from "../../skins/skin-contract.css-mistica.js";
 const l = (_param)=>{
-    var { color: t, size: c = 24 } = _param, n = _object_without_properties(_param, [
+    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = i(), e = t !== null && t !== void 0 ? t : s ? r.colors.inverse : r.colors.neutralHigh;
+    const n = i(), s = t !== null && t !== void 0 ? t : n ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, e), {
         children: /* @__PURE__ */ o("path", {
-            fill: e,
+            fill: s,
             d: "M14.501 2.156c4.804 0 7.336 2.535 7.336 7.32 0 4.792-2.532 7.319-7.336 7.319-.563 0-1.09-.045-1.593-.12v2.263c0 .96-.247 1.666-.751 2.162-.496.502-1.205.74-2.157.74H5.059c-.947 0-1.656-.241-2.16-.74-.501-.493-.748-1.207-.748-2.16V9.084c0-.935.247-1.633.751-2.134.504-.521 1.213-.768 2.16-.768h2.644c.977-2.63 3.316-4.025 6.795-4.025m0 13.79c4.306 0 6.482-2.17 6.482-6.47 0-4.292-2.176-6.468-6.482-6.468-2.994 0-4.955 1.081-5.868 3.173H10c.955 0 1.664.247 2.165.751.505.502.743 1.199.743 2.151v6.74c.495.078 1.03.123 1.593.123M7.53 17.983c.524 0 .838.313.838.837 0 .255-.073.462-.216.61-.148.152-.361.23-.619.23s-.47-.078-.619-.23q-.218-.223-.218-.61c0-.526.31-.837.834-.837m4.524-8.9c0-.714-.162-1.224-.496-1.557-.333-.33-.846-.493-1.56-.493H5.06c-.709 0-1.213.17-1.555.51-.33.342-.501.843-.501 1.54v9.858c0 .714.162 1.224.501 1.557.334.33.838.493 1.555.493h4.938c.717 0 1.23-.163 1.563-.493.33-.333.493-.843.493-1.557zm2.149.886 2.129 2.123a.427.427 0 0 0 .599.003.43.43 0 0 0 0-.603l-2.003-2V6.795a.426.426 0 1 0-.851 0v2.871c0 .115.044.221.126.303"
         })
     }));

package/dist-es/generated/mistica-icons/icon-disconnect-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 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: e, size: c = 24 } = _param, s = _object_without_properties(_param, [

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

@@ -78,33 +78,33 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const h = (_param)=>{
-    var { color: i, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: i, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
     const a = c(), l = i !== null && i !== void 0 ? i : a ? t.colors.inverse : t.colors.neutralHigh, { skinName: n } = s();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    return n.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: l,
             d: "m18.7 17.692 3.087 3.088a.703.703 0 0 1 0 1.008.7.7 0 0 1-.504.212.74.74 0 0 1-.508-.208L2.21 3.222A.715.715 0 1 1 3.222 2.21l2.375 2.376a9.24 9.24 0 0 1 6.392-2.564c5.115 0 9.274 4.164 9.274 9.277 0 2.476-.98 4.728-2.564 6.393M2.718 11.295c0-1.732.484-3.352 1.316-4.74l12.69 12.697a9.2 9.2 0 0 1-4.74 1.316 9.3 9.3 0 0 1-3.859-.836l-5.683 1.52a.336.336 0 0 1-.408-.412l1.524-5.685a9.2 9.2 0 0 1-.84-3.86"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: l,
             d: "m18.7 17.692 3.087 3.088a.703.703 0 0 1 0 1.008.7.7 0 0 1-.504.212.74.74 0 0 1-.508-.208L2.21 3.222A.715.715 0 1 1 3.222 2.21l2.375 2.376a9.24 9.24 0 0 1 6.392-2.564c5.115 0 9.274 4.164 9.274 9.277 0 2.476-.98 4.728-2.564 6.393M2.718 11.295c0-1.732.484-3.352 1.316-4.74l12.69 12.697a9.2 9.2 0 0 1-4.74 1.316 9.3 9.3 0 0 1-3.859-.836l-5.683 1.52a.336.336 0 0 1-.408-.412l1.524-5.685a9.2 9.2 0 0 1-.84-3.86"
         })

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

@@ -78,36 +78,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as r } 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 t } from "../../skins/skin-contract.css-mistica.js";
 const h = (_param)=>{
-    var { color: e, size: a = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: e, size: a = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = s(), r = e !== null && e !== void 0 ? e : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: c } = n();
-    return c.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const i = s(), o = e !== null && e !== void 0 ? e : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: c } = n();
+    return c.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ l("path", {
-            fill: r,
+    }, l), {
+        children: /* @__PURE__ */ r("path", {
+            fill: o,
             d: "m18.695 18.012 2.636 2.768a.744.744 0 0 1-.004 1.012.66.66 0 0 1-.96 0l-2.69-2.824a8.7 8.7 0 0 1-5.504 1.96c-1.291 0-2.548-.264-3.65-.768l-5.188 1.456a.66.66 0 0 1-.655-.184.74.74 0 0 1-.175-.688l1.39-5.463c-.484-1.168-.731-2.448-.731-3.812 0-1.436.274-2.784.819-4.008a.665.665 0 0 1 .903-.344c.339.164.487.592.327.948-.457 1.032-.69 2.176-.69 3.404 0 1.244.24 2.404.71 3.444a.74.74 0 0 1 .041.488l-1.15 4.52 4.282-1.205a.66.66 0 0 1 .468.044c.972.484 2.114.74 3.3.74 1.69 0 3.256-.58 4.525-1.56L2.68 3.222a.74.74 0 0 1 0-1.012.66.66 0 0 1 .964 0l2.29 2.404c1.672-1.668 3.912-2.612 6.243-2.612 2.411 0 4.674.984 6.377 2.768 1.699 1.784 2.636 4.163 2.636 6.695 0 2.464-.884 4.78-2.495 6.547m1.135-6.547c0-4.432-3.432-8.035-7.653-8.035a7.5 7.5 0 0 0-5.28 2.196l10.826 11.366a8.2 8.2 0 0 0 2.107-5.527"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ l("path", {
-            fill: r,
+    }, l), {
+        children: /* @__PURE__ */ r("path", {
+            fill: o,
             d: "M22 21.284a.716.716 0 1 1-1.432 0 .716.716 0 0 1 1.432 0M18.497 17.92l-.037.036 1.468 1.468a.355.355 0 0 1-.252.608.36.36 0 0 1-.252-.104l-1.496-1.496a9.2 9.2 0 0 1-5.927 2.136c-1.38 0-2.68-.272-3.872-.816l-5.68 1.52a.357.357 0 0 1-.344-.092.36.36 0 0 1-.092-.344l1.52-5.68a9.3 9.3 0 0 1-.816-3.872c0-1.687.416-3.263 1.244-4.675a.354.354 0 0 1 .488-.128c.172.1.228.316.128.488-.76 1.3-1.148 2.752-1.148 4.315 0 1.32.268 2.56.804 3.688.04.076.044.164.024.244l-1.392 5.208 5.204-1.396a.37.37 0 0 1 .244.024 8.6 8.6 0 0 0 3.688.804 8.53 8.53 0 0 0 5.415-1.936L2.105 2.61a.355.355 0 0 1 0-.504c.14-.14.364-.14.504 0l2.716 2.716A9.34 9.34 0 0 1 12 2c2.483 0 4.815.964 6.563 2.716a9.22 9.22 0 0 1 2.716 6.568 9.22 9.22 0 0 1-2.716 6.567q-.032.035-.067.069M12 2.718a8.63 8.63 0 0 0-6.172 2.608l12.123 12.123a8.54 8.54 0 0 0 2.62-6.16c0-4.727-3.844-8.571-8.571-8.571"
         })
     }));
-}, v = h;
-export { v as default };
+}, u = h;
+export { u as default };

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

@@ -80,22 +80,22 @@ 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 s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: t, size: a = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = s(), e = t !== null && t !== void 0 ? t : c ? o.colors.inverse : o.colors.neutralHigh, { skinName: i } = n();
+    const c = s(), l = t !== null && t !== void 0 ? t : c ? o.colors.inverse : o.colors.neutralHigh, { skinName: i } = n();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ r("path", {
-            fill: e,
+            fill: l,
             d: "m18.695 18.012 2.636 2.768a.744.744 0 0 1-.004 1.012.66.66 0 0 1-.96 0l-2.69-2.824a8.7 8.7 0 0 1-5.504 1.96c-1.291 0-2.548-.264-3.65-.768l-5.188 1.456a.66.66 0 0 1-.655-.184.74.74 0 0 1-.175-.688l1.39-5.463c-.484-1.168-.731-2.448-.731-3.812 0-1.436.274-2.784.819-4.008a.665.665 0 0 1 .903-.344c.339.164.487.592.327.948-.457 1.032-.69 2.176-.69 3.404 0 1.244.24 2.404.71 3.444a.74.74 0 0 1 .041.488l-1.15 4.52 4.282-1.205a.66.66 0 0 1 .468.044c.972.484 2.114.74 3.3.74 1.69 0 3.256-.58 4.525-1.56L2.68 3.222a.74.74 0 0 1 0-1.012.66.66 0 0 1 .964 0l2.29 2.404c1.672-1.668 3.912-2.612 6.243-2.612 2.411 0 4.674.984 6.377 2.768 1.699 1.784 2.636 4.163 2.636 6.695 0 2.464-.884 4.78-2.495 6.547m1.135-6.547c0-4.432-3.432-8.035-7.653-8.035a7.5 7.5 0 0 0-5.28 2.196l10.826 11.366a8.2 8.2 0 0 0 2.107-5.527"
         })
     })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
@@ -103,11 +103,11 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ r("path", {
-            fill: e,
+            fill: l,
             d: "m18.695 18.012 2.636 2.768a.744.744 0 0 1-.004 1.012.66.66 0 0 1-.96 0l-2.69-2.824a8.7 8.7 0 0 1-5.504 1.96c-1.291 0-2.548-.264-3.65-.768l-5.188 1.456a.66.66 0 0 1-.655-.184.74.74 0 0 1-.175-.688l1.39-5.463c-.484-1.168-.731-2.448-.731-3.812 0-1.436.274-2.784.819-4.008a.665.665 0 0 1 .903-.344c.339.164.487.592.327.948-.457 1.032-.69 2.176-.69 3.404 0 1.244.24 2.404.71 3.444a.74.74 0 0 1 .041.488l-1.15 4.52 4.282-1.205a.66.66 0 0 1 .468.044c.972.484 2.114.74 3.3.74 1.69 0 3.256-.58 4.525-1.56L2.68 3.222a.74.74 0 0 1 0-1.012.66.66 0 0 1 .964 0l2.29 2.404c1.672-1.668 3.912-2.612 6.243-2.612 2.411 0 4.674.984 6.377 2.768 1.699 1.784 2.636 4.163 2.636 6.695 0 2.464-.884 4.78-2.495 6.547m1.135-6.547c0-4.432-3.432-8.035-7.653-8.035a7.5 7.5 0 0 0-5.28 2.196l10.826 11.366a8.2 8.2 0 0 0 2.107-5.527"
         })
     }));
-}, v = m;
-export { v as default };
+}, d = m;
+export { d as default };

package/dist-es/generated/mistica-icons/{icon-adn-filled.js → icon-dna-filled.js}

@@ -79,24 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const l = (_param)=>{
-    var { color: c, size: o = 24 } = _param, n = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: a, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = i(), s = c !== null && c !== void 0 ? c : t ? e.colors.inverse : e.colors.neutralHigh;
+    const n = i(), t = a !== null && a !== void 0 ? a : n ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, c), {
         children: /* @__PURE__ */ r("path", {
-            fill: s,
+            fill: t,
             d: "M16.512 12.003c0-2.263-1.613-3.554-3.302-4.61 1.689-1.057 3.302-2.348 3.302-4.611a.634.634 0 0 0-.644-.622.633.633 0 0 0-.644.622c0 1.84-1.46 2.823-3.221 3.877C10.24 5.603 8.78 4.622 8.78 2.782a.634.634 0 0 0-.644-.622.633.633 0 0 0-.644.622c0 2.263 1.613 3.554 3.302 4.61-1.689 1.057-3.302 2.35-3.302 4.611 0 1.165.428 2.07 1.07 2.82q.06.094.148.16c.589.634 1.325 1.157 2.082 1.628-1.69 1.056-3.303 2.347-3.303 4.61 0 .342.289.622.644.622a.633.633 0 0 0 .645-.621c0-1.84 1.462-2.821 3.22-3.877 1.76 1.056 3.222 2.04 3.222 3.877 0 .341.289.621.644.621a.633.633 0 0 0 .645-.621c0-2.264-1.614-3.555-3.303-4.611 1.692-1.053 3.305-2.345 3.305-4.608m-7.086 1.88a3 3 0 0 1-.577-1.244h6.305a3.04 3.04 0 0 1-.577 1.244zM12 8.123c.434.261.846.519 1.227.785h-2.451c.38-.263.792-.524 1.224-.784"
         })
     }));
-}, m = l;
+}, m = s;
 export { m as default };

package/dist-es/generated/mistica-icons/{icon-adn-light.js → icon-dna-light.js}

@@ -79,24 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as i } 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)=>{
-    var { color: n, size: o = 24 } = _param, s = _object_without_properties(_param, [
+const c = (_param)=>{
+    var { color: e, size: o = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = i(), c = n !== null && n !== void 0 ? n : e ? t.colors.inverse : t.colors.neutralHigh;
+    const s = a(), i = e !== null && e !== void 0 ? e : s ? t.colors.inverse : t.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, n), {
         children: /* @__PURE__ */ r("path", {
-            fill: c,
+            fill: i,
             d: "M12.853 7.412C14.74 8.5 16.51 9.72 16.51 11.997s-1.77 3.497-3.66 4.588c1.887 1.089 3.657 2.308 3.657 4.586 0 .226-.201.412-.45.412-.25 0-.451-.186-.451-.412 0-1.98-1.72-3.03-3.607-4.1-1.885 1.07-3.607 2.12-3.607 4.1 0 .226-.202.412-.451.412-.25 0-.451-.186-.451-.412 0-2.275 1.773-3.497 3.66-4.586-.904-.523-1.773-1.08-2.442-1.765a.42.42 0 0 1-.17-.19c-.628-.707-1.045-1.544-1.045-2.633 0-2.275 1.772-3.497 3.66-4.585-1.89-1.088-3.66-2.307-3.66-4.585 0-.227.201-.412.45-.412.25 0 .452.185.452.412 0 1.98 1.722 3.03 3.606 4.1 1.885-1.07 3.607-2.12 3.607-4.1 0-.227.202-.412.451-.412.25 0 .451.185.451.412 0 2.275-1.77 3.497-3.657 4.585m-2.795 1.713h3.881c-.571-.436-1.243-.832-1.94-1.227-.695.392-1.367.788-1.941 1.227m-.882.824a3.15 3.15 0 0 0-.74 1.65h7.127a3.1 3.1 0 0 0-.739-1.65zm2.823 6.148c.683-.387 1.344-.772 1.91-1.2H10.09c.566.425 1.227.813 1.908 1.2M9.2 14.073h5.598a3.14 3.14 0 0 0 .759-1.647H8.442c.087.635.353 1.175.759 1.647"
         })
     }));
-}, d = a;
-export { d as default };
+}, f = c;
+export { f as default };

package/dist-es/generated/mistica-icons/{icon-adn-regular.js → icon-dna-regular.js}

@@ -79,24 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
-    var { color: s, size: r = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: r = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = a(), t = s !== null && s !== void 0 ? s : n ? c.colors.inverse : c.colors.neutralHigh;
+    const a = t(), n = e !== null && e !== void 0 ? e : a ? c.colors.inverse : c.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, s), {
         children: /* @__PURE__ */ o("path", {
-            fill: t,
+            fill: n,
             d: "M13.21 7.392c1.689 1.057 3.302 2.348 3.302 4.611s-1.613 3.555-3.305 4.608c1.69 1.056 3.303 2.347 3.303 4.61a.633.633 0 0 1-.645.622.634.634 0 0 1-.644-.621c0-1.838-1.46-2.821-3.221-3.877-1.76 1.056-3.221 2.036-3.221 3.877a.633.633 0 0 1-.645.621.635.635 0 0 1-.644-.621c0-2.264 1.613-3.555 3.303-4.611-.757-.47-1.493-.994-2.082-1.628a.6.6 0 0 1-.148-.16c-.642-.75-1.07-1.655-1.07-2.82 0-2.26 1.613-3.554 3.302-4.61-1.689-1.057-3.302-2.348-3.302-4.611 0-.345.288-.622.644-.622s.644.28.644.622c0 1.84 1.46 2.82 3.222 3.877 1.761-1.054 3.22-2.037 3.22-3.877 0-.345.29-.622.645-.622s.644.28.644.622c0 2.263-1.613 3.554-3.302 4.61M12 8.124q-.652.389-1.224.784h2.45A21 21 0 0 0 12 8.124m-2.574 5.759h5.15c.28-.37.483-.776.578-1.244H8.849c.095.468.294.877.577 1.244m3.762 1.243h-2.373c.367.255.767.505 1.185.757q.631-.376 1.188-.757m1.411-4.974H9.403a3 3 0 0 0-.557 1.243h6.31a3 3 0 0 0-.557-1.243"
         })
     }));
-}, d = i;
-export { d as default };
+}, f = i;
+export { f as default };

package/dist-es/generated/mistica-icons/icon-document-other-filled.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 n } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
+const s = (_param)=>{
     var { color: t, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = s(), n = t !== null && t !== void 0 ? t : l ? e.colors.inverse : e.colors.neutralHigh;
+    const a = n(), l = t !== null && t !== void 0 ? t : a ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -94,9 +94,9 @@ const a = (_param)=>{
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ r("path", {
-            fill: n,
+            fill: l,
             d: "M19.337 7.911a.6.6 0 0 1 .048.244v12.308c0 .745-.63 1.378-1.387 1.378H6.007c-.734 0-1.387-.641-1.387-1.378l.042-3.3-.042-7.977V3.533c0-.723.661-1.378 1.387-1.378h7.3c.232 0 .453.09.613.252l5.21 5.123a.85.85 0 0 1 .207.381m-5.694-4.087v1.76c0 .666.207 1.215.613 1.613s.98.608 1.667.608h1.767zM11.85 14.357a.913.913 0 0 0-.916.932v.017a.91.91 0 0 0 .924.925c.51 0 .908-.407.908-.942a.915.915 0 0 0-.916-.932m4.022.932a.915.915 0 0 0-.916-.932.913.913 0 0 0-.916.932v.017a.91.91 0 0 0 .925.925c.51 0 .907-.407.907-.942m-7.14-.932c-.51 0-.907.411-.907.932v.017c0 .518.397.925.916.925.518 0 .916-.407.916-.942a.917.917 0 0 0-.925-.932"
         })
     }));
-}, h = a;
+}, h = s;
 export { h as default };

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const l = (_param)=>{
     var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = i(), s = t !== null && t !== void 0 ? t : n ? r.colors.inverse : r.colors.neutralHigh;
+    const n = s(), i = t !== null && t !== void 0 ? t : n ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,7 +94,7 @@ const l = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ o("path", {
-            fill: s,
+            fill: i,
             d: "m19.348 7.907.007.024a.5.5 0 0 1 .026.141v12.56c0 .653-.566 1.208-1.218 1.208H5.838c-.647 0-1.219-.563-1.219-1.208l.042-3.358L4.62 9.13V3.364c0-.63.583-1.208 1.219-1.208h7.504a.68.68 0 0 1 .473.2l5.362 5.229c.087.09.137.207.17.322m-.787.854h-2.547c-.974 0-1.81-.322-2.423-.918-.613-.606-.94-1.423-.94-2.384V2.985H5.834c-.18 0-.4.208-.4.381v5.76l.042 8.15-.043 3.368c0 .182.205.372.401.372H18.16c.204 0 .4-.182.4-.38zm-5.09-3.305c0 .728.238 1.35.697 1.787.451.445 1.098.686 1.85.686h2.321l-4.868-4.764zm1.014 10.76c.417 0 .728-.315.728-.754a.74.74 0 0 0-.745-.745.73.73 0 0 0-.728.745v.016c0 .423.31.737.745.737m-2.014-.754c0 .44-.32.753-.737.753a.72.72 0 0 1-.745-.737v-.016c0-.415.32-.745.737-.745.42.002.745.333.745.745m-3.485.753c.418 0 .737-.314.737-.753a.74.74 0 0 0-.745-.745.74.74 0 0 0-.737.745v.016c0 .423.32.737.745.737"
         })
     }));

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

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

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+const l = (_param)=>{
     var { color: c, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = l(), n = c !== null && c !== void 0 ? c : s ? e.colors.inverse : e.colors.neutralHigh;
+    const s = i(), n = c !== null && c !== void 0 ? c : s ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -98,5 +98,5 @@ const i = (_param)=>{
             d: "M20.77 9.892c.1.099.17.223.207.358q.047.12.048.247v10.08c0 .687-.583 1.264-1.277 1.264H9.802c-.694 0-1.28-.577-1.28-1.263v-2.613h-4.29c-.668 0-1.253-.58-1.253-1.239V3.396c0-.672.574-1.241 1.255-1.241h9.563c.68 0 1.255.569 1.255 1.24v2.057h.804a.84.84 0 0 1 .588.238zm-6.97-4.44V3.396l-9.568.017-.003 13.313 4.294-.016V6.715c0-.672.597-1.263 1.28-1.263zm4.216 4.633h1.152L16.26 7.259v1.137c0 .501.16.927.468 1.224.31.305.756.465 1.288.465"
         })
     }));
-}, a = i;
-export { a as default };
+}, v = l;
+export { v as default };

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