@telefonica/mistica 15.20.1 → 16.1.0

package/dist/generated/mistica-icons/icon-band-aid-regular.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: a, size: r = 24 } = _param, c = _object_without_properties(_param, [
+const i = (_param)=>{
+    var { color: a, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), n = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: n,
             d: "M20.144 12.11c2.342 2.498 2.26 5.268-.255 7.784-1.294 1.294-2.647 1.95-4.02 1.95h-.075c-1.35-.023-2.675-.678-3.938-1.942l-.154-.148-.047-.046a6 6 0 0 1-.306-.313l-.684-.683q-.007-.006-.015-.01l-.018-.013-5.477-5.478q-.007-.009-.01-.018l-.006-.01-.566-.566a4 4 0 0 1-.325-.32l-.149-.154c-1.266-1.266-1.918-2.59-1.944-3.94C2.13 6.798 2.783 5.42 4.1 4.103c2.552-2.555 5.367-2.591 7.93-.112l1.157 1.157.015.009.005.002 5.476 5.479.009.014 1.268 1.269q.098.092.185.188m-14.552-.205 6.309-6.31-.734-.735C10.142 3.87 9.13 3.37 8.119 3.37c-1.048 0-2.092.532-3.154 1.594-2.123 2.123-2.123 4.185 0 6.308l.168.174c.09.098.177.19.272.271zm5.477 5.48 6.305-6.312-4.61-4.61-6.306 6.31zm7.952 1.643c2.059-2.058 2.126-4.053.207-6.103a1 1 0 0 0-.086-.09l-.026-.025-.087-.084-.787-.787-6.308 6.308.311.31c.112.127.205.216.3.306l.174.168c1.033 1.034 2.072 1.566 3.095 1.583 1.028.011 2.137-.513 3.207-1.586m-6.636-7.549a.62.62 0 0 0-.88 0 .625.625 0 0 0 0 .88.62.62 0 0 0 .88 0 .62.62 0 0 0 0-.88m-1.431 2.846a.62.62 0 0 1 .88 0 .62.62 0 0 1 0 .88.62.62 0 0 1-.88 0 .626.626 0 0 1 0-.88M15.3 11.74a.62.62 0 0 0 0-.88.62.62 0 0 0-.88 0 .62.62 0 0 0 0 .88.62.62 0 0 0 .88 0m-6.58.33a.62.62 0 0 1 .88 0 .62.62 0 0 1 0 .88.62.62 0 0 1-.88 0 .62.62 0 0 1 0-.88m4.348-3.467a.62.62 0 0 0-.88 0 .62.62 0 0 0 0 .88.62.62 0 0 0 .88 0 .62.62 0 0 0 0-.88"
         })
     }));
-}, h = s;
+}, h = i;

package/dist/generated/mistica-icons/icon-bar-chart-filled.js

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: t, size: r = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M17 2h1a2 2 0 0 1 2 2v15a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2M12 6h-1a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2M6 10H5a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2"
         })
     }));

package/dist/generated/mistica-icons/icon-bar-chart-light.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M17 2a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm-1.5 2A1.5 1.5 0 0 1 17 2.5h1A1.5 1.5 0 0 1 19.5 4v15a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5zM9 8a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2zm2-1.5A1.5 1.5 0 0 0 9.5 8v11a1.5 1.5 0 0 0 1.5 1.5h1a1.5 1.5 0 0 0 1.5-1.5V8A1.5 1.5 0 0 0 12 6.5zM3 12a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm2-1.5A1.5 1.5 0 0 0 3.5 12v7A1.5 1.5 0 0 0 5 20.5h1A1.5 1.5 0 0 0 7.5 19v-7A1.5 1.5 0 0 0 6 10.5z"
         })
     }));

package/dist/generated/mistica-icons/icon-bar-chart-regular.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M17 2a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm-1 2a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1zM9 8a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zM3 12a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1z"

package/dist/generated/mistica-icons/icon-barcode-filled.js

@@ -97,7 +97,7 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), o = h !== null && h !== void 0 ? h : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = h !== null && h !== void 0 ? h : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,

package/dist/generated/mistica-icons/icon-barcode-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return H;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), h = e !== null && e !== void 0 ? e : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = e !== null && e !== void 0 ? e : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
     return v.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -119,4 +119,4 @@ const s = (_param)=>{
             d: "M22 7.001v9.643c0 .593-.482 1.072-1.071 1.072h-.358a.36.36 0 0 1-.357-.357c0-.197.161-.358.357-.358h.358c.196 0 .357-.16.357-.357V7.001a.36.36 0 0 0-.357-.357H3.07a.36.36 0 0 0-.357.357v9.643c0 .197.161.357.357.357h13.215a.358.358 0 0 1 0 .714H3.07A1.07 1.07 0 0 1 2 16.646V7c0-.592.482-1.071 1.071-1.071H20.93c.589 0 1.071.482 1.071 1.071M4.143 14.144c.196 0 .357-.16.357-.357V8.073a.36.36 0 0 0-.357-.357.36.36 0 0 0-.357.357v5.714c0 .197.16.357.357.357m2.5 0c.196 0 .357-.16.357-.357V8.073a.36.36 0 0 0-.357-.357.36.36 0 0 0-.357.357v5.714c0 .197.16.357.357.357m2.143 0c.196 0 .357-.16.357-.357V8.073a.36.36 0 0 0-.357-.357.36.36 0 0 0-.357.357v5.714c0 .197.16.357.357.357m2.143-6.071a.36.36 0 0 0-.358-.357.36.36 0 0 0-.357.357v5.714c0 .197.161.357.357.357.197 0 .358-.16.358-.357zm.714 0v7.5c0 .196.16.357.357.357s.357-.16.357-.357v-7.5A.36.36 0 0 0 12 7.716a.36.36 0 0 0-.357.357m2.5 5.714V8.073a.36.36 0 0 0-.357-.357.36.36 0 0 0-.357.357v5.714c0 .197.16.357.357.357s.357-.16.357-.357m1.428.357c.197 0 .358-.16.358-.357V8.073a.36.36 0 0 0-.358-.357.36.36 0 0 0-.357.357v5.714c0 .197.161.357.357.357m2.143-.357V8.073a.36.36 0 0 0-.357-.357.36.36 0 0 0-.357.357v5.714c0 .197.16.357.357.357s.357-.16.357-.357m2.5-5.714a.36.36 0 0 0-.357-.357.36.36 0 0 0-.357.357v7.5c0 .196.16.357.357.357s.357-.16.357-.357zM4.143 15.93h1.071c.197 0 .357-.16.357-.357a.36.36 0 0 0-.357-.357H4.143a.36.36 0 0 0-.357.357c0 .196.16.357.357.357m2.5 0h.714c.197 0 .357-.16.357-.357a.36.36 0 0 0-.357-.357h-.714a.36.36 0 0 0-.357.357c0 .196.16.357.357.357m2.143 0h1.785c.197 0 .358-.16.358-.357a.36.36 0 0 0-.358-.357H8.786a.36.36 0 0 0-.357.357c0 .196.16.357.357.357m4.285-.357c0 .196.161.357.358.357h.714c.196 0 .357-.16.357-.357a.36.36 0 0 0-.357-.357h-.714a.36.36 0 0 0-.358.357m4.286-.357h-1.786a.36.36 0 0 0-.357.357c0 .196.161.357.357.357h1.786c.197 0 .357-.16.357-.357a.36.36 0 0 0-.357-.357m1.072 1.428a.716.716 0 0 0-.715.715c0 .392.322.714.715.714a.716.716 0 0 0 .714-.714.716.716 0 0 0-.714-.715"
         })
     }));
-}, d = s;
+}, H = s;

package/dist/generated/mistica-icons/icon-barcode-regular.js

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: r, size: a = 24 } = _param, m = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: o, size: a = 24 } = _param, m = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
     return v.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -119,4 +119,4 @@ const i = (_param)=>{
             d: "M19.934 5.57H4.062c-1.139 0-2.064.932-2.064 2.075v8.707c0 1.143.925 2.075 2.064 2.075h15.872c1.139 0 2.064-.932 2.064-2.075V7.645a2.07 2.07 0 0 0-2.064-2.075m.635 10.782a.64.64 0 0 1-.635.647H4.062a.64.64 0 0 1-.635-.647V7.645c0-.357.285-.646.635-.646h15.872c.35 0 .635.289.635.646zM4.17 13.96V8.245a.535.535 0 1 1 1.072 0v5.714a.535.535 0 1 1-1.072 0m2.822-5.71v5.714a.535.535 0 1 1-1.072 0V8.249a.535.535 0 1 1 1.072 0m3.582 0v5.714a.535.535 0 1 1-1.071 0V8.249a.535.535 0 1 1 1.071 0m-2.857 5.71V8.245a.535.535 0 1 1 1.071 0v5.714a.535.535 0 1 1-1.071 0m4.818-5.71v7.503a.535.535 0 1 1-1.072 0V8.25a.535.535 0 1 1 1.072 0m2.325 0v5.714a.535.535 0 1 1-1.072 0V8.249a.535.535 0 1 1 1.072 0m1.068 5.7V8.234a.535.535 0 1 1 1.071 0v5.715a.535.535 0 1 1-1.072 0m3.928-5.7v7.503a.535.535 0 1 1-1.071 0V8.25a.535.535 0 1 1 1.071 0M6.991 15.752c0 .297-.24.536-.536.536H4.684a.535.535 0 1 1 0-1.072h1.771c.297 0 .536.24.536.536m3.582 0c0 .297-.24.536-.536.536H8.252a.535.535 0 1 1 0-1.072h1.785c.293 0 .536.24.536.536m4.286 0c0 .297-.24.536-.536.536h-.714a.535.535 0 1 1 0-1.072h.714c.296 0 .536.24.536.536m3.221 0c0 .297-.24.536-.536.536h-1.428a.535.535 0 1 1 0-1.072h1.428c.293 0 .536.24.536.536"
         })
     }));
-}, f = i;
+}, f = n;

package/dist/generated/mistica-icons/icon-battery-charging-filled.js

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: o, size: e = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), t = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
     return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M14.82 3.783h1.054c1.17 0 2.118.96 2.126 2.143v13.93C18 21.04 17.052 22 15.882 22H8.118C6.948 22 6 21.04 6 19.857V5.93c0-1.183.948-2.143 2.118-2.143h1.055V2h5.646zm-3.035 13.111 2.43-4.274a.53.53 0 0 0-.004-.536.55.55 0 0 0-.463-.268h-2.643l1.98-3.483a.536.536 0 0 0-.194-.731.523.523 0 0 0-.723.196l-2.43 4.286a.54.54 0 0 0 0 .536.54.54 0 0 0 .462.268h2.64l-1.976 3.47a.54.54 0 0 0 .194.732.53.53 0 0 0 .727-.196"
@@ -113,7 +113,7 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M14.82 3.783h1.054c1.17 0 2.118.96 2.126 2.143v13.93C18 21.04 17.052 22 15.882 22H8.118C6.948 22 6 21.04 6 19.857V5.93c0-1.183.948-2.143 2.118-2.143h1.055V2h5.646zm-3.035 13.111 2.43-4.274a.53.53 0 0 0-.004-.536.55.55 0 0 0-.463-.268h-2.643l1.98-3.483a.536.536 0 0 0-.194-.731.523.523 0 0 0-.723.196l-2.43 4.286a.54.54 0 0 0 0 .536.54.54 0 0 0 .462.268h2.64l-1.976 3.47a.54.54 0 0 0 .194.732.53.53 0 0 0 .727-.196"
@@ -123,7 +123,7 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M17.274 5.155c.588.583.874 1.392.874 2.479v10.86c0 1.098-.289 1.913-.883 2.493-.588.574-1.411.854-2.515.854H9.243c-1.104 0-1.927-.28-2.515-.854-.594-.583-.883-1.398-.883-2.496V7.634c0-1.073.286-1.88.874-2.465.591-.588 1.41-.877 2.493-.882V3.84c0-.515.151-.93.454-1.23.305-.302.728-.456 1.255-.456h2.148c.535 0 .958.151 1.258.451.3.297.451.714.451 1.235v.446c1.095.005 1.913.288 2.496.868m-6.799-1.314v.446h3.048V3.84c0-.103-.011-.285-.084-.358-.076-.073-.26-.084-.364-.084h-2.149c-.128 0-.29.014-.364.09-.072.07-.086.232-.086.352m6.412 3.793c0-.742-.165-1.266-.507-1.602-.341-.34-.874-.502-1.63-.502H9.243c-.745 0-1.277.168-1.625.516-.344.341-.512.862-.512 1.59v10.858c0 .748.165 1.277.51 1.61.338.334.87.494 1.627.494h5.51c.753 0 1.288-.16 1.627-.493.342-.334.507-.863.507-1.611zm-1.644 3.569a.54.54 0 0 0-.51-.208l-2.31.32.047-3.737a.54.54 0 0 0-.437-.532.546.546 0 0 0-.616.322L8.68 13.917a.53.53 0 0 0 .073.535.53.53 0 0 0 .507.204l2.09-.285-.006 3.804a.547.547 0 0 0 1.048.216l2.915-6.648a.52.52 0 0 0-.064-.54"

package/dist/generated/mistica-icons/icon-battery-charging-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return V;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,42 +93,42 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: o, size: h = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: o, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
     return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: h,
                 d: "M10.928 17.26a.724.724 0 0 0 .98-.26l2.5-4.288a.7.7 0 0 0 .004-.716.7.7 0 0 0-.616-.356h-2.328l1.876-3.208a.71.71 0 0 0-.256-.98.71.71 0 0 0-.98.256l-2.5 4.288a.7.7 0 0 0-.004.716c.124.22.36.356.616.356h2.328l-1.876 3.212a.71.71 0 0 0 .256.98"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: h,
                 d: "M15.928 22H8.076c-1.18 0-2.144-.96-2.144-2.144V5.928c0-1.18.96-2.144 2.144-2.144h1.068V2h5.716v1.788h1.068c1.18 0 2.144.96 2.144 2.144V19.86c0 1.176-.96 2.14-2.144 2.14M8.076 5.212a.714.714 0 0 0-.712.712v13.928c0 .392.32.712.712.712h7.86c.392 0 .712-.32.712-.712V5.928a.714.714 0 0 0-.712-.712h-2.5V3.428H10.58v1.788H8.076z"
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: h,
                 d: "M11.12 16.692a.3.3 0 0 0 .176.048.37.37 0 0 0 .304-.172l2.456-4.212a.351.351 0 0 0-.304-.528h-2.896l2.148-3.684a.35.35 0 0 0-.124-.48.35.35 0 0 0-.48.124L9.944 12a.351.351 0 0 0 .304.528h2.896l-2.148 3.684c-.1.164-.044.38.124.48m2.628 3.908a.7.7 0 1 0 .002 1.402.7.7 0 0 0-.002-1.402"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: h,
                 d: "M17.62 5.512c0-.972-.792-1.756-1.756-1.756h-1.408V2H9.544v1.752H8.136c-.972 0-1.756.792-1.756 1.756v14.388c0 .972.792 1.756 1.756 1.756h3.508c.192 0 .36-.16.36-.356a.353.353 0 0 0-.352-.352H8.144c-.58 0-1.052-.472-1.052-1.052V5.508c0-.58.472-1.052 1.052-1.052h2.108V2.7h3.508v1.756h2.108c.58 0 1.052.472 1.052 1.052v12.56c-.004.028-.008.048-.008.076V19.9c0 .576-.476 1.048-1.056 1.052a.353.353 0 0 0 0 .704 1.763 1.763 0 0 0 1.756-1.752v-1.676c.004-.028.008-.048.008-.076z"
             })
         ]
     }));
-}, V = v;
+}, d = v;

package/dist/generated/mistica-icons/icon-battery-charging-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), c = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
     return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -141,4 +141,4 @@ const v = (_param)=>{
             d: "M18.148 7.542c0-1.056-.275-1.835-.84-2.387-.57-.555-1.373-.824-2.457-.824h-.188v-.666c0-.482-.132-.846-.406-1.112-.27-.264-.656-.398-1.146-.398h-2.227c-.49 0-.877.137-1.145.403-.27.266-.407.639-.407 1.107v.67h-.187c-1.079 0-1.88.274-2.457.84-.566.557-.843 1.333-.843 2.37v11.092c0 1.061.277 1.846.849 2.395.566.546 1.367.812 2.45.812h5.707c1.08 0 1.885-.266 2.448-.812.571-.552.849-1.336.849-2.398zM10.2 3.665c0-.359.117-.474.157-.51.039-.04.154-.154.526-.154h2.227c.37 0 .486.107.527.146l.002.002.001.001c.038.037.15.15.15.515v.666h-3.59zm7.075 14.969c0 .823-.193 1.412-.588 1.796-.395.38-.994.565-1.837.565H9.145c-.843 0-1.443-.184-1.838-.566-.398-.383-.59-.971-.59-1.795V7.542c0-.804.192-1.381.59-1.774.404-.395 1.003-.588 1.838-.588h5.703c.843 0 1.445.188 1.843.574.392.384.585.97.585 1.788zm-4.952-2.375.003-2.468a.42.42 0 0 0-.149-.32.44.44 0 0 0-.344-.1l-2.062.277 1.68-3.97-.024 2.25c0 .123.053.241.148.322a.44.44 0 0 0 .347.101l2.278-.308zm2.93-4.992a.45.45 0 0 0-.406-.165l-2.54.344.044-3.963a.43.43 0 0 0-.347-.42.436.436 0 0 0-.49.254l-2.835 6.69a.42.42 0 0 0 .059.42c.098.12.249.182.403.16l2.316-.312-.008 4.034a.43.43 0 0 0 .347.415.435.435 0 0 0 .488-.247l3.022-6.787a.41.41 0 0 0-.053-.423"
         })
     }));
-}, d = v;
+}, p = v;

package/dist/generated/mistica-icons/icon-battery-full-filled.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M17.279 5.152c.588.583.874 1.392.874 2.482v10.86c0 1.098-.289 1.913-.883 2.493-.588.577-1.412.854-2.515.854H9.248c-1.104 0-1.927-.28-2.516-.854-.593-.58-.882-1.395-.882-2.496V7.634c0-1.07.286-1.877.874-2.465.591-.588 1.409-.877 2.493-.882v-.449c0-.515.151-.93.454-1.226.302-.303.725-.457 1.255-.457h2.148c.532 0 .955.151 1.258.451.3.297.45.714.45 1.235v.448c1.096.003 1.914.286 2.497.863m-6.802-1.31v.442h3.048v-.446c0-.103-.011-.285-.084-.358s-.26-.084-.364-.084h-2.149c-.126.003-.288.017-.36.09-.074.072-.09.232-.09.355m6.415 3.792c0-.742-.165-1.266-.507-1.602-.342-.34-.874-.502-1.63-.502H9.248c-.745 0-1.277.168-1.625.516-.344.341-.512.862-.512 1.59v10.86c0 .751.165 1.278.51 1.611.338.334.87.493 1.627.493h5.51c.753 0 1.288-.162 1.627-.493.342-.336.507-.862.507-1.613zm-.748-.496V17.87c0 1.219-1.005 2.207-2.24 2.207h-3.805c-1.235 0-2.24-.988-2.24-2.207V7.14c0-.343.282-.623.63-.623h7.025c.347 0 .63.28.63.622"

package/dist/generated/mistica-icons/icon-battery-full-regular.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: e, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M18.15 7.539c0-1.053-.275-1.832-.84-2.384-.566-.555-1.373-.824-2.46-.824h-.188v-.666c0-.474-.134-.849-.406-1.112-.269-.266-.655-.398-1.145-.398h-2.225c-.487 0-.873.134-1.142.406-.27.263-.407.636-.407 1.104v.666H9.15c-1.079 0-1.883.275-2.457.84-.568.558-.843 1.331-.843 2.368V18.63c0 1.065.277 1.849.849 2.398.566.546 1.367.812 2.448.812h5.706c1.081 0 1.882-.266 2.448-.812.572-.55.849-1.333.849-2.398zm-7.947-3.874c0-.359.118-.474.157-.51.04-.04.157-.154.53-.154h2.223c.379 0 .493.112.53.148v.001c.038.037.151.15.151.515v.666h-3.591zm7.079 14.966c-.003.826-.197 1.415-.592 1.796-.395.38-.997.566-1.837.566H9.147c-.843 0-1.443-.185-1.838-.566-.397-.381-.59-.97-.59-1.796V7.54c0-.804.193-1.381.59-1.773.404-.395 1.003-.589 1.838-.589h5.706c.843 0 1.445.188 1.84.575.395.383.588.969.588 1.787zm-1.72-.636c0 .661-.555 1.2-1.233 1.2H9.668c-.68 0-1.232-.539-1.232-1.2V7.458h7.126zm.868-10.96a.427.427 0 0 0-.434-.423H7.999a.43.43 0 0 0-.435.423v10.96c0 1.13.944 2.045 2.104 2.045h4.658c1.163 0 2.104-.916 2.104-2.045z"
         })
     }));
-}, m = a;
+}, m = n;

package/dist/generated/mistica-icons/icon-battery-light.js

@@ -92,14 +92,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: o, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {

package/dist/generated/mistica-icons/icon-battery-low-filled.js

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M17.277 5.152c.588.583.874 1.392.874 2.482v10.86c0 1.098-.289 1.913-.883 2.493-.588.574-1.412.854-2.515.854h-5.51c-1.104 0-1.927-.28-2.515-.854-.594-.58-.883-1.398-.883-2.493V7.634c0-1.07.286-1.877.874-2.465.591-.588 1.41-.877 2.493-.882V3.84c0-.515.154-.93.454-1.23.305-.302.728-.456 1.255-.456h2.148c.535 0 .958.151 1.258.451.3.297.451.711.451 1.232v.446c1.098.008 1.916.291 2.499.868m-6.799-1.31v.445h3.048V3.84c0-.1-.011-.283-.084-.355-.076-.076-.26-.085-.364-.085h-2.149c-.129-.002-.291.012-.364.087-.073.07-.087.233-.087.353m6.412 3.792c0-.742-.165-1.266-.507-1.602-.342-.34-.874-.502-1.63-.502h-5.51c-.745 0-1.277.168-1.625.516-.344.341-.51.862-.51 1.59v10.86c0 .749.166 1.278.51 1.611.34.334.874.493 1.628.493h5.51c.753 0 1.285-.162 1.627-.493.342-.336.507-.865.507-1.613zm-.748 9.941a.626.626 0 0 0-.63-.622H8.489c-.347 0-.63.28-.63.622v.294c0 1.219.941 2.21 2.095 2.21h4.093c1.154 0 2.095-.991 2.095-2.21z"
         })
     }));

package/dist/generated/mistica-icons/icon-battery-low-regular.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const i = (_param)=>{
+    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), a = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: s,
             d: "M18.153 7.542c0-1.056-.275-1.835-.84-2.387-.57-.555-1.373-.824-2.46-.824h-.185v-.666c0-.482-.132-.846-.406-1.112-.27-.264-.656-.398-1.146-.398H10.89c-.49 0-.876.137-1.145.403-.27.264-.407.636-.407 1.107v.664H9.15c-1.079 0-1.88.274-2.457.84-.566.557-.843 1.333-.843 2.37v11.098c0 1.061.277 1.846.849 2.395.566.546 1.367.812 2.45.812h5.704c1.084 0 1.888-.266 2.45-.812.572-.552.85-1.337.85-2.398zm-7.947-3.877c0-.359.117-.474.157-.51.036-.04.154-.154.526-.154h2.227c.37 0 .486.107.527.146l.003.002v.001c.038.037.15.15.15.515v.666h-3.59zm7.078 14.969c0 .823-.196 1.412-.594 1.793-.395.38-.994.565-1.837.565H9.15c-.843 0-1.443-.184-1.838-.565-.397-.384-.59-.972-.59-1.796V7.54c0-.804.193-1.381.59-1.773.404-.395 1.003-.589 1.838-.589h5.706c.843 0 1.445.188 1.84.575.395.383.588.969.588 1.787zm-2.952.56H9.668a1.22 1.22 0 0 1-1.224-1.075h7.112c-.062.605-.588 1.075-1.224 1.075m2.1-1.498a.43.43 0 0 0-.433-.423H8a.43.43 0 0 0-.434.422v.3c0 1.13.944 2.045 2.104 2.045h4.66c1.16 0 2.102-.916 2.102-2.045z"
         })
     }));
-}, m = l;
+}, m = i;

package/dist/generated/mistica-icons/icon-battery-medium-filled.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), s = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

package/dist/generated/mistica-icons/icon-battery-medium-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const n = (_param)=>{
     var { color: o, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,4 +108,4 @@ const a = (_param)=>{
             d: "M18.153 7.542c0-1.056-.275-1.835-.84-2.387-.57-.555-1.373-.824-2.46-.824h-.188v-.666c0-.474-.134-.849-.403-1.112s-.656-.398-1.146-.398H10.89c-.49 0-.876.137-1.148.403-.269.266-.406.639-.406 1.107v.67H9.15c-1.079 0-1.88.274-2.457.84-.566.557-.843 1.333-.843 2.37v11.092c0 1.061.277 1.846.849 2.398.566.543 1.367.81 2.45.81h5.704c1.084 0 1.885-.267 2.45-.813.572-.552.85-1.336.85-2.398zm-7.947-3.877c0-.359.115-.474.157-.51.039-.04.154-.154.526-.154h2.227c.378 0 .493.112.53.148v.001c.038.037.15.15.15.515v.666h-3.59zm7.076 14.969c0 .823-.194 1.412-.592 1.796-.395.38-.994.565-1.837.565H9.15c-.843 0-1.443-.184-1.838-.566-.397-.383-.59-.969-.59-1.795V7.542c0-.804.193-1.381.59-1.774.404-.395 1.003-.588 1.838-.588h5.703c.843 0 1.445.188 1.84.574.395.384.588.97.588 1.788zm-1.72-.639c0 .661-.552 1.2-1.23 1.2H9.67c-.68 0-1.233-.539-1.233-1.2V13.04h7.124zm.87-5.378a.43.43 0 0 0-.436-.423H8a.43.43 0 0 0-.434.423v5.378c0 1.13.944 2.045 2.104 2.045h4.658c1.16 0 2.104-.916 2.104-2.045z"
         })
     }));
-}, v = a;
+}, v = n;

package/dist/generated/mistica-icons/icon-battery-regular.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: t, size: r = 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 = (0, _themevariantcontext.useIsInverseVariant)(), n = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: n,
             d: "M14.865 4.292c1.045.023 1.835.3 2.404.86.588.583.874 1.395.88 2.482v10.86c0 1.095-.29 1.91-.883 2.493-.588.574-1.412.854-2.515.854H9.24c-1.104 0-1.928-.28-2.516-.854-.594-.58-.882-1.395-.882-2.493V7.634c0-1.073.286-1.88.874-2.465.596-.594 1.423-.882 2.52-.882H9.3V3.84q0-.779.454-1.23c.303-.302.726-.456 1.255-.456h2.149c.532 0 .955.151 1.255.451q.453.452.453 1.235zm-4.305-.45v.445h3.045V3.84c0-.103-.011-.285-.087-.358-.07-.073-.258-.084-.361-.084h-2.149c-.123 0-.288.017-.361.09-.073.07-.087.229-.087.352m6.322 14.652.003-10.86c0-.742-.165-1.266-.507-1.605-.342-.336-.874-.501-1.63-.501h-5.51c-.745 0-1.277.168-1.625.515-.347.342-.512.863-.512 1.591v10.86c0 .748.165 1.277.51 1.61.338.334.873.494 1.627.494h5.507c.753 0 1.286-.16 1.627-.493.345-.334.51-.863.51-1.611"
         })
     }));
-}, m = l;
+}, m = a;

package/dist/generated/mistica-icons/icon-beach-umbrella-filled.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: o, size: l = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = o !== null && o !== void 0 ? o : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M21.429 5.678a.38.38 0 0 0-.101-.291c-1.454-1.569-3.084-2.577-4.846-3-1.555-.373-3.21-.294-4.941.221 2.218.263 5.134 1.305 7.994 4.356l1.698-1.003a.4.4 0 0 0 .196-.283M18.306 7.69l-5.169 3.053L9.08 3.975c1.647-.221 5.462-.18 9.226 3.714M7.921 4.79c-.939 1.485-2.42 4.849-.583 9.378l4.583-2.706zm-1.81 10.101c-1.655-3.888-1.12-7.059-.269-9.134-1.641 1.406-2.683 2.988-3.084 4.73-.397 1.693-.185 3.536.636 5.477a.4.4 0 0 0 .252.216c.198.053.257.018.335-.03l.021-.012zm1.7-10.244-.372-.622a.67.67 0 0 1 .266-.93.735.735 0 0 1 .975.255l.35.586zm11.356 16.174-6.025-10.053-1.218.714 6.005 10.017c.132.218.37.342.62.342q.182 0 .352-.09a.666.666 0 0 0 .266-.93"
         })
     }));
-}, d = i;
+}, d = s;

package/dist/generated/mistica-icons/icon-beach-umbrella-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: e, size: r = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: a,
             d: "M16.426 1.981c1.854.456 3.552 1.52 5.046 3.166.28.307.412.72.363 1.135-.068.435-.316.81-.693 1.038l-7.724 4.654 5.675 9.656.004.007.004.007a.42.42 0 0 1-.17.57.44.44 0 0 1-.602-.157l-5.656-9.633-7.505 4.522c-.24.144-.517.217-.786.217-.143 0-.29-.024-.459-.073-.436-.147-.76-.445-.918-.825-.845-2.037-1.061-3.996-.643-5.812.579-2.552 2.356-4.762 5.288-6.568l-.453-.775-.004-.007-.005-.008a.42.42 0 0 1 .17-.57c.21-.12.48-.05.602.158l.442.754c2.835-1.573 5.53-2.06 8.024-1.456m4.251 4.608a.58.58 0 0 0 .284-.418.58.58 0 0 0-.146-.45c-1.378-1.518-2.924-2.494-4.602-2.906-1.777-.433-3.68-.24-5.677.558 2.099.032 5.297.79 8.413 4.256zM8.948 4.364l4.032 6.864 5.21-3.137c-3.874-4.227-7.868-3.978-9.242-3.727m-.713.514c-.871 1.27-2.684 4.774-.655 9.604l4.651-2.804zM4.706 16.215l2.114-1.274c-1.83-4.245-.85-7.624.1-9.507-2.006 1.505-3.254 3.25-3.696 5.206-.38 1.646-.178 3.43.6 5.307.07.157.204.277.368.327.172.058.36.038.514-.059"
         })
     }));
-}, f = i;
+}, f = s;

package/dist/generated/mistica-icons/icon-beach-umbrella-regular.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), s = o !== null && o !== void 0 ? o : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = o !== null && o !== void 0 ? o : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,

package/dist/generated/mistica-icons/icon-bell-add-more-filled.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: l, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), s = l !== null && l !== void 0 ? l : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = l !== null && l !== void 0 ? l : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: c,
             d: "M21.623 17.87c.196.159.268.433.187.677a.61.61 0 0 1-.577.395h-5.24c-.04.546-.197 1.359-.763 1.994-.543.603-1.325.908-2.305.908-.992 0-1.77-.305-2.314-.908-.568-.635-.722-1.448-.753-1.994H4.62a.602.602 0 0 1-.392-1.07c.462-.37.846-.885 1.145-1.496-1.512-.543-3.218-1.854-3.218-5.087 0-4.198 2.843-5.148 4.42-5.347 1.532-3.885 5.927-3.807 6.35-3.781.373-.017 3.014-.09 4.93 1.68 1.283 1.182 1.933 2.897 1.933 5.093v3.819c-.01.26-.125 3.534 1.835 5.116m-18.25-6.58c0 3.635 2.518 4.215 4.02 4.23h.456c1.51-.023 4.028-.611 4.028-4.2 0-3.594-2.54-4.19-4.053-4.23h-.479c-1.487.009-3.972.572-3.972 4.2m4.247 3.313a.607.607 0 0 0 .61-.602h.003v-2.104h2.12a.61.61 0 0 0 .608-.605.607.607 0 0 0-.607-.605h-2.12V8.612a.607.607 0 0 0-.611-.603.606.606 0 0 0-.608.603v2.075H4.897a.604.604 0 1 0 0 1.208h2.115V14a.61.61 0 0 0 .608.602"
         })
     }));
-}, v = i;
+}, v = s;

package/dist/generated/mistica-icons/icon-bell-add-more-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const l = (_param)=>{
     var { color: e, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), l = e !== null && e !== void 0 ? e : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,8 +104,8 @@ const a = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: a,
             d: "M21.69 18.145a.42.42 0 0 1 .122.459.4.4 0 0 1-.383.272h-5.496c0 .51-.107 1.412-.723 2.103-.51.566-1.238.86-2.182.86-.936 0-1.672-.294-2.182-.86-.608-.689-.714-1.6-.714-2.1H4.636a.41.41 0 0 1-.255-.729c.493-.409.902-.96 1.213-1.624-1.563-.499-3.443-1.813-3.443-5.258 0-4.499 3.182-5.342 4.709-5.482 1.544-3.738 5.786-3.636 6.164-3.627h.004c.255-.017 2.922-.132 4.849 1.664 1.246 1.165 1.888 2.857 1.888 5.039v3.88c-.012.06-.2 3.663 1.924 5.403m-1.239-.093c-1.69-2.092-1.518-5.185-1.51-5.333V8.865c0-1.947-.549-3.44-1.624-4.44-1.677-1.562-4.103-1.452-4.249-1.446h-.032l-.008.002c-.006.002-.014.004-.025-.002-.165-.008-3.75-.2-5.233 2.782h.14c1.084.025 5.3.45 5.3 5.54 0 5.104-4.216 5.5-5.274 5.513-.098.009-.213.009-.337.009h-.17a8 8 0 0 1-1.017-.107 6 6 0 0 1-.79 1.336zm-5.857 2.381c.434-.493.515-1.174.515-1.557h-4.157c0 .378.073 1.067.516 1.557.344.387.868.583 1.557.583.7 0 1.227-.196 1.569-.583m-7.151-4.428h.156c.115 0 .222 0 .32-.009 1.344-.025 4.47-.524 4.47-4.694 0-4.163-3.143-4.687-4.495-4.72-.124-.009-.264-.009-.401-.009h-.098c-1.33.017-4.423.493-4.423 4.695 0 4.21 3.126 4.711 4.47 4.737m2.994-4.328c.23 0 .409-.18.409-.41a.41.41 0 0 0-.409-.41H8.09V8.533a.415.415 0 0 0-.41-.409.41.41 0 0 0-.408.409v2.325H4.924a.413.413 0 0 0-.409.409c0 .23.188.409.41.409h2.347v2.356a.41.41 0 0 0 .818 0v-2.356z"
         })
     }));
-}, v = a;
+}, v = l;