@telefonica/mistica 15.20.1 → 16.0.0

package/dist-es/generated/mistica-icons/icon-throw-light-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 e } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: r, size: a = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: l, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = e(), c = r !== null && r !== void 0 ? r : i ? l.colors.inverse : l.colors.neutralHigh;
+    const i = c(), e = l !== null && l !== void 0 ? l : i ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -94,7 +94,7 @@ const s = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ o("path", {
-            fill: c,
+            fill: e,
             d: "M11.327 17.299a.84.84 0 0 1-.594-.244l-3.8-3.801a.84.84 0 0 1 0-1.188l7.652-7.655-1.294-1.292a.561.561 0 0 1 .395-.958h7.585c.308 0 .56.252.56.56v7.586c0 .308-.252.56-.56.56a.55.55 0 0 1-.395-.165l-1.305-1.305-7.65 7.658a.83.83 0 0 1-.594.244m2.361-14.575 1.292 1.292a.56.56 0 0 1 0 .792l-7.653 7.653a.28.28 0 0 0 0 .395l3.801 3.801c.11.11.286.11.395 0l7.653-7.653a.55.55 0 0 1 .79 0l1.302 1.303V2.724zM2.156 21.548a.28.28 0 0 0 .48.199l4.912-4.92a.283.283 0 0 0 0-.388.28.28 0 0 0-.395-.006l-4.916 4.916a.3.3 0 0 0-.08.199m5.317.283a.28.28 0 0 1-.2-.48c.928-.926 2.224-2.266 2.515-2.568l.06-.062a.28.28 0 1 1 .417.373l-.005.006-.008.008c-.014.017-1.533 1.588-2.58 2.639a.28.28 0 0 1-.2.084m-5.266-5.266c0 .154.126.28.28.28.075 0 .145-.031.196-.081a251 251 0 0 0 2.58-2.64.279.279 0 0 0-.4-.39l-.245.252c-.473.488-1.536 1.586-2.33 2.38a.3.3 0 0 0-.081.199"
         })
     }));

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

@@ -79,24 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as 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)=>{
-    var { color: l, size: a = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: l, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), c = l !== null && l !== void 0 ? l : e ? o.colors.inverse : o.colors.neutralHigh;
+    const t = i(), c = l !== null && l !== void 0 ? l : t ? o.colors.inverse : o.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ r("path", {
             fill: c,
             d: "M20.446 2.155H12.86a1.401 1.401 0 0 0-.991 2.392l.697.698-6.221 6.22a1.4 1.4 0 0 0 0 1.981l4.196 4.2a1.4 1.4 0 0 0 1.98 0l6.222-6.225.708.712c.26.263.616.411.99.411.772 0 1.4-.627 1.402-1.4V3.556c0-.774-.624-1.401-1.397-1.401m0 1.12c.154 0 .28.127.28.28v7.586a.28.28 0 0 1-.28.28h-.003a.27.27 0 0 1-.196-.084L18.75 9.841c-.07.062-.14.124-.204.194l-6.816 6.817a.28.28 0 0 1-.395 0l-4.198-4.198a.28.28 0 0 1 0-.395l6.815-6.815a.28.28 0 0 0 0-.395L12.66 3.757a.279.279 0 0 1 .2-.476h7.585zm-18.3 18.009a.56.56 0 0 0 .955.395l4.65-4.647a.561.561 0 0 0-.807-.779l-4.633 4.633a.56.56 0 0 0-.165.398m5.597.563a.56.56 0 0 1-.56-.56.55.55 0 0 1 .165-.395c.933-.934 2.018-2.063 2.243-2.298l.042-.044a.562.562 0 1 1 .813.776c-.011.014-1.252 1.308-2.303 2.358a.58.58 0 0 1-.4.163M2.196 16.3a.562.562 0 0 0 .958.397 164 164 0 0 0 2.311-2.37.562.562 0 0 0-.82-.764l-.043.044c-.225.234-1.31 1.364-2.243 2.298a.56.56 0 0 0-.163.395"
         })
     }));
-}, g = i;
+}, g = s;
 export { g as default };

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as 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 i = (_param)=>{
     var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = t(), s = r !== null && r !== void 0 ? r : n ? o.colors.inverse : o.colors.neutralHigh;
+    const s = t(), n = r !== null && r !== void 0 ? r : s ? o.colors.inverse : o.colors.neutralHigh;
     return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,8 +94,8 @@ const i = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ l("path", {
-            fill: s,
-            d: "M21.841 13.057c0-.672-.168-1.16-.38-1.504.212-.334.38-.787.383-1.39 0-.658-.26-1.263-.748-1.747.126-.295.221-.678.221-1.169 0-.787-.411-1.467-1.148-1.93.07-.347.064-.739-.011-1.196a1 1 0 0 0-.031-.109c-.563-1.526-1.465-1.857-5.076-1.857-2.24 0-3.2.28-3.968.503l-.015.004-.21.059c-.316.095-.569.165-.731.165l-2.807.037c-.046 0-.088.011-.13.023l-.06.016a1.45 1.45 0 0 0-.927-.342H3.612c-.804 0-1.457.653-1.457 1.457v7.596c0 .807.653 1.46 1.457 1.46h2.585c.333 0 .639-.118.885-.308.55.282 1.768 1.042 1.885 2.274.11 1.123.096 2.527.07 3.639l-.001.02-.001.022c-.003.094-.01.166-.018.241l-.002.016-.02.23c-.067.95.275 1.53.569 1.849.443.476 1.11.728 1.927.728 1.566 0 2.499-.95 2.499-2.535l-.003-.098-.006-.132c0-1.26-.002-2.787-.005-3.613l2.07-.062h3.412c1.204-.067 2.383-.818 2.383-2.347m-1.59-1.958a.59.59 0 0 0-.191.454c0 .173.073.339.202.454.235.21.358.574.358 1.05 0 .95-.832 1.098-1.19 1.118h-3.395l-2.687.08a.614.614 0 0 0-.596.617s.008 2.398.008 4.221v.034l.006.12c0 .975-.379 1.365-1.27 1.365-.324 0-.767-.06-1.027-.336q-.285-.31-.244-.925l.017-.19.001-.015c.008-.079.016-.156.021-.249q.005-.033.006-.067c.025-1.157.042-2.641-.076-3.851-.173-1.818-1.781-2.858-2.54-3.25v-.014q.005-.021.005-.042V4.15l2.476-.033c.328 0 .653-.093 1.062-.21l.216-.062.01-.003c.73-.212 1.558-.453 3.628-.453 3.44 0 3.653.333 3.902.997.084.546.003.79-.08.94a.6.6 0 0 0-.04.5c.056.162.18.294.342.36.414.175.91.5.91 1.062 0 .395-.087.706-.255.902a.617.617 0 0 0 .118.908c.44.3.664.672.664 1.104 0 .4-.12.717-.362.938M4.882 9.528c.449 0 .76.313.76.761 0 .452-.311.762-.76.762-.448 0-.762-.313-.762-.761 0-.449.314-.762.762-.762"
+            fill: n,
+            d: "M21.841 13.057c0-.672-.168-1.16-.38-1.504.212-.334.38-.787.383-1.39 0-.658-.26-1.263-.748-1.747.126-.295.221-.678.221-1.169 0-.787-.412-1.467-1.148-1.93.07-.347.064-.739-.011-1.196a1 1 0 0 0-.031-.109c-.563-1.526-1.465-1.857-5.076-1.857-2.24 0-3.2.28-3.968.503l-.015.004-.21.059c-.317.095-.569.165-.731.165l-2.807.037c-.046 0-.088.011-.13.023l-.06.016a1.45 1.45 0 0 0-.928-.342h-2.59c-.805 0-1.457.653-1.457 1.457v7.596c0 .807.652 1.46 1.456 1.46h2.586c.333 0 .638-.118.885-.308.549.282 1.767 1.042 1.885 2.274.11 1.123.095 2.527.07 3.639l-.001.02-.002.022c-.002.094-.01.166-.018.241l-.001.016-.02.23c-.067.95.275 1.53.569 1.849.442.476 1.109.728 1.927.728 1.566 0 2.499-.95 2.499-2.535l-.003-.098-.006-.132c0-1.26-.003-2.787-.005-3.613l2.07-.062h3.411c1.205-.067 2.384-.818 2.384-2.347m-1.591-1.958a.59.59 0 0 0-.19.454c0 .173.072.339.201.454.236.21.359.574.359 1.05 0 .95-.832 1.098-1.19 1.118h-3.396l-2.686.08a.614.614 0 0 0-.597.617s.009 2.398.009 4.221v.034l.005.12c0 .975-.378 1.365-1.269 1.365-.324 0-.767-.06-1.027-.336q-.286-.31-.244-.925l.017-.19.001-.015c.008-.079.016-.156.021-.249q.005-.033.006-.067c.025-1.157.042-2.641-.076-3.851-.174-1.818-1.782-2.858-2.54-3.25v-.014q.005-.021.005-.042V4.15l2.476-.033c.328 0 .653-.093 1.062-.21l.216-.062.01-.003c.729-.212 1.557-.453 3.628-.453 3.44 0 3.653.333 3.902.997.084.546.003.79-.081.94a.6.6 0 0 0-.04.5c.057.162.18.294.342.36.415.175.91.5.91 1.062 0 .395-.086.706-.254.902a.616.616 0 0 0 .118.908c.44.3.663.672.663 1.104 0 .4-.12.717-.361.938M4.883 9.528c.448 0 .76.313.76.761 0 .452-.312.762-.76.762s-.762-.313-.762-.761c0-.449.314-.762.762-.762"
         })
     }));
 }, v = i;

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as e } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
+const i = (_param)=>{
     var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = e(), n = r !== null && r !== void 0 ? r : a ? o.colors.inverse : o.colors.neutralHigh;
+    const a = n(), e = r !== null && r !== void 0 ? r : a ? o.colors.inverse : o.colors.neutralHigh;
     return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,9 +94,9 @@ const s = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ l("path", {
-            fill: n,
+            fill: e,
             d: "M21.838 10.118c0 .641-.202 1.103-.435 1.42.233.325.434.818.437 1.538 0 1.518-1.182 2.123-2.218 2.179h-3.493l-2.33.07c0 .328 0 .83.002 1.408l.003 2.505.003.134.002.096c0 1.504-.851 2.37-2.333 2.37-.77 0-1.398-.233-1.807-.676-.392-.42-.574-1.016-.523-1.722l.02-.233q.02-.155.024-.31c.026-1.143.04-2.589-.072-3.757-.14-1.46-1.645-2.308-2.166-2.56a1.24 1.24 0 0 1-.862.35H3.395c-.686 0-1.244-.56-1.244-1.246v-7.81c0-.69.558-1.247 1.244-1.247H6.09c.327 0 .641.13.874.362a.7.7 0 0 1 .249-.053l2.865-.04c.193 0 .441-.07.789-.167l.02-.006.214-.063c.773-.227 1.734-.509 4.014-.509 3.765 0 4.479.395 5.003 1.832.087.513.08.927-.023 1.291.779.432 1.205 1.085 1.205 1.866 0 .55-.123.952-.275 1.24.527.472.813 1.08.813 1.738m-1.278 1.697a.41.41 0 0 1 .023-.58c.294-.269.44-.644.437-1.115 0-.647-.42-1.072-.773-1.313l-.01-.008-.027-.02a.405.405 0 0 1-.042-.575c.207-.238.314-.607.314-1.064 0-.7-.58-1.087-1.067-1.291l-.034-.017a.41.41 0 0 1-.168-.555c.154-.285.185-.644.117-1.09-.3-.812-.45-1.218-4.218-1.218-2.162 0-3.025.252-3.787.476l-.224.065c-.398.115-.717.204-1.02.204l-2.753.037v.082q.005.02.005.04v7.81l-.002.024-.003.024v.123c.672.328 2.42 1.348 2.6 3.208.114 1.23.097 2.736.072 3.91q0 .026-.006.05a4 4 0 0 1-.022.27l-.017.204q-.053.728.306 1.112c.252.271.672.414 1.212.414 1.037 0 1.519-.495 1.519-1.63l-.006-.123a1122 1122 0 0 1-.008-4.339.407.407 0 0 1 .395-.409l2.739-.081h3.482c.336-.02 1.426-.171 1.426-1.364 0-.55-.152-.978-.437-1.239zM5.487 10.25c0 .454-.316.768-.767.768-.454 0-.768-.317-.768-.768 0-.45.317-.767.768-.767.454 0 .767.314.767.767m.603-6.806H3.395a.43.43 0 0 0-.429.43v7.81c0 .239.19.432.429.432H6.09c.227 0 .414-.18.425-.406V3.852a.43.43 0 0 0-.425-.41"
         })
     }));
-}, m = s;
+}, m = i;
 export { m as default };

package/dist-es/generated/mistica-icons/icon-thumb-down-regular.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 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 s = (_param)=>{
     var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/{icon-like-filled.js → icon-thumb-up-filled.js}

@@ -80,15 +80,15 @@ 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 a } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: h, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = a(), o = t !== null && t !== void 0 ? t : h ? r.colors.inverse : r.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const i = a(), o = h !== null && h !== void 0 ? h : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: r } = n();
+    return r.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -98,7 +98,7 @@ const s = (_param)=>{
             fill: o,
             d: "m11.107 5.904.64-2.193c.191-.72.868-1.211 1.68-1.211.942 0 1.787.803 1.787 1.794l-.178 1.253-.89 3.046h5.711a2.15 2.15 0 0 1 1.394 3.78 2.151 2.151 0 0 1-1.188 3.313c.096.248.155.515.155.794 0 .991-.672 1.827-1.581 2.074.096.248.155.514.155.794A2.15 2.15 0 0 1 16.65 21.5h-6.077c-.854 0-1.713-.349-2.29-.927-.31-.312-.799-.505-1.279-.505H2V9.668h4.999c.192 0 .37-.074.507-.211z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -119,5 +119,5 @@ const s = (_param)=>{
             d: "M21.841 10.942c0 .672-.168 1.16-.38 1.504.212.334.38.787.383 1.387 0 .658-.26 1.263-.748 1.748.126.294.221.678.221 1.168 0 .787-.411 1.468-1.148 1.93.07.347.064.74-.011 1.196q-.012.054-.031.11c-.563 1.526-1.465 1.856-5.076 1.856-2.24 0-3.2-.28-3.968-.503l-.015-.004-.21-.059c-.316-.095-.569-.165-.731-.165l-2.807-.036a.5.5 0 0 1-.13-.024l-.06-.015c-.252.21-.574.341-.927.341H3.612a1.457 1.457 0 0 1-1.457-1.456v-7.594c0-.807.653-1.46 1.457-1.46h2.585c.333 0 .639.118.885.309.55-.283 1.768-1.042 1.885-2.275.11-1.123.096-2.527.07-3.639l-.001-.02-.001-.022c-.003-.094-.01-.166-.018-.241l-.002-.016-.02-.23c-.067-.95.275-1.53.569-1.849.443-.476 1.11-.728 1.927-.728 1.566 0 2.499.95 2.499 2.535l-.003.098-.006.132c0 1.26-.002 2.787-.005 3.613l2.07.062h3.412c1.204.067 2.383.818 2.383 2.347m-1.59 1.958a.58.58 0 0 1-.191-.45c0-.175.073-.34.202-.455.235-.21.358-.574.358-1.05 0-.95-.832-1.098-1.19-1.118h-3.395l-2.687-.081a.614.614 0 0 1-.596-.616s.008-2.398.008-4.222v-.033l.006-.12c0-.975-.379-1.365-1.27-1.365-.324 0-.767.06-1.027.336-.19.205-.272.516-.244.925l.017.19.001.015c.008.079.016.156.021.249q.005.033.006.067c.025 1.157.042 2.641-.076 3.851-.173 1.818-1.781 2.858-2.54 3.25v.014l.005.042v7.52l2.476.034c.328 0 .653.093 1.062.21l.216.062.01.003c.73.212 1.558.454 3.628.454 3.44 0 3.653-.334 3.902-.998.084-.546.003-.79-.08-.94a.6.6 0 0 1-.04-.5.6.6 0 0 1 .342-.36c.414-.174.91-.5.91-1.062 0-.395-.087-.706-.255-.902a.617.617 0 0 1 .118-.908c.44-.3.664-.672.664-1.104 0-.4-.12-.717-.362-.938M4.882 14.472c.449 0 .76-.314.76-.762 0-.451-.311-.762-.76-.762-.448 0-.762.313-.762.762 0 .448.314.761.762.761"
         })
     }));
-}, p = s;
-export { p as default };
+}, f = s;
+export { f as default };

package/dist-es/generated/mistica-icons/{icon-like-light.js → icon-thumb-up-light.js}

@@ -79,15 +79,15 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as h } from "react/jsx-runtime";
-import { useTheme as r } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useTheme as i } from "../../hooks.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: t, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = n(), l = t !== null && t !== void 0 ? t : i ? o.colors.inverse : o.colors.neutralHigh, { skinName: e } = r();
+    const r = n(), l = t !== null && t !== void 0 ? t : r ? o.colors.inverse : o.colors.neutralHigh, { skinName: e } = i();
     return e.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -119,5 +119,5 @@ const s = (_param)=>{
             d: "M21.841 13.88c0-.642-.201-1.104-.434-1.42.233-.325.434-.818.437-1.538 0-1.518-1.182-2.123-2.218-2.18h-3.493l-2.33-.07.001-1.407c.002-.78.004-1.698.004-2.506l.005-.134.003-.095c0-1.504-.851-2.37-2.333-2.37-.773 0-1.398.232-1.81.675-.392.42-.574 1.017-.524 1.723l.02.232q.02.156.025.311c.025 1.143.04 2.588-.073 3.756-.14 1.46-1.644 2.309-2.165 2.56a1.24 1.24 0 0 0-.863-.35H3.4c-.687 0-1.244.56-1.244 1.247v7.807c0 .686.557 1.246 1.244 1.246h2.694c.328 0 .642-.129.874-.361q.119.05.25.053l2.865.037c.192 0 .441.07.788.167l.022.006.213.063c.773.226 1.734.509 4.014.509 3.764 0 4.479-.395 5.002-1.827.087-.512.082-.927-.022-1.291.779-.431 1.204-1.084 1.204-1.865 0-.55-.123-.953-.274-1.241.527-.471.812-1.079.812-1.737m-1.277-1.698a.41.41 0 0 0 .022.58q.442.407.437 1.115c0 .647-.42 1.073-.773 1.314l-.01.007-.026.02a.405.405 0 0 0-.042.575c.207.238.314.608.314 1.065 0 .7-.58 1.086-1.068 1.29l-.033.018a.41.41 0 0 0-.168.554c.154.286.184.645.117 1.09-.3.812-.45 1.218-4.218 1.218-2.163 0-3.025-.252-3.787-.476l-.224-.064c-.398-.115-.718-.205-1.02-.205l-2.754-.036v-.076l.002-.006.004-.041v-7.81l-.003-.024-.002-.024v-.123c.672-.328 2.42-1.347 2.599-3.207.115-1.23.098-2.737.073-3.91L10 5l-.003-.025a4 4 0 0 0-.022-.269l-.017-.204q-.053-.729.305-1.112c.252-.272.673-.415 1.213-.415 1.037 0 1.518.496 1.518 1.63l-.005.124v.022c0 1.863-.009 4.317-.009 4.317-.002.22.174.4.395.409l2.74.08h3.482c.336.02 1.425.172 1.425 1.365 0 .549-.15.977-.437 1.238zM5.491 13.748c0-.454-.316-.767-.767-.767-.454 0-.768.316-.768.767s.317.768.768.768c.453 0 .767-.314.767-.768m.602 6.807-2.694.003a.43.43 0 0 1-.429-.432v-7.81a.43.43 0 0 1 .429-.43h2.694c.227 0 .415.179.426.406v7.854a.43.43 0 0 1-.426.409"
         })
     }));
-}, d = s;
-export { d as default };
+}, f = s;
+export { f as default };

package/dist-es/generated/mistica-icons/{icon-like-regular.js → icon-thumb-up-regular.js}

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as a } from "react/jsx-runtime";
 import { useTheme as i } 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 s = (_param)=>{
-    var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), h = r !== null && r !== void 0 ? r : t ? o.colors.inverse : o.colors.neutralHigh, { skinName: e } = i();
+    const t = n(), h = o !== null && o !== void 0 ? o : t ? r.colors.inverse : r.colors.neutralHigh, { skinName: e } = i();
     return e.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -119,5 +119,5 @@ const s = (_param)=>{
             d: "M21.841 13.836c0-.605-.168-1.06-.38-1.392.21-.348.38-.832.383-1.502 0-1.53-1.18-2.283-2.384-2.347H16.05l-2.07-.062c.002-.826.005-2.356.005-3.613l.006-.132.003-.098c0-1.588-.936-2.535-2.499-2.535-.818 0-1.485.252-1.927.728-.294.32-.636.9-.569 1.849l.02.23.001.015c.008.076.016.148.018.245l.003.042c.025 1.112.04 2.516-.07 3.639-.117 1.232-1.336 1.994-1.885 2.274a1.44 1.44 0 0 0-.885-.308H3.609c-.801 0-1.454.653-1.454 1.457v7.596c0 .804.65 1.457 1.454 1.457h2.59c.34-.003.668-.123.928-.342l.06.015c.043.012.087.024.133.024l2.804.037c.16 0 .415.073.731.165l.208.059c.77.227 1.728.507 3.986.507 3.613 0 4.512-.33 5.075-1.857a.5.5 0 0 0 .031-.11c.076-.456.081-.848.011-1.195.737-.463 1.149-1.143 1.149-1.93 0-.49-.096-.874-.222-1.168.485-.485.748-1.093.748-1.748m-1.622-1.813a.62.62 0 0 0 .031.874q.363.337.364.939c0 .431-.224.804-.666 1.1a.63.63 0 0 0-.26.43.62.62 0 0 0 .142.478c.165.196.255.507.255.902 0 .563-.496.89-.91 1.062l-.056.028a.617.617 0 0 0-.247.834c.084.152.165.395.081.942-.246.663-.462.997-3.902.997-2.07 0-2.899-.242-3.627-.454l-.011-.003-.216-.062c-.409-.117-.734-.21-1.062-.21l-2.476-.033v-7.521q0-.013-.003-.024l-.002-.024v-.008c.759-.39 2.367-1.429 2.54-3.25.115-1.21.098-2.694.073-3.851a1 1 0 0 0-.005-.067c-.006-.092-.014-.17-.021-.249l-.002-.015-.017-.19q-.042-.62.244-.927c.258-.28.7-.336 1.028-.336.89 0 1.272.389 1.269 1.364l-.006.12v.034c0 1.823-.008 4.221-.008 4.221a.613.613 0 0 0 .596.62l2.684.078h3.392c.359.02 1.19.168 1.19 1.117 0 .474-.125.838-.358 1.05zM5.646 13.707c0-.448-.313-.762-.762-.762-.45 0-.762.31-.762.762 0 .448.314.762.762.762.449 0 .762-.314.762-.762m.555 6.44H3.609a.23.23 0 0 1-.227-.227v-7.594c0-.126.1-.23.227-.23h2.59c.121 0 .22.095.225.216v7.619a.225.225 0 0 1-.224.216"
         })
     }));
-}, p = s;
-export { p as default };
+}, d = s;
+export { d as default };

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

@@ -80,30 +80,30 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as l, jsxs as o } from "react/jsx-runtime";
 import { useTheme as c } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: h, size: a = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: h, size: a = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = s(), e = h !== null && h !== void 0 ? h : n ? r.colors.inverse : r.colors.neutralHigh, { skinName: i } = c();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const n = s(), e = h !== null && h !== void 0 ? h : n ? r.colors.inverse : r.colors.neutralHigh, { skinName: t } = c();
+    return t.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, i), {
         children: /* @__PURE__ */ l("path", {
             fill: e,
             d: "m6.372 15.918 4.948 4.947a3.86 3.86 0 0 0 5.456.002l4.091-4.09a3.86 3.86 0 0 0-.002-5.458l-4.947-4.947-3.325.766.767-3.324-.683-.683A3.86 3.86 0 0 0 7.22 3.13L3.13 7.22a3.86 3.86 0 0 0 .001 5.457l.683.683 3.324-.767zm4.636-6.324-1.414 1.414-.884-.884 1.414-1.414z"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, i), {
         children: [
             /* @__PURE__ */ l("path", {
                 fill: e,
@@ -114,12 +114,12 @@ const m = (_param)=>{
                 d: "m21.893 9.007-2.497-2.498a.356.356 0 0 0-.511 0 .987.987 0 0 1-1.39 0 .99.99 0 0 1 0-1.391.36.36 0 0 0 .107-.256.36.36 0 0 0-.107-.256l-2.496-2.498a.356.356 0 0 0-.512 0L2.108 14.482a.357.357 0 0 0 0 .512l2.496 2.498c.07.07.163.107.256.107s.19-.037.256-.107a.987.987 0 0 1 1.39 0 .99.99 0 0 1 0 1.391.357.357 0 0 0 0 .512l2.496 2.498c.07.07.163.107.256.107a.36.36 0 0 0 .255-.107L21.888 9.509a.34.34 0 0 0 .004-.502m-6.866 1.386-1.084 1.75 1.018 1.893a.54.54 0 0 1-.046.586.54.54 0 0 1-.553.2l-2.05-.46-1.45 1.52a.562.562 0 0 1-.572.14.54.54 0 0 1-.363-.46l-.205-2.14-1.873-.852a.55.55 0 0 1-.32-.502.54.54 0 0 1 .334-.493l1.957-.828.246-2.075a.543.543 0 0 1 .953-.288l1.358 1.59 2.087-.4a.542.542 0 0 1 .563.82"
             })
         ]
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, i), {
         children: [
             /* @__PURE__ */ l("path", {
                 fill: e,
@@ -135,10 +135,10 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, i), {
         children: /* @__PURE__ */ l("path", {
             fill: e,
-            d: "M17.693 2.155h2.238c1.05 0 1.905.852 1.905 1.9v14.249c0 1.047-.854 1.899-1.905 1.899h-2.254a1.01 1.01 0 0 1-.99-.816.9.9 0 0 0-.882-.722.9.9 0 0 0-.882.723 1.01 1.01 0 0 1-.989.815h-.82a.9.9 0 0 1-.373.434l-1.754.983a1.7 1.7 0 0 1-.848.221q-.237.001-.474-.064a1.73 1.73 0 0 1-1.047-.82L2.38 9.891a1.735 1.735 0 0 1 .663-2.364l1.737-.972a.944.944 0 0 1 1.213.249.757.757 0 0 0 1.305-.731.933.933 0 0 1 .418-1.163l1.736-.972c.11-.061.23-.098.35-.134a1.9 1.9 0 0 1 1.88-1.647h2.238c.504 0 .925.364.997.865a.906.906 0 0 0 .891.768c.445 0 .83-.33.894-.768a.993.993 0 0 1 .991-.868M5.43 10.603l4.373 7.521-.006-9.933zm6.448-4.386v9.972c0 .23.185.414.415.414h7.143c.23 0 .414-.185.414-.414V6.214a.414.414 0 0 0-.414-.415h-7.143v.003a.414.414 0 0 0-.415.415"
+            d: "M17.694 2.155h2.238c1.05 0 1.904.852 1.904 1.9v14.249c0 1.047-.854 1.899-1.904 1.899h-2.255a1.01 1.01 0 0 1-.99-.816.9.9 0 0 0-.881-.722.9.9 0 0 0-.883.723 1.01 1.01 0 0 1-.989.815h-.82a.9.9 0 0 1-.373.434l-1.753.983a1.7 1.7 0 0 1-.85.221q-.236.001-.472-.064a1.73 1.73 0 0 1-1.048-.82L2.38 9.891a1.735 1.735 0 0 1 .664-2.364l1.736-.972a.944.944 0 0 1 1.213.249.757.757 0 0 0 1.305-.731.933.933 0 0 1 .418-1.163l1.737-.972c.109-.061.23-.098.35-.134a1.9 1.9 0 0 1 1.88-1.647h2.237c.505 0 .925.364.998.865a.906.906 0 0 0 .89.768c.446 0 .83-.33.894-.768a.993.993 0 0 1 .991-.868M5.43 10.603l4.373 7.521-.006-9.933zm6.448-4.386v9.972c0 .23.185.414.415.414h7.143c.23 0 .414-.185.414-.414V6.214a.414.414 0 0 0-.414-.415h-7.143v.003a.414.414 0 0 0-.415.415"
         })
     }));
 }, w = m;

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

@@ -80,15 +80,15 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsxs as r, jsx as l } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as m } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as m } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: h, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = m(), e = h !== null && h !== void 0 ? h : o ? i.colors.inverse : i.colors.neutralHigh, { skinName: c } = n();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    const o = m(), e = h !== null && h !== void 0 ? h : o ? c.colors.inverse : c.colors.neutralHigh, { skinName: i } = n();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -104,7 +104,7 @@ const s = (_param)=>{
                 d: "m6.372 15.918 4.948 4.947a3.86 3.86 0 0 0 5.456.002l4.091-4.09a3.86 3.86 0 0 0-.002-5.458l-4.947-4.947-3.325.766.767-3.324-.683-.683A3.86 3.86 0 0 0 7.22 3.13L3.13 7.22a3.86 3.86 0 0 0 .001 5.457l.683.683 3.324-.767zm-2.29-3.493-.35-.349a3.01 3.01 0 0 1-.002-4.255l4.091-4.09a3.01 3.01 0 0 1 4.255.001l.35.35-.661 2.866a.85.85 0 0 0 1.02 1.019l2.865-.66 4.614 4.614a3.01 3.01 0 0 1 .002 4.254l-4.09 4.091a3.01 3.01 0 0 1-4.255-.002L7.306 15.65l.66-2.866a.85.85 0 0 0-1.018-1.019z"
             })
         ]
-    })) : c.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: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -114,7 +114,7 @@ const s = (_param)=>{
             fill: e,
             d: "M9.015 21.79c.126.137.3.21.479.21a.68.68 0 0 0 .483-.21l11.35-11.924a.735.735 0 0 0 0-1.005l-2.294-2.41a.673.673 0 0 0-.962 0 .55.55 0 0 1-.784 0 .6.6 0 0 1 0-.822.74.74 0 0 0 0-1.01L14.993 2.21a.65.65 0 0 0-.958 0L2.68 14.14a.735.735 0 0 0 0 1.005l2.295 2.409a.66.66 0 0 0 .962 0 .534.534 0 0 1 .784 0c.104.11.16.256.16.411a.6.6 0 0 1-.16.412.736.736 0 0 0 0 1.006zm.479-1.513-1.42-1.49c.114-.256.17-.54.17-.827 0-.535-.2-1.042-.561-1.422a1.86 1.86 0 0 0-2.138-.41l-1.42-1.49 10.393-10.91 1.415 1.485a2.08 2.08 0 0 0 .392 2.244 1.86 1.86 0 0 0 2.142.416l1.42 1.49zm1.106-4.36a.5.5 0 0 1-.166-.028.53.53 0 0 1-.34-.452l-.187-2.057-1.71-.818a.55.55 0 0 1-.301-.493.53.53 0 0 1 .314-.485l1.789-.79.222-1.993a.53.53 0 0 1 .357-.448.495.495 0 0 1 .536.164l1.24 1.518 1.907-.384c.2-.041.4.046.518.224a.55.55 0 0 1 .013.585l-.992 1.677.931 1.82a.55.55 0 0 1-.043.575.5.5 0 0 1-.518.197l-1.872-.44-1.328 1.459a.5.5 0 0 1-.37.169m-.005-3.387a.54.54 0 0 1 .296.434l.11 1.198.752-.832a.49.49 0 0 1 .48-.15l1.066.25-.54-1.06a.56.56 0 0 1 .018-.534l.53-.905-1.057.214a.49.49 0 0 1-.483-.178l-.675-.832-.122 1.084a.53.53 0 0 1-.31.43l-.988.442z"
         })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",

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

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsxs as o, jsx as l } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as m } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as m } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: r, size: a = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: h, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = m(), e = r !== null && r !== void 0 ? r : c ? h.colors.inverse : h.colors.neutralHigh, { skinName: i } = n();
+    const c = m(), e = h !== null && h !== void 0 ? h : c ? r.colors.inverse : r.colors.neutralHigh, { skinName: i } = n();
     return i.match(/^vivo-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -122,7 +122,7 @@ const s = (_param)=>{
     }, t), {
         children: /* @__PURE__ */ l("path", {
             fill: e,
-            d: "M9.015 21.79c.126.137.3.21.479.21a.68.68 0 0 0 .483-.21l11.35-11.924a.735.735 0 0 0 0-1.005l-2.294-2.41a.673.673 0 0 0-.962 0 .55.55 0 0 1-.784 0 .6.6 0 0 1 0-.822.74.74 0 0 0 0-1.01L14.993 2.21a.65.65 0 0 0-.958 0L2.68 14.14a.735.735 0 0 0 0 1.005l2.295 2.409a.66.66 0 0 0 .962 0 .534.534 0 0 1 .784 0c.104.11.16.256.16.411a.6.6 0 0 1-.16.412.735.735 0 0 0 0 1.006zm.479-1.513-1.42-1.49c.114-.256.17-.54.17-.827 0-.535-.2-1.042-.561-1.422a1.86 1.86 0 0 0-2.138-.41l-1.42-1.49 10.393-10.91 1.415 1.485a2.08 2.08 0 0 0 .392 2.244 1.86 1.86 0 0 0 2.142.416l1.42 1.49zm1.106-4.36a.5.5 0 0 1-.166-.028.53.53 0 0 1-.34-.452l-.187-2.057-1.71-.818a.55.55 0 0 1-.301-.493.53.53 0 0 1 .314-.485l1.789-.79.222-1.993a.53.53 0 0 1 .357-.448.49.49 0 0 1 .535.164l1.241 1.518 1.907-.384c.2-.041.4.046.518.224a.55.55 0 0 1 .013.585l-.992 1.677.931 1.82a.55.55 0 0 1-.043.575.5.5 0 0 1-.518.197l-1.872-.44-1.328 1.459a.5.5 0 0 1-.37.169m-.005-3.387a.54.54 0 0 1 .296.434l.11 1.198.752-.832a.49.49 0 0 1 .48-.15l1.066.25-.54-1.06a.56.56 0 0 1 .018-.534l.53-.905-1.057.214a.49.49 0 0 1-.483-.178l-.675-.832-.122 1.084a.53.53 0 0 1-.31.43l-.988.442z"
+            d: "M9.015 21.79c.126.137.3.21.479.21a.68.68 0 0 0 .483-.21l11.35-11.924a.735.735 0 0 0 0-1.005l-2.294-2.41a.673.673 0 0 0-.962 0 .55.55 0 0 1-.784 0 .6.6 0 0 1 0-.822.74.74 0 0 0 0-1.01L14.993 2.21a.65.65 0 0 0-.958 0L2.68 14.14a.735.735 0 0 0 0 1.005l2.295 2.409a.66.66 0 0 0 .962 0 .534.534 0 0 1 .784 0c.104.11.16.256.16.411a.6.6 0 0 1-.16.412.736.736 0 0 0 0 1.006zm.479-1.513-1.42-1.49c.114-.256.17-.54.17-.827 0-.535-.2-1.042-.561-1.422a1.86 1.86 0 0 0-2.138-.41l-1.42-1.49 10.393-10.91 1.415 1.485a2.08 2.08 0 0 0 .392 2.244 1.86 1.86 0 0 0 2.142.416l1.42 1.49zm1.106-4.36a.5.5 0 0 1-.166-.028.53.53 0 0 1-.34-.452l-.187-2.057-1.71-.818a.55.55 0 0 1-.301-.493.53.53 0 0 1 .314-.485l1.789-.79.222-1.993a.53.53 0 0 1 .357-.448.495.495 0 0 1 .536.164l1.24 1.518 1.907-.384c.2-.041.4.046.518.224a.55.55 0 0 1 .013.585l-.992 1.677.931 1.82a.55.55 0 0 1-.043.575.5.5 0 0 1-.518.197l-1.872-.44-1.328 1.459a.5.5 0 0 1-.37.169m-.005-3.387a.54.54 0 0 1 .296.434l.11 1.198.752-.832a.49.49 0 0 1 .48-.15l1.066.25-.54-1.06a.56.56 0 0 1 .018-.534l.53-.905-1.057.214a.49.49 0 0 1-.483-.178l-.675-.832-.122 1.084a.53.53 0 0 1-.31.43l-.988.442z"
         })
     })) : i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: a,

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

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

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

@@ -78,16 +78,16 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { useTheme as h } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
 import { vars as s } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: n, size: e = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = c(), r = n !== null && n !== void 0 ? n : a ? s.colors.inverse : s.colors.neutralHigh, { skinName: i } = h();
+    const n = c(), o = a !== null && a !== void 0 ? a : n ? s.colors.inverse : s.colors.neutralHigh, { skinName: i } = h();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -95,12 +95,12 @@ const m = (_param)=>{
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ o("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: o,
                 d: "M6.852 7.864 12 13.012l3.36-3.36a.72.72 0 0 0 0-1.012.72.72 0 0 0-1.012 0L12 10.988 7.864 6.852a.72.72 0 0 0-1.012 0 .72.72 0 0 0 0 1.012"
             }),
-            /* @__PURE__ */ o("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: o,
                 d: "M12 22C6.484 22 2 17.516 2 12S6.484 2 12 2s10 4.484 10 10-4.484 10-10 10m0-18.576c-4.728 0-8.576 3.848-8.576 8.576S7.272 20.576 12 20.576s8.576-3.848 8.576-8.576S16.728 3.424 12 3.424"
             })
         ]
@@ -111,23 +111,23 @@ const m = (_param)=>{
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ o("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: o,
                 d: "M6.852 7.864 12 13.012l3.36-3.36a.72.72 0 0 0 0-1.012.72.72 0 0 0-1.012 0L12 10.988 7.864 6.852a.72.72 0 0 0-1.012 0 .72.72 0 0 0 0 1.012"
             }),
-            /* @__PURE__ */ o("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: o,
                 d: "M12 22C6.484 22 2 17.516 2 12S6.484 2 12 2s10 4.484 10 10-4.484 10-10 10m0-18.576c-4.728 0-8.576 3.848-8.576 8.576S7.272 20.576 12 20.576s8.576-3.848 8.576-8.576S16.728 3.424 12 3.424"
             })
         ]
-    })) : /* @__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"
     }, t), {
-        children: /* @__PURE__ */ o("path", {
-            fill: r,
+        children: /* @__PURE__ */ r("path", {
+            fill: o,
             d: "M11.995 2.155c6.219 0 9.846 3.14 9.846 9.846s-3.627 9.84-9.846 9.84c-6.218 0-9.84-3.134-9.84-9.84s3.622-9.846 9.84-9.846m0 18.457c5.798 0 8.616-2.818 8.616-8.611 0-5.798-2.818-8.616-8.616-8.616-5.793 0-8.61 2.818-8.61 8.616 0 5.793 2.817 8.61 8.61 8.61m3.468-5.745-2.849-2.852.003-3.846a.616.616 0 1 0-1.233 0v4.1c0 .163.065.32.18.435l3.061 3.062a.61.61 0 0 0 .869-.031.613.613 0 0 0-.031-.868"
         })
     }));

package/dist-es/generated/mistica-icons/icon-tips-and-tricks-filled.js

@@ -78,22 +78,22 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { jsxs as o, jsx as i } 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 s } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: t, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
     const l = a(), e = t !== null && t !== void 0 ? t : l ? s.colors.inverse : s.colors.neutralHigh, { skinName: h } = n();
-    return h.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    return h.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ i("path", {
                 fill: e,
@@ -104,12 +104,12 @@ const m = (_param)=>{
                 d: "M3.153 11.629C3.153 6.297 7.249 2 12.33 2s9.187 4.297 9.187 9.629-4.096 9.629-9.179 9.629a8.8 8.8 0 0 1-3.813-.85L2.877 22h-.072a.31.31 0 0 1-.249-.112c-.072-.073-.107-.221-.072-.333l1.514-5.926q-.844-1.835-.845-4m11.224 2.965c.035-.445.318-.855.777-1.26.99-.854 1.59-2.186 1.59-3.555 0-2.555-1.942-4.67-4.378-4.67S7.952 7.184 7.952 9.74c0 1.368.6 2.668 1.626 3.555.459.41.704.814.776 1.26-.283.22-.459.557-.459.926 0 .297.107.558.283.743a1.07 1.07 0 0 0-.283.742c0 .63.46 1.111 1.06 1.111h2.822c.6 0 1.06-.481 1.06-1.111 0-.297-.108-.558-.284-.742.176-.189.283-.446.283-.742 0-.37-.175-.703-.459-.887"
             })
         ]
-    })) : /* @__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",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ i("path", {
                 fill: e,

package/dist-es/generated/mistica-icons/icon-tips-and-tricks-light.js

@@ -78,44 +78,44 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as o, jsx as s } from "react/jsx-runtime";
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import { useTheme as l } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as r } 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 m = (_param)=>{
-    var { color: t, size: c = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: t, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), a = t !== null && t !== void 0 ? t : e ? r.colors.inverse : r.colors.neutralHigh, { skinName: h } = l();
-    return h.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const e = n(), a = t !== null && t !== void 0 ? t : e ? o.colors.inverse : o.colors.neutralHigh, { skinName: h } = l();
+    return h.match(/^o2-new/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: [
-            /* @__PURE__ */ s("path", {
+            /* @__PURE__ */ i("path", {
                 fill: a,
                 d: "M3.163 11.635C3.163 6.327 7.29 2 12.345 2c5.063 0 9.183 4.327 9.183 9.635 0 5.309-4.124 9.64-9.183 9.604a8.75 8.75 0 0 1-3.707-.802l-5.303 1.527c-.03.036-.103.036-.172.036a.66.66 0 0 1-.485-.216.73.73 0 0 1-.172-.694l1.42-5.564a10.6 10.6 0 0 1-.763-3.89M9.02 19.02a7.04 7.04 0 0 0 3.325.802c4.3 0 7.8-3.678 7.8-8.186 0-4.507-3.5-8.18-7.796-8.18-4.295 0-7.8 3.67-7.834 8.22 0 1.198.278 2.4.763 3.49.069.144.069.329.035.509l-1.18 4.583 4.402-1.274c.172-.036.344-.036.485.036"
             }),
-            /* @__PURE__ */ s("path", {
+            /* @__PURE__ */ i("path", {
                 fill: a,
                 d: "M7.84 9.64c0-2.512 1.94-4.547 4.334-4.547s4.333 2.031 4.291 4.583c0 1.342-.55 2.616-1.558 3.49-.45.4-.695.801-.763 1.238.278.18.45.508.45.873 0 .293-.103.549-.275.73.172.184.275.44.275.728 0 .617-.447 1.09-1.038 1.09h-2.772c-.588 0-1.039-.469-1.039-1.09 0-.292.103-.548.275-.729a1.06 1.06 0 0 1-.275-.729c0-.4.176-.73.45-.91-.037-.436-.312-.837-.763-1.237-1-.838-1.592-2.144-1.592-3.49m6.067 5.633c0-.216-.141-.365-.348-.365h-2.771c-.207 0-.348.149-.348.365s.141.365.348.365h2.771c.207 0 .348-.149.348-.365m-.348 1.819c.21 0 .348-.148.348-.365 0-.216-.141-.364-.348-.364h-2.771c-.207 0-.348.148-.348.364 0 .217.141.365.348.365zm-.446-2.913c.103-.693.48-1.31 1.141-1.89.764-.654 1.21-1.635 1.146-2.653 0-1.89-1.49-3.453-3.291-3.453-1.803 0-3.291 1.562-3.291 3.453 0 1.018.45 2 1.214 2.652.656.581 1.038 1.198 1.141 1.891z"
             })
         ]
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: [
-            /* @__PURE__ */ s("path", {
+            /* @__PURE__ */ i("path", {
                 fill: a,
                 d: "M19.633 18.145a.74.74 0 1 1-1.48 0 .74.74 0 0 1 1.48 0M12.38 5.515c2.443 0 4.442 2 4.442 4.443a4.64 4.64 0 0 1-1.55 3.444c-.517.408-.812.852-.888 1.296.367.183.627.555.627 1 0 .295-.112.555-.296.74.184.183.296.443.296.739 0 .632-.483 1.112-1.111 1.112h-2.963a1.09 1.09 0 0 1-1.111-1.112c0-.296.112-.556.296-.74a1.03 1.03 0 0 1-.296-.74c0-.444.256-.816.627-1-.111-.443-.371-.887-.887-1.295a4.45 4.45 0 0 1-1.627-3.444c0-2.443 1.999-4.443 4.442-4.443m1.852 10.186c0-.224-.148-.372-.372-.372h-2.963c-.224 0-.372.148-.372.372s.148.372.372.372h2.963c.224 0 .372-.148.372-.372m-.372 1.848c.224 0 .372-.148.372-.372s-.148-.372-.372-.372h-2.963c-.224 0-.372.148-.372.372s.148.372.372.372zm-2.703-2.96H13.6c.112-.627.484-1.223 1.151-1.78a3.67 3.67 0 0 0 1.332-2.85c0-2.036-1.667-3.7-3.702-3.7a3.713 3.713 0 0 0-3.703 3.703c0 1.112.48 2.148 1.332 2.852.667.552 1.035 1.148 1.147 1.775"
             }),
-            /* @__PURE__ */ s("path", {
+            /* @__PURE__ */ i("path", {
                 fill: a,
                 d: "M12.38 2c-5.293 0-9.627 4.331-9.627 9.626 0 1.408.296 2.74.852 3.96l-1.592 5.93c-.036.112 0 .26.112.372a.33.33 0 0 0 .26.112h.112l5.921-1.592a9.8 9.8 0 0 0 8.996-.516c.184-.112.224-.335.112-.515-.112-.184-.336-.224-.516-.112a8.74 8.74 0 0 1-4.598 1.291 8.8 8.8 0 0 1-3.778-.852c-.076-.035-.148-.076-.26-.035h-.036l-5.437 1.435 1.443-5.443a.4.4 0 0 0-.036-.296c-.515-1.187-.815-2.443-.815-3.739 0-4.887 3.998-8.886 8.884-8.886 4.885 0 8.883 3.999 8.883 8.886 0 1.628-.443 3.22-1.295 4.591-.112.184-.036.408.112.516.184.112.408.036.516-.112A9.5 9.5 0 0 0 22 11.622C22.004 6.332 17.674 2 12.38 2"
             })