@telefonica/mistica 15.20.1 → 16.0.0

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

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

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

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

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

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

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

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

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

@@ -79,27 +79,27 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const a = (_param)=>{
-    var { color: c, size: l = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: c, size: r = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = i(), r = c !== null && c !== void 0 ? c : s ? t.colors.inverse : t.colors.neutralHigh;
+    const s = i(), l = c !== null && c !== void 0 ? c : s ? t.colors.inverse : t.colors.neutralHigh;
     return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, h), {
         children: [
             /* @__PURE__ */ o("path", {
-                fill: r,
+                fill: l,
                 d: "M9.174 11.317h-.956L6.941 15.12h.83l.293-.955H9.3l.316.955h.93zm-.499.95.417 1.268H8.27l.395-1.269zM11 11.317h.868v3.803H11z"
             }),
             /* @__PURE__ */ o("path", {
-                fill: r,
+                fill: l,
                 d: "M21.804 7.908c.02.05.034.106.034.162v12.563c0 .653-.564 1.204-1.23 1.204H8.17c-.656 0-1.233-.562-1.233-1.204l.037-3.036H4.417a2.27 2.27 0 0 1-2.266-2.27v-4.179A2.27 2.27 0 0 1 4.417 8.88h2.521V3.356c0-.63.586-1.205 1.233-1.205h7.571c.182 0 .353.07.485.196l5.409 5.236a.7.7 0 0 1 .168.325m-.793 12.725V8.753h-2.566c-.98 0-1.826-.316-2.442-.915-.622-.6-.953-1.426-.953-2.384V2.98H8.168c-.185 0-.406.205-.406.379v5.52h6.706a2.27 2.27 0 0 1 2.266 2.27v4.179a2.27 2.27 0 0 1-2.266 2.269H7.8l-.036 3.042c0 .182.204.372.406.372h12.437c.207 0 .403-.185.403-.378M4.417 16.767h10.054c.792 0 1.44-.647 1.44-1.442v-4.18c0-.795-.645-1.442-1.44-1.442H4.417c-.792 0-1.44.647-1.44 1.443v4.179c0 .795.645 1.442 1.44 1.442m11.46-11.316c0 .728.24 1.347.7 1.79.462.445 1.11.683 1.868.683h2.35L15.878 3.16z"
             })
         ]

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

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

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

@@ -79,20 +79,20 @@ 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: e = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: r, size: e = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = t(), i = r !== null && r !== void 0 ? r : a ? o.colors.inverse : o.colors.neutralHigh;
+    const c = t(), i = r !== null && r !== void 0 ? r : c ? o.colors.inverse : o.colors.neutralHigh;
     return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, a), {
         children: /* @__PURE__ */ l("path", {
             fill: i,
             d: "M19.323 7.923q.046.11.047.238v12.28a1.4 1.4 0 0 1-1.384 1.38H6.02c-.737 0-1.384-.644-1.384-1.38V3.556c0-.723.658-1.381 1.384-1.381h7.283c.227 0 .442.086.602.246L19.11 7.54c.106.103.17.24.213.384m-1.648-.107-4.042-3.978V5.6c0 .656.21 1.21.614 1.605.406.398.98.611 1.66.611zm-9.882 2.07c-.555 0-1.022.429-1.022.933v7.815c0 .504.467.936 1.02.936h8.42c.543 0 1.019-.437 1.019-.936v-7.815c.006-.496-.473-.933-1.017-.933zm1.826 4.4a.864.864 0 0 1-.857-.87c0-.482.384-.872.857-.872.474 0 .858.39.858.871a.867.867 0 0 1-.858.872M8.465 17.55c.104.126.25.19.398.19a.5.5 0 0 0 .328-.123l2.087-1.767 1.409 1.35a.513.513 0 0 0 .73-.023.53.53 0 0 0-.022-.742l-.714-.686 1.126-.91 1.18.918a.51.51 0 0 0 .725-.098.534.534 0 0 0-.098-.737l-1.499-1.168a.506.506 0 0 0-.633.006l-1.557 1.26-.27-.257a.52.52 0 0 0-.685-.02l-2.437 2.065a.536.536 0 0 0-.068.742"

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

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

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

@@ -78,25 +78,25 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
-    var { color: e, size: c = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as c } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+const s = (_param)=>{
+    var { color: l, size: r = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = s(), t = e !== null && e !== void 0 ? e : a ? r.colors.inverse : r.colors.neutralHigh;
-    return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const o = i(), t = l !== null && l !== void 0 ? l : o ? e.colors.inverse : e.colors.neutralHigh;
+    return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ l("path", {
+    }, a), {
+        children: /* @__PURE__ */ c("path", {
             fill: t,
             d: "M19.387 8.152a.6.6 0 0 0-.047-.238.84.84 0 0 0-.213-.384l-5.213-5.126a.85.85 0 0 0-.605-.249h-7.3c-.725 0-1.386.658-1.386 1.384v16.919c0 .736.65 1.383 1.386 1.383h11.992c.75 0 1.386-.633 1.386-1.384zm-1.384 12.474H6.012c-.093 0-.19-.11-.19-.169V3.54c.005-.06.117-.168.19-.168h6.434v2.218c0 .995.336 1.852.978 2.482.633.622 1.495.952 2.493.952h2.277v11.435c0 .072-.095.168-.19.168M17.69 7.807l-.003-.003h.003zm-.003-.003h-1.77c-.684 0-1.258-.21-1.664-.61-.4-.396-.614-.95-.614-1.609V3.822zm-1.474 10.728L7.8 18.522v-7.585l8.415.014zm1.037-7.714c0-.499-.479-.936-1.022-.936h-8.44c-.552 0-1.023.429-1.023.936v7.832c0 .507.468.935 1.023.935h8.44c.543 0 1.022-.437 1.022-.935zm-7.633 3.473a.87.87 0 0 1-.86-.874c0-.481.384-.874.86-.874.473 0 .857.393.857.874a.866.866 0 0 1-.857.874m-1.154 3.27c.1.125.25.19.398.19.117 0 .235-.04.336-.12l2.09-1.771 1.411 1.353a.51.51 0 0 0 .731-.023.53.53 0 0 0-.022-.745l-.717-.686 1.126-.91 1.182.918a.51.51 0 0 0 .725-.098.535.535 0 0 0-.098-.74l-1.501-1.17a.506.506 0 0 0-.636.006l-1.56 1.263-.27-.258a.514.514 0 0 0-.685-.022l-2.443 2.07a.536.536 0 0 0-.067.742"
         })
     }));
-}, v = i;
+}, v = s;
 export { v as default };

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

@@ -78,31 +78,31 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 const t = (_param)=>{
-    var { color: o, size: c = 24 } = _param, v = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = s(), h = o !== null && o !== void 0 ? o : r ? e.colors.inverse : e.colors.neutralHigh;
+    const v = s(), h = o !== null && o !== void 0 ? o : v ? l.colors.inverse : l.colors.neutralHigh;
     return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, v), {
+    }, r), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ e("path", {
                 fill: h,
                 d: "M11.984 13.267c0-1.014.535-1.703 1.641-1.703.322 0 .706.067.916.157l-.095.54a3 3 0 0 0-.767-.117c-.656 0-.925.39-.925 1.095 0 .364.048.664.19.863.118.165.314.26.628.26.118 0 .28-.014.395-.033v-.684h-.457v-.532h1.191v1.655a4.5 4.5 0 0 1-1.157.166c-1.165.003-1.56-.639-1.56-1.667M4.194 14.329l.053.566c.233.03.34.042.499.042.367 0 .602-.068.75-.21.166-.166.233-.384.233-.788v-2.313h-.74v2.297c0 .36-.098.445-.411.445-.07 0-.236-.011-.384-.04M7.533 11.626H6.42v3.246h.74v-1.12h.52c.426 0 .72-.101.91-.314q.241-.268.242-.787c0-.348-.084-.597-.26-.76-.211-.195-.533-.265-1.04-.265m-.011 1.568h-.367v-1.033h.347c.23 0 .367.033.457.114q.124.121.123.384-.002.284-.129.412c-.095.09-.193.123-.431.123M11.544 11.626h-2.19v3.24h2.215v-.534h-1.476v-.83h1.115v-.554h-1.115v-.787h1.395z"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ e("path", {
                 fill: h,
                 d: "M21.793 7.914q.047.11.048.238v12.306c0 .75-.644 1.383-1.409 1.383H8.252c-.75 0-1.408-.647-1.408-1.384l.033-2.773h-2.3a2.427 2.427 0 0 1-2.422-2.423V11.17a2.43 2.43 0 0 1 2.42-2.426h2.266V3.54c0-.726.672-1.384 1.409-1.384h7.415c.23 0 .445.087.61.244l5.3 5.131c.11.104.174.241.218.384m-5.792-4.09V5.59c0 .658.215 1.213.624 1.608.415.4.997.61 1.69.61h1.803zM4.575 16.471h9.846a1.21 1.21 0 0 0 1.207-1.21v-4.095c0-.667-.54-1.21-1.204-1.21H4.575c-.667 0-1.207.54-1.207 1.21v4.095c0 .667.54 1.21 1.207 1.21"
             })
         ]
     }));
-}, m = t;
-export { m as default };
+}, d = t;
+export { d as default };

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

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

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

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

package/dist-es/generated/mistica-icons/icon-file-mp-3-filled.js

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

package/dist-es/generated/mistica-icons/icon-file-mp-3-light.js

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

package/dist-es/generated/mistica-icons/icon-file-mp-3-regular.js

@@ -78,31 +78,31 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
-    var { color: o, size: c = 24 } = _param, v = _object_without_properties(_param, [
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+const t = (_param)=>{
+    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = t(), h = o !== null && o !== void 0 ? o : e ? r.colors.inverse : r.colors.neutralHigh;
-    return /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+    const v = s(), h = o !== null && o !== void 0 ? o : v ? l.colors.inverse : l.colors.neutralHigh;
+    return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, v), {
+    }, e), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ r("path", {
                 fill: h,
                 d: "M12.339 15.12v-.583c.216.039.47.064.74.064.302 0 .481-.04.61-.123.129-.087.199-.227.199-.426 0-.193-.07-.325-.185-.406-.134-.098-.342-.129-.72-.129h-.103v-.54h.128c.34 0 .513-.043.645-.157.087-.076.145-.2.145-.379 0-.14-.039-.26-.123-.336-.11-.098-.291-.14-.583-.14-.238 0-.507.023-.722.053v-.57c.25-.054.563-.082.849-.082.465 0 .86.11 1.086.336.157.157.255.373.255.68 0 .384-.168.653-.49.816.39.14.622.431.622.913 0 .286-.087.535-.26.714-.244.255-.64.384-1.2.384a4.7 4.7 0 0 1-.893-.09M4.429 11.436h.664L6.26 13.5l1.204-2.064h.647v3.694h-.77v-2.128l-.768 1.285h-.647l-.79-1.308v2.152H4.43zM8.916 11.436h1.269c.577 0 .944.081 1.182.302.199.185.297.471.297.866q0 .591-.274.896c-.216.244-.552.356-1.037.356h-.594v1.274h-.843zm1.75 1.647c-.106.1-.22.14-.49.14v.003H9.76v-1.18h.395c.258 0 .415.037.518.13.098.092.14.238.14.436q.001.324-.145.47"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ r("path", {
                 fill: h,
                 d: "M21.798 7.912q.047.11.048.238v12.306c0 .75-.644 1.383-1.409 1.383H8.255c-.75 0-1.406-.647-1.406-1.383l.033-2.774h-2.3a2.427 2.427 0 0 1-2.42-2.425v-4.093a2.427 2.427 0 0 1 2.42-2.426H6.85V3.534c0-.726.67-1.384 1.406-1.384h7.414c.23 0 .457.093.62.252l5.29 5.124c.113.109.177.243.22.386m-1.361 12.712c.098 0 .193-.096.193-.168V9.02h-2.313c-1.014 0-1.891-.33-2.535-.952-.65-.63-.995-1.487-.995-2.482V3.37H8.252c-.073 0-.187.109-.193.168v5.201h6.364c1.336 0 2.42 1.09 2.42 2.426v4.093a2.427 2.427 0 0 1-2.42 2.425h-6.33l-.034 2.78c0 .05.1.159.193.159h12.185zM3.373 15.259c0 .667.54 1.21 1.207 1.21h9.846a1.21 1.21 0 0 0 1.207-1.21v-4.092c0-.667-.54-1.21-1.207-1.21H4.58a1.21 1.21 0 0 0-1.207 1.21zM16.006 3.822v1.765c0 .658.215 1.213.622 1.608.414.4.997.61 1.691.61h1.802z"
             })
         ]
     }));
-}, m = a;
-export { m as default };
+}, M = t;
+export { M as default };

package/dist-es/generated/mistica-icons/icon-file-mp-4-filled.js

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

package/dist-es/generated/mistica-icons/icon-file-mp-4-light.js

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

package/dist-es/generated/mistica-icons/icon-file-mp-4-regular.js

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

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

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

@@ -79,22 +79,22 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as 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 h = (_param)=>{
-    var { color: i, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = s(), e = i !== null && i !== void 0 ? i : t ? r.colors.inverse : r.colors.neutralHigh;
+    const l = s(), t = i !== null && i !== void 0 ? i : l ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ o("path", {
-            fill: e,
+            fill: t,
             d: "M19.388 8.07a.4.4 0 0 0-.034-.162.65.65 0 0 0-.174-.325L13.82 2.345a.69.69 0 0 0-.476-.194H5.84c-.638 0-1.221.574-1.221 1.205v17.277c0 .642.571 1.204 1.221 1.204h12.325c.664 0 1.221-.551 1.221-1.204zm-1.222 12.941H5.841c-.199 0-.4-.19-.4-.378V3.359c0-.174.218-.379.4-.379h6.818v2.474c0 .958.325 1.781.941 2.384.614.599 1.451.915 2.423.915h2.544v11.88c0 .193-.194.378-.4.378m.188-13.087H16.02c-.754 0-1.395-.238-1.852-.683-.454-.443-.692-1.062-.692-1.79V3.16zm-4.241 10.897h-.112c-.417-.006-.913-.182-.913-.984 0-.8.493-.974.902-.977h.117c.42.011.922.188.922.983 0 .793-.496.97-.916.978m.916-6.303-4.092-1.123v-.75l4.092 1.12zM9.203 16.77l-.112.003c-.418-.006-.914-.182-.914-.986 0-.798.49-.975.9-.978l.12.003c.42.011.922.188.922.984 0 .792-.499.969-.916.974m6.644-5.173c0-.32-.241-.586-.55-.62l-4.461-1.224-.107-.014a.62.62 0 0 0-.619.625v3.86a1.9 1.9 0 0 0-.896-.244l-.149-.002c-.79.008-1.711.481-1.711 1.803 0 1.32.927 1.802 1.725 1.813h.135c.762-.011 1.636-.465 1.706-1.656l.014-3.689 4.092 1.12v2.906a1.9 1.9 0 0 0-.905-.244h-.143c-.79.008-1.71.482-1.71 1.804 0 1.319.926 1.8 1.719 1.812h.14c.793-.014 1.72-.496 1.72-1.804z"
         })
     }));

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

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const t = (_param)=>{
-    var { color: l, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = i(), h = l !== null && l !== void 0 ? l : s ? o.colors.inverse : o.colors.neutralHigh;
+    const s = i(), h = e !== null && e !== void 0 ? e : s ? o.colors.inverse : o.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ r("path", {
             fill: h,
             d: "M19.387 8.152a.6.6 0 0 0-.047-.238.84.84 0 0 0-.213-.384l-5.213-5.126a.85.85 0 0 0-.605-.249h-7.3c-.725 0-1.386.658-1.386 1.384v16.919c0 .736.647 1.383 1.386 1.383h11.992c.75 0 1.386-.633 1.386-1.384zm-1.193 12.306c0 .072-.095.168-.19.168H6.011c-.093 0-.19-.11-.19-.169V3.54c.005-.06.117-.168.19-.168h6.434v2.218c0 .995.339 1.852.978 2.482.633.622 1.493.952 2.493.952h2.277zM13.639 3.823l4.05 3.984h-1.772c-.684 0-1.258-.213-1.664-.611-.4-.395-.614-.95-.614-1.608zm1.19 8.65-3.742-1.03v-.611l3.743 1.03zm0 5.255c0 .544-.26.824-.772.835v.003h-.104q-.77-.015-.77-.843c0-.205 0-.827.756-.835h.112c.515.011.779.297.779.84m-5.54-1.174v-.002h-.115q-.769-.015-.77-.843c0-.202 0-.827.756-.832h.11q.779.023.781.843c0 .543-.26.823-.762.834m6.577-4.943a.73.73 0 0 0-.63-.729L10.9 9.684l-.135-.02c-.397 0-.72.331-.72.735v3.59a2.1 2.1 0 0 0-.756-.167h-.143c-.823.008-1.784.507-1.784 1.888s.966 1.885 1.79 1.896h.143c.795-.017 1.709-.493 1.776-1.745l.014-3.33 3.742 1.033V16a2.1 2.1 0 0 0-.756-.168l-.143-.003c-.82.006-1.785.507-1.785 1.888s.967 1.885 1.79 1.896h.143c.827-.014 1.79-.518 1.79-1.888z"

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

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

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

@@ -79,22 +79,22 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
-    var { color: l, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: a, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), e = l !== null && l !== void 0 ? l : a ? r.colors.inverse : r.colors.neutralHigh;
+    const l = h(), t = a !== null && a !== void 0 ? a : l ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ o("path", {
-            fill: e,
+            fill: t,
             d: "M21.633 7.583a.67.67 0 0 1 .204.484v12.569c0 .65-.557 1.201-1.22 1.201H8.212c-.656 0-1.23-.568-1.23-1.201V19.45c-1.073-.544-4.227-2.305-4.554-4.224-.28-1.637-.278-5.395-.278-5.698v-.014c0-.123.056-.246.157-.319a.42.42 0 0 1 .353-.076c.97.156 1.484-.191 2.126-.625l.011-.008c.566-.378 1.205-.798 2.188-.896V3.353c0-.625.583-1.202 1.23-1.202h7.546c.18 0 .353.065.485.19zm-.613 13.053V8.746h-2.566c-.975 0-1.82-.315-2.434-.914-.622-.6-.95-1.423-.95-2.378V2.978H8.213c-.188 0-.41.204-.41.378V7.58c1.076.063 1.745.506 2.336.898l.024.015.015.01c.648.432 1.155.77 2.138.623a.4.4 0 0 1 .345.09c.09.075.146.19.146.305.008.081.008 1.12-.031 2.336h5.627c.23 0 .41.182.41.412a.41.41 0 0 1-.41.412h-5.65a28 28 0 0 1-.156 2.14h5.832c.23 0 .409.182.409.412 0 .22-.18.411-.41.411h-6.002c-.286.765-.983 1.499-1.762 2.115h7.767c.23 0 .41.182.41.412a.41.41 0 0 1-.41.412H9.507c-.737.467-1.392.806-1.703.963v1.095c0 .183.204.379.409.379h12.403c.205-.006.404-.197.404-.384m-17.78-5.55c.247 1.432 2.998 3.07 4.245 3.687a18 18 0 0 0 1.672-.955c1.18-.773 2.409-1.796 2.571-2.731.222-1.283.26-4.04.26-5.118-1.013.05-1.638-.366-2.233-.76l-.044-.03c-.613-.412-1.196-.798-2.23-.798h-.008c-1.026 0-1.597.381-2.208.79l-.013.008-.035.023c-.61.405-1.244.825-2.25.776.01 1.086.053 3.834.274 5.109M15.889 3.149v2.306c0 .722.246 1.342.706 1.787.46.454 1.106.683 1.86.683h2.35v-.002zM6.513 15.515a.41.41 0 0 0 .58 0l3.33-3.344a.411.411 0 1 0-.58-.583l-3.04 3.053-1.206-1.21a.41.41 0 1 0-.58.583z"
         })
     }));

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: a, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = s(), t = a !== null && a !== void 0 ? a : l ? o.colors.inverse : o.colors.neutralHigh;
+    const l = i(), t = a !== null && a !== void 0 ? a : l ? o.colors.inverse : o.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -98,5 +98,5 @@ const i = (_param)=>{
             d: "M21.58 7.538a.83.83 0 0 1 .266.62v12.31c0 .742-.641 1.378-1.403 1.378H8.294c-.745 0-1.395-.644-1.395-1.378v-1.03c-1.162-.614-4.123-2.331-4.459-4.225-.289-1.66-.283-5.473-.275-5.636a.593.593 0 0 1 .746-.58c.851.13 1.308-.17 1.935-.588.513-.347 1.132-.756 2.053-.893V3.54c0-.726.667-1.378 1.395-1.378h7.398c.224 0 .443.087.61.24zm-.938 12.93V9.02H18.33c-1.011 0-1.886-.33-2.527-.952-.641-.628-.986-1.485-.986-2.482V3.37H8.294c-.073 0-.193.112-.193.168v3.95c1.011.115 1.678.549 2.216.918v.001c.633.42 1.093.725 1.974.58a.62.62 0 0 1 .5.137.6.6 0 0 1 .215.45c0 .073 0 .978-.034 2.082h5.314a.61.61 0 0 1 .602.605.604.604 0 0 1-.602.605h-5.353a26 26 0 0 1-.12 1.703H18.3c.336 0 .602.266.602.605 0 .33-.266.605-.602.605h-5.745c-.258.588-.745 1.16-1.308 1.67H18.3c.336 0 .602.265.602.604 0 .331-.266.605-.602.605H9.616a19 19 0 0 1-1.515.863v.953c0 .056.095.168.193.168h12.149c.103-.006.199-.101.199-.174m-17.02-5.465c.202 1.16 2.431 2.653 3.955 3.417 1.524-.764 3.765-2.257 3.964-3.417.095-.58.16-1.49.201-2.395.031-.902.048-1.807.056-2.386-.97-.026-1.585-.433-2.148-.805l-.003-.002c-.594-.404-1.115-.75-2.07-.75-.949 0-1.461.342-2.059.742l-.01.008-.013.008c-.56.368-1.19.782-2.13.807.008 1.168.058 3.605.257 4.773M16.02 5.586c0 .66.215 1.218.624 1.613.41.404.995.614 1.687.614h1.806L16.02 3.82zm-5.415 5.877a.6.6 0 0 0-.851 0L6.919 14.31l-1.04-1.045a.6.6 0 0 0-.85 0 .605.605 0 0 0 0 .855l1.464 1.473a.6.6 0 0 0 .852 0l3.26-3.277a.605.605 0 0 0 0-.854"
         })
     }));
-}, m = i;
+}, m = s;
 export { m as default };