@ozdao/martyrs 0.2.480 → 0.2.482

package/src/modules/globals/controllers/classes/abac/v2/abac-ws-fixed.js

@@ -0,0 +1,237 @@
+// @martyrs/src/modules/globals/controllers/classes/abac/abac.adapter.ws.js
+export default class ABACWebSocketAdapter {
+  constructor(abac) {
+    this.abac = abac;
+  }
+
+  /**
+   * WebSocket handler для проверки доступа
+   * @param {string} moduleName - Имя модуля
+   * @param {Object} [options] - Опции
+   * @returns {Function} Handler функция
+   */
+  handler(moduleName, options = {}) {
+    return async (ws, message) => {
+      try {
+        const { action = 'access', resource = moduleName } = options;
+        
+        const context = this._buildContext(ws, resource, action, message, options);
+        const accessResult = await this.abac.checkAccess(context, context.customPolicies);
+        
+        if (!accessResult.allow) {
+          await this._sendError(ws, 'ACCESS_DENIED', accessResult.reason);
+          return false;
+        }
+
+        // Проверка полей если включена
+        if (options.checkFields && message) {
+          const fieldsResult = await this.abac.checkFields(context, message, action);
+          
+          if (fieldsResult.errors.length > 0 && options.strictFieldsMode) {
+            await this._sendError(ws, 'FIELD_VALIDATION_ERROR', 'Field validation failed', {
+              fields: fieldsResult.errors
+            });
+            return false;
+          }
+          
+          // Возвращаем отфильтрованные данные
+          return {
+            allowed: true,
+            data: fieldsResult.transformed || fieldsResult.allowed,
+            fieldsResult
+          };
+        }
+
+        return true;
+      } catch (error) {
+        this.abac.logger?.error('WebSocket access control error', {
+          module: moduleName,
+          error: error.message,
+          stack: error.stack
+        });
+        
+        await this._sendError(ws, 'INTERNAL_ERROR', 'Access control error');
+        return false;
+      }
+    };
+  }
+
+  /**
+   * RPC handler для вызовов через WebSocket
+   * @param {string} module - Модуль
+   * @param {string} method - Метод
+   * @param {Object} [options] - Опции
+   * @returns {Function} RPC handler
+   */
+  rpcHandler(module, method, options = {}) {
+    return async (params, rpcContext) => {
+      try {
+        const context = this._buildRPCContext(rpcContext, module, method, params, options);
+        const accessResult = await this.abac.checkAccess(context, context.customPolicies);
+        
+        if (!accessResult.allow) {
+          throw new RPCError('ACCESS_DENIED', accessResult.reason);
+        }
+
+        // Проверка полей если нужно
+        if (options.checkFields && params) {
+          const fieldsResult = await this.abac.checkFields(context, params, method);
+          
+          if (fieldsResult.errors.length > 0) {
+            if (options.strictFieldsMode) {
+              throw new RPCError(
+                'FIELD_VALIDATION_ERROR',
+                `Fields validation failed: ${fieldsResult.errors.map(e => e.path).join(', ')}`
+              );
+            }
+            
+            // Логируем ошибки в нестрогом режиме
+            this.abac.logger?.warn('RPC field validation errors', {
+              module,
+              method,
+              errors: fieldsResult.errors
+            });
+          }
+          
+          // Возвращаем трансформированные данные
+          return fieldsResult.transformed || fieldsResult.allowed;
+        }
+
+        return params;
+      } catch (error) {
+        // Пробрасываем RPC ошибки как есть
+        if (error instanceof RPCError) {
+          throw error;
+        }
+        
+        this.abac.logger?.error('RPC access control error', {
+          module,
+          method,
+          error: error.message,
+          stack: error.stack
+        });
+        
+        throw new RPCError('INTERNAL_ERROR', 'Access control error');
+      }
+    };
+  }
+
+  /**
+   * Middleware для обработки WebSocket сообщений
+   * @param {Object} [options] - Опции
+   * @returns {Function} Middleware функция
+   */
+  messageMiddleware(options = {}) {
+    return async (ws, message, next) => {
+      try {
+        const { resource = 'message', action = 'send' } = options;
+        const context = this._buildContext(ws, resource, action, message, options);
+        
+        const accessResult = await this.abac.checkAccess(context, options.policies || {});
+        
+        if (!accessResult.allow) {
+          await this._sendError(ws, 'ACCESS_DENIED', accessResult.reason);
+          return;
+        }
+        
+        // Сохраняем результат в контексте WS
+        ws.abacContext = context;
+        ws.abacAccessResult = accessResult;
+        
+        next();
+      } catch (error) {
+        this.abac.logger?.error('WebSocket middleware error', {
+          error: error.message
+        });
+        
+        await this._sendError(ws, 'INTERNAL_ERROR', 'Access control error');
+      }
+    };
+  }
+
+  /**
+   * Построение контекста для WebSocket
+   * @private
+   */
+  _buildContext(ws, resource, action, data, options) {
+    return {
+      user: ws.userId || ws.user?.id,
+      resource,
+      action,
+      data: data || {},
+      socket: ws,
+      customPolicies: options.policies || {},
+      options,
+      // Дополнительная информация о соединении
+      connectionInfo: {
+        id: ws.id,
+        remoteAddress: ws._socket?.remoteAddress,
+        protocol: ws.protocol,
+        readyState: ws.readyState
+      }
+    };
+  }
+
+  /**
+   * Построение контекста для RPC
+   * @private
+   */
+  _buildRPCContext(rpcContext, module, method, params, options) {
+    return {
+      user: rpcContext.userId || rpcContext.user?.id,
+      resource: module,
+      action: method,
+      data: params || {},
+      socket: rpcContext.ws,
+      customPolicies: options.policies || {},
+      options,
+      rpcInfo: {
+        id: rpcContext.id,
+        module,
+        method,
+        timestamp: new Date().toISOString()
+      }
+    };
+  }
+
+  /**
+   * Отправка ошибки через WebSocket
+   * @private
+   */
+  async _sendError(ws, code, message, details = {}) {
+    if (ws.readyState !== 1) { // WebSocket.OPEN
+      return;
+    }
+    
+    try {
+      const errorMessage = JSON.stringify({
+        type: 'error',
+        error: {
+          code,
+          message,
+          ...details
+        },
+        timestamp: new Date().toISOString()
+      });
+      
+      ws.send(errorMessage);
+    } catch (error) {
+      this.abac.logger?.error('Failed to send WebSocket error', {
+        originalError: { code, message },
+        sendError: error.message
+      });
+    }
+  }
+}
+
+/**
+ * Класс для RPC ошибок
+ */
+class RPCError extends Error {
+  constructor(code, message, details = {}) {
+    super(message);
+    this.name = 'RPCError';
+    this.code = code;
+    this.details = details;
+  }
+}

package/src/modules/globals/globals.client.js

@@ -20,6 +20,7 @@ import * as storeGlobals from './views/store/globals.js';
 import * as appRenderer from './views/utils/vue-app-renderer.js';
 
 import alertPlugin from './views/plugins/alert.plugin.js';
+import popupAuthPlugin from './views/plugins/popup.auth.plugin.js';
 import datePickerPlugin from './views/plugins/date-picker.plugin.js';
 import storeDebuggerPlugin from './views/plugins/store-debugger/store-debugger.plugin.js';
 
@@ -42,6 +43,7 @@ function initializeGlobals(app, store, router, config, options = {}) {
   app.mixin(mixins.globalMixins);
 
   app.use(alertPlugin);
+  app.use(popupAuthPlugin);
   app.use(datePickerPlugin);
   app.use(storeDebuggerPlugin, store);
 

package/src/modules/globals/views/components/blocks/CardFooter.vue

@@ -3,14 +3,14 @@
     👁️ {{ views }}
     <span class="mn-r-small mn-l-small d-block">·</span>
     <div class="cursor-pointer">
-      <div class="cursor-pointer" @click="addReaction('like')" v-if="!isReacted">
+      <div class="cursor-pointer hover-bg-white" @click="addReaction('like')" v-if="!isReacted">
         👍 {{ reactionsCount }}
       </div>
-      <div class="cursor-pointer" @click="deleteReaction('like')" v-if="isReacted">
+      <div class="cursor-pointer hover-bg-white" @click="deleteReaction('like')" v-if="isReacted">
         👍 {{ reactionsCount }}
       </div>
     </div>
-    <span class="mn-r-small mn-l-small d-block">·</span>
+    <span class="mn-r-small hover-bg-white mn-l-small d-block">·</span>
     💬 {{ commentsCount }}
   </footer>
 </template>

package/src/modules/globals/views/components/blocks/CardHeader.vue

@@ -37,7 +37,7 @@
 
 				<div 
 					v-if="type !== 'short'"
-					class="flex flex-nowrap t-medium w-100 o-hidden pos-relative"
+					class="flex flex-nowrap t-medium w-100 pos-relative"
 				>
 					<span 
 						@click.stop="$router.push({

package/src/modules/globals/views/components/blocks/PopupAuth.vue

@@ -0,0 +1,66 @@
+<!-- @martyrs/src/modules/auth/views/components/AuthDialog.vue -->
+<template>
+  <Popup 
+    :isPopupOpen="authState.visible" 
+    @close-popup="closeAuth"
+    class="bg-white radius-medium pd-medium"
+  >
+    <div class="t-center">
+      <img loading="lazy" :src="'/logo/logo.svg'" class="i-extra radius-small mn-b-medium">
+      <h3 class="mn-b-medium">{{ authState.title || 'Welcome' }}</h3>
+      <p class="mn-b-semi t-transp">{{ authState.subtitle || 'Please sign in or create an account to continue.' }}</p>
+      
+      <div class="flex-column flex gap-thin">
+        <Button 
+          :submit="handleSignUp" 
+          class="bg-main radius-small mn-b-small pd-thin"
+        >
+          Sign Up
+        </Button>
+        
+        <span>
+          Already have an account? 
+          <a @click="handleSignIn" class="t-second cursor-pointer">Sign in</a>
+        </span>
+      </div>
+    </div>
+  </Popup>
+</template>
+
+<script setup>
+import { useRouter, useRoute } from 'vue-router';
+import Popup from '@martyrs/src/components/Popup/Popup.vue';
+import Button from '@martyrs/src/components/Button/Button.vue';
+
+const props = defineProps({
+  authState: {
+    type: Object,
+    required: true
+  },
+  closeAuth: {
+    type: Function,
+    required: true
+  }
+});
+
+const router = useRouter();
+const route = useRoute();
+
+const handleSignIn = async () => {
+  const returnUrl = props.authState.returnUrl || route.fullPath;
+  await router.push({ 
+    name: 'Sign In',
+    query: { returnUrl }
+  });
+  props.closeAuth('signin');
+};
+
+const handleSignUp = async () => {
+  const returnUrl = props.authState.returnUrl || route.fullPath;
+  await router.push({ 
+    name: 'Sign Up',
+    query: { returnUrl }
+  });
+  props.closeAuth('signup');
+};
+</script>

package/src/modules/globals/views/mixins/mixins.js

@@ -49,26 +49,45 @@ export function useGlobalMixins() {
     return currency;
   };
 
-   const formatPrice = number => {
-  try {
-    if (number == null) {
-      throw new TypeError('formatPrice: ожидается число, но получено null или undefined');
+  const formatPrice = number => {
+    try {
+      if (number == null) {
+        throw new TypeError('formatPrice: ожидается число, но получено null или undefined');
+      }
+
+      const currency = returnCurrency();
+      const absNumber = Math.abs(number)
+        .toFixed(2)
+        .replace('.', ',')
+        .replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
+
+      const sign = number < 0 ? '-' : '';
+      return `${sign} ${currency}${absNumber}`;
+    } catch (err) {
+      console.error(err);
+      return 'null';
+    }
+  };
+  
+  const replaceClasses = (original = '', map = null) => {
+    if (map == null && typeof original !== 'string') return '';
+    if (typeof map === 'string') {
+      const orig = typeof original === 'string' ? original.trim().split(/\s+/) : [];
+      const next = map.trim().split(/\s+/);
+      const replaceSet = new Set(next);
+      const replaced = orig.map(cls => (replaceSet.has(cls) ? next.find(c => c !== cls) || cls : cls));
+      const extra = next.filter(c => !orig.includes(c));
+      return [...new Set([...replaced, ...extra])].join(' ');
     }
 
-    const currency = returnCurrency();
-    const absNumber = Math.abs(number)
-      .toFixed(2)
-      .replace('.', ',')
-      .replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
-
-    const sign = number < 0 ? '-' : '';
-    return `${sign} ${currency}${absNumber}`;
-  } catch (err) {
-    console.error(err);
-    return 'null';
-  }
-};
+    if (typeof map === 'object' && map !== null) {
+      const orig = typeof original === 'string' ? original.trim().split(/\s+/) : [];
+      return orig.map(cls => map[cls] ?? cls).join(' ');
+    }
 
+    return typeof original === 'string' ? original.trim() : '';
+  };
+    
 
   const formatDate = (d, options = {}) => {
     var fixedDate = new Date(d);
@@ -274,6 +293,7 @@ export function useGlobalMixins() {
     formatPrice,
     formatDate,
     formateText,
+    replaceClasses,
     normalizeUrlParam,
     joinArrayToUrl,
     getMarketplaceLink,

package/src/modules/globals/views/plugins/popup.auth.plugin.js

@@ -0,0 +1,77 @@
+// @martyrs/src/modules/auth/views/plugins/authPlugin.js
+import { reactive, defineComponent, h, render } from 'vue';
+import PopupAuth from '@martyrs/src/modules/globals/views/components/blocks/PopupAuth.vue';
+
+// 1) Общее состояние и API
+const state = reactive({
+  visible: false,
+  title: 'Welcome',
+  subtitle: 'Please sign in or create an account to continue.',
+  returnUrl: '',
+  resolve: null,
+  reject: null
+});
+
+export function showAuth({ 
+  title = 'Welcome', 
+  subtitle = 'Please sign in or create an account to continue.',
+  returnUrl = ''
+} = {}) {
+  return new Promise((res, rej) => {
+    state.resolve = res;
+    state.reject = rej;
+    state.title = title;
+    state.subtitle = subtitle;
+    state.returnUrl = returnUrl;
+    state.visible = true;
+  });
+}
+
+export function closeAuth(result = null) {
+  state.visible = false;
+  state.resolve?.(result);
+  state.resolve = state.reject = null;
+}
+
+export function cancelAuth() {
+  state.visible = false;
+  state.reject?.(new Error('Authentication cancelled'));
+  state.resolve = state.reject = null;
+}
+
+// 2) Хост-компонент
+const AuthDialogHost = defineComponent({
+  name: 'AuthDialogHost',
+  setup() {
+    return () => {
+      if (!state.visible) return null;
+      
+      return h(PopupAuth, {
+        authState: state,
+        closeAuth: closeAuth,
+        'onClose-popup': cancelAuth
+      });
+    };
+  }
+});
+
+// 3) Плагин
+export default {
+  install(app) {
+    // 3.1) Глобальный метод
+    app.config.globalProperties.$auth = showAuth;
+    app.config.globalProperties.$showAuth = showAuth;
+    
+    // 3.2) Контейнер в body
+    if (typeof window !== 'undefined' && typeof document !== 'undefined') {
+      const container = document.createElement('div');
+      container.id = 'auth-dialog-host';
+      document.body.appendChild(container);
+      
+      // 3.3) Рендерим VNode в контексте основного app
+      const vnode = h(AuthDialogHost);
+      vnode.appContext = app._context;    // <-- ключевой момент
+      render(vnode, container);
+    }
+  }
+};

package/src/modules/icons/entities/IconList.vue

@@ -0,0 +1,14 @@
+<template>
+	<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path :fill="fill" :class="$attrs.class" fill-rule="evenodd" clip-rule="evenodd" d="M19.2258 22.1538C19.0902 22.5397 18.8686 22.8942 18.5732 23.1886C18.0545 23.7083 17.3502 24 16.6154 24H2.76923C2.03446 24 1.33015 23.7083 0.811383 23.1886C0.29169 22.6698 0 21.9655 0 21.2308V6.46154C0 5.72677 0.29169 5.02246 0.811383 4.50369C1.33015 3.984 2.03446 3.69231 2.76923 3.69231H3.69231V2.76923C3.69231 2.02892 3.99785 1.31815 4.54893 0.794769C5.08247 0.288 5.80432 0 6.55847 0H21.1338C21.888 0 22.6098 0.288 23.1434 0.794769C23.6945 1.31815 24 2.02892 24 2.76923V19.3846C24 20.1249 23.6945 20.8357 23.1434 21.3591C22.6098 21.8659 21.888 22.1538 21.1338 22.1538H19.2258ZM5.53846 3.69231H16.6154C17.3502 3.69231 18.0545 3.984 18.5732 4.50369C19.0929 5.02246 19.3846 5.72677 19.3846 6.46154V20.3077H21.1338C21.4098 20.3077 21.6766 20.2061 21.8723 20.0206C22.0505 19.8517 22.1538 19.6237 22.1538 19.3846V2.76923C22.1538 2.53015 22.0505 2.30215 21.8723 2.13323C21.6766 1.94769 21.4098 1.84615 21.1338 1.84615H6.55847C6.28247 1.84615 6.01569 1.94769 5.81999 2.13323C5.64184 2.30215 5.53846 2.53015 5.53846 2.76923V3.69231ZM17.5385 6.46154C17.5385 6.21692 17.4415 5.98154 17.268 5.80892C17.0954 5.63538 16.86 5.53846 16.6154 5.53846H2.76923C2.52462 5.53846 2.28923 5.63538 2.11661 5.80892C1.94308 5.98154 1.84615 6.21692 1.84615 6.46154V21.2308C1.84615 21.4754 1.94308 21.7108 2.11661 21.8834C2.28923 22.0569 2.52462 22.1538 2.76923 22.1538H16.6154C16.86 22.1538 17.0954 22.0569 17.268 21.8834C17.4415 21.7108 17.5385 21.4754 17.5385 21.2308V6.46154ZM4.61538 14.7692C4.10585 14.7692 3.69231 14.3557 3.69231 13.8462C3.69231 13.3366 4.10585 12.9231 4.61538 12.9231H14.7692C15.2788 12.9231 15.6923 13.3366 15.6923 13.8462C15.6923 14.3557 15.2788 14.7692 14.7692 14.7692H4.61538ZM4.61538 19.3846C4.10585 19.3846 3.69231 18.9711 3.69231 18.4615C3.69231 17.952 4.10585 17.5385 4.61538 17.5385H14.7692C15.2788 17.5385 15.6923 17.952 15.6923 18.4615C15.6923 18.9711 15.2788 19.3846 14.7692 19.3846H4.61538ZM4.61538 10.1538C4.10585 10.1538 3.69231 9.74031 3.69231 9.23077C3.69231 8.72123 4.10585 8.30769 4.61538 8.30769H14.7692C15.2788 8.30769 15.6923 8.72123 15.6923 9.23077C15.6923 9.74031 15.2788 10.1538 14.7692 10.1538H4.61538Z"/>
+	</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>

package/src/modules/icons/navigation/IconCheck.vue

@@ -21,9 +21,7 @@
 	const props = defineProps({
   fill: {
     type: String,
-    default: {
-      position: 'rgb(var(--black))'
-    }
+    default: 'rgb(var(--black))'
   },
 })
 </script>

package/src/modules/icons/navigation/IconDoubleCheck.vue

@@ -21,9 +21,7 @@
 	const props = defineProps({
   fill: {
     type: String,
-    default: {
-      position: 'rgb(var(--black))'
-    }
+    default: 'rgb(var(--black))'
   },
 })
 </script>

package/src/modules/icons/navigation/IconLike.vue

@@ -27,9 +27,7 @@
 	const props = defineProps({
   fill: {
     type: String,
-    default: {
-      position: 'rgb(var(--black))'
-    }
+    default: 'rgb(var(--black))'
   },
   isLiked: {
     type: Boolean,

package/src/modules/icons/navigation/IconMute.vue

@@ -21,9 +21,7 @@
 	const props = defineProps({
   fill: {
     type: String,
-    default: {
-      position: 'rgb(var(--black))'
-    }
+    default: 'rgb(var(--black))'
   },
 })
 </script>

package/src/modules/icons/navigation/IconPause.vue

@@ -21,9 +21,7 @@
 	const props = defineProps({
   fill: {
     type: String,
-    default: {
-      position: 'rgb(var(--black))'
-    }
+    default: 'rgb(var(--black))'
   },
 })
 </script>

package/src/modules/icons/navigation/IconPlay.vue

@@ -1,17 +1,14 @@
+<script setup>
+  const props = defineProps({
+    fill: {
+      type: String,
+      default: 'rgb(var(--black))'
+    },
+  })
+</script>
+
 <template>
-	<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80" fill="none">
-	  <path :fill="fill" d="M25.2765 9.37509L29.0265 5.93759C30.589 4.53134 32.9327 4.68759 34.339 6.25009L63.2453 37.8126C64.339 39.0626 64.339 40.9376 63.2453 42.1876L34.339 73.7501C32.9327 75.3126 30.589 75.4689 29.0265 74.0626L25.2765 70.6251C23.714 69.3751 23.5577 66.8751 24.964 65.4689L48.4015 40.0001L24.964 14.5313C23.5577 13.1251 23.714 10.6251 25.2765 9.37509Z"/>
+	<svg width="9" height="11" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path :fill="fill" d="M0.764999 10.9248C0.431975 11.1329 0 10.8935 0 10.5008V0.5008C0 0.108082 0.431975 -0.13134 0.764999 0.0768003L8.765 5.0768C9.07833 5.27263 9.07833 5.72896 8.765 5.9248L0.764999 10.9248ZM7.5566 5.5008L1 1.40292V9.59868L7.5566 5.5008Z"/>
 	</svg>
-</template>
-
-
-<script>
-	export default {
-	  props: {
-	    fill: {
-	      type: String,
-	      default: 'rgb(var(--black)'
-	    }
-	  }
-	}
-</script>
+</template>

package/src/modules/icons/navigation/IconRefresh.vue

@@ -21,9 +21,7 @@
 	const props = defineProps({
   fill: {
     type: String,
-    default: {
-      position: 'rgb(var(--black))'
-    }
+    default: 'rgb(var(--black))'
   },
 })
 </script>

package/src/modules/icons/navigation/IconShuffle.vue

@@ -1,31 +1,16 @@
+<script setup>
+  const props = defineProps({
+    fill: {
+      type: String,
+      default: 'rgb(var(--black))'
+    },
+  })
+</script>
+
 <template>
-	<svg 
-    width="19" 
-    height="15" 
-    viewBox="0 0 19 15" 
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path 
-			:fill="fill"
-      d="M9.97505 0.3828C10.3344 0.5453 10.5657 0.90155 10.5657 1.2953V13.2953C10.5657 13.6891 10.3344 14.0453 9.97505 14.2078C9.61567 14.3703 9.1938 14.3047 8.90005 14.0422L4.68442 10.2953H2.56567C1.46255 10.2953 0.565674 9.39843 0.565674 8.2953V6.2953C0.565674 5.19218 1.46255 4.2953 2.56567 4.2953H4.68442L8.90005 0.548425C9.1938 0.285925 9.61567 0.223425 9.97505 0.3828Z"
-    />
-    <path 
-      :fill="fill"
-      d="M15.5657 6.23301L13.8469 4.51426C13.5563 4.22051 13.0813 4.22363 12.7876 4.51426C12.4938 4.80488 12.4938 5.27988 12.7876 5.57363L14.5063 7.29238L12.7876 9.01113C12.4938 9.30176 12.4969 9.77676 12.7876 10.0705C13.0782 10.3643 13.5532 10.3643 13.8469 10.0705L15.5657 8.35176L17.2844 10.0705C17.5751 10.3643 18.0501 10.3611 18.3438 10.0705C18.6376 9.77988 18.6376 9.30488 18.3438 9.01113L16.6251 7.29238L18.3438 5.57363C18.6376 5.28301 18.6344 4.80801 18.3438 4.51426C18.0532 4.22051 17.5782 4.22051 17.2844 4.51426L15.5657 6.23301Z"
-    />
+	<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path :fill="fill" d="M9.29319 8.9997H7.8378C6.83508 8.9997 5.89891 8.49855 5.34196 7.66433C5.18863 7.43466 5.25051 7.12419 5.48017 6.97086C5.70984 6.81753 6.02031 6.87941 6.17364 7.10907C6.54516 7.66555 7.16937 7.9997 7.8378 7.9997H9.29259L8.14645 6.85355C7.95118 6.65829 7.95118 6.34171 8.14645 6.14645C8.34171 5.95118 8.65829 5.95118 8.85355 6.14645L10.8536 8.14645C11.0488 8.34171 11.0488 8.65829 10.8536 8.85355L8.85355 10.8536C8.65829 11.0488 8.34171 11.0488 8.14645 10.8536C7.95118 10.6583 7.95118 10.3417 8.14645 10.1464L9.29319 8.9997ZM9.29289 3H7.838C7.16957 3 6.54536 3.33415 6.17403 3.89035L3.65784 7.66463C3.10089 8.49885 2.16472 9 1.162 9H0.5C0.223858 9 0 8.77614 0 8.5C0 8.22386 0.223858 8 0.5 8H1.162C1.83044 8 2.45464 7.66585 2.82597 7.10965L5.34216 3.33537C5.89911 2.50115 6.83528 2 7.838 2H9.29289L8.14645 0.853553C7.95118 0.658291 7.95118 0.341709 8.14645 0.146447C8.34171 -0.0488155 8.65829 -0.0488155 8.85355 0.146447L10.8536 2.14645C11.0488 2.34171 11.0488 2.65829 10.8536 2.85355L8.85355 4.85355C8.65829 5.04882 8.34171 5.04882 8.14645 4.85355C7.95118 4.65829 7.95118 4.34171 8.14645 4.14645L9.29289 3ZM0.5 3C0.223858 3 0 2.77614 0 2.5C0 2.22386 0.223858 2 0.5 2H1.162C2.16472 2 3.10089 2.50115 3.65784 3.33537C3.81117 3.56504 3.74929 3.87551 3.51963 4.02884C3.28996 4.18217 2.97949 4.12029 2.82616 3.89063C2.45464 3.33414 1.83044 3 1.162 3H0.5Z"/>
   </svg>
 </template>
 
-<script setup>
-	const props = defineProps({
-  fill: {
-    type: String,
-    default: {
-      position: 'rgb(var(--black))'
-    }
-  },
-})
-</script>
-
 

package/src/modules/icons/navigation/IconUnMute.vue

@@ -17,9 +17,7 @@
 	const props = defineProps({
   fill: {
     type: String,
-    default: {
-      position: 'rgb(var(--black))'
-    }
+    default: 'rgb(var(--black))'
   },
 })
 </script>