@ozdao/martyrs 0.2.485 → 0.2.487

package/src/modules/icons/components/IconSearchPopup.vue

@@ -0,0 +1,254 @@
+<template>
+  <Popup :title="mode === 'add' ? 'Add New Icon' : 'Replace Icon'" :isPopupOpen="isOpen" @close-popup="closePopup" class="bg-white pd-big radius-big w-max-60r">
+    <div class="icon-search-popup">
+      <div v-if="mode === 'add'" class="mn-b-medium cols-2 gap-small">
+        <input 
+          v-model="iconName" 
+          type="text" 
+          placeholder="Icon name (e.g., IconCart)"
+          class="pd-small radius-medium border-light"
+        />
+        <select v-model="category" class="pd-small radius-medium border-light">
+          <option value="">Select category</option>
+          <option value="navigation">Navigation</option>
+          <option value="entities">Entities</option>
+          <option value="actions">Actions</option>
+          <option value="socials">Socials</option>
+        </select>
+      </div>
+
+      <Feed
+        :search="true"
+        :showLoadMore="false"
+        :skeleton="{
+          hide: false,
+          horizontal: false,
+          structure: [
+            { block: 'image', size: 'medium' },
+            { block: 'text', size: 'small' }
+          ]
+        }"
+        :states="{
+          empty: {
+            title: 'No icons found',
+            description: 'Try searching for different terms'
+          }
+        }"
+        :store="{
+          read: (options) => store.read(options)
+        }"
+        :options="{ limit: 20 }"
+        v-slot="{ items }"
+        class="cols-4 gap-small icon-grid"
+      >
+        <div 
+          v-for="icon in items" 
+          :key="icon.id"
+          @click="selectIcon(icon)"
+          class="icon-item aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column cursor-pointer hover-scale-1 pd-small"
+        >
+          <div class="icon-preview w-3r h-3r mn-b-thin flex-center flex-v-center">
+            <div 
+              class="icon-svg w-100 h-100"
+              v-html="getIconSvg(icon)"
+            ></div>
+          </div>
+          <div class="t-small t-truncate w-100 t-center">{{ icon.term }}</div>
+        </div>
+      </Feed>
+
+      <div v-if="error" class="mn-t-medium pd-small bg-danger radius-medium t-white">
+        {{ error }}
+      </div>
+    </div>
+  </Popup>
+</template>
+
+<script setup>
+import { ref, watch, computed } from 'vue';
+import Popup from '@martyrs/src/components/Popup/Popup.vue';
+import Feed from '@martyrs/src/components/Feed/Feed.vue';
+
+const props = defineProps({
+  isOpen: {
+    type: Boolean,
+    default: false
+  },
+  mode: {
+    type: String,
+    default: 'add', // 'add' or 'replace'
+    validator: (value) => ['add', 'replace'].includes(value)
+  },
+  currentIcon: {
+    type: Object,
+    default: null
+  }
+});
+
+const emit = defineEmits(['close', 'icon-selected']);
+
+const error = ref('');
+const iconName = ref('');
+const category = ref('');
+const loading = ref(false);
+const searchValue = ref('');
+
+// Store configuration for Feed component
+const store = {
+  async read(params = {}) {
+    try {
+      if (!params.search) {
+        return [];
+      }
+
+      const response = await fetch('/api/icons/search', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(params)
+      });
+
+      const data = await response.json();
+      
+      if (!response.ok) {
+        throw new Error(data.error || 'Failed to search icons');
+      }
+
+      return data.icons || [];
+    } catch (err) {
+      console.error('Search error:', err);
+      error.value = err.message;
+      return [];
+    }
+  }
+};
+
+// Auto-populate fields for replace mode
+watch(() => props.isOpen, (newVal) => {
+  if (newVal && props.mode === 'replace' && props.currentIcon) {
+    iconName.value = props.currentIcon.name;
+    category.value = props.currentIcon.category;
+    // Set initial search term (remove Icon prefix)
+    searchValue.value = props.currentIcon.name.replace(/^Icon/, '');
+  }
+});
+
+// Function to get icon preview - use PNG with black filter for now
+function getIconSvg(icon) {
+  // Use the PNG preview from Noun Project but apply CSS filter to make it black
+  if (icon.preview_url) {
+    return `<img src="${icon.preview_url}" alt="${icon.term}" style="width: 100%; height: 100%; object-fit: contain; filter: brightness(0) saturate(100%);" />`;
+  }
+  
+  // Fallback SVG placeholder
+  return `
+    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <rect width="24" height="24" rx="4" fill="rgb(var(--black))" opacity="0.8"/>
+      <text x="12" y="16" text-anchor="middle" fill="white" font-size="8" font-family="monospace">
+        ${icon.term.slice(0, 3)}
+      </text>
+    </svg>
+  `;
+}
+
+async function selectIcon(icon) {
+  if (props.mode === 'add' && (!iconName.value || !category.value)) {
+    error.value = 'Please enter icon name and select category';
+    return;
+  }
+
+  loading.value = true;
+  error.value = '';
+
+  try {
+    const response = await fetch('/api/icons/save', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        iconId: icon.id,
+        category: category.value,
+        iconName: iconName.value,
+        mode: props.mode,
+        currentIconName: props.currentIcon?.name
+      })
+    });
+
+    const data = await response.json();
+    
+    if (!response.ok) {
+      throw new Error(data.error || 'Failed to save icon');
+    }
+
+    emit('icon-selected', {
+      ...data,
+      icon: {
+        name: iconName.value,
+        category: category.value,
+        term: icon.term
+      }
+    });
+    
+    closePopup();
+  } catch (err) {
+    console.error('Save error:', err);
+    error.value = err.message;
+  } finally {
+    loading.value = false;
+  }
+}
+
+function closePopup() {
+  error.value = '';
+  iconName.value = '';
+  category.value = '';
+  searchValue.value = '';
+  emit('close');
+}
+</script>
+
+<style scoped>
+.icon-search-popup {
+  min-height: 500px;
+}
+
+.icon-grid {
+  min-height: 400px;
+}
+
+.icon-item {
+  transition: all 0.2s ease;
+}
+
+.icon-item:hover {
+  background-color: rgb(var(--light-hover));
+  transform: scale(1.05);
+}
+
+.icon-preview {
+  background: rgb(var(--light));
+  border-radius: 8px;
+}
+
+.icon-svg {
+  filter: none;
+}
+
+.w-max-800 {
+  max-width: 800px;
+  width: 90vw;
+}
+
+:deep(.feed-enter-active),
+:deep(.feed-leave-active) {
+  transition: all 0.3s ease;
+}
+
+:deep(.feed-enter-from),
+:deep(.feed-leave-to) {
+  opacity: 0;
+  transform: scale(0.9);
+}
+</style>

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

@@ -0,0 +1,17 @@
+<template>
+<svg width="100pt" height="100pt" version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+<g :fill="fill">
+<path :fill="fill" d="m50 91.668c-1.1133-0.007813-2.1797-0.45703-2.957-1.25-3.125-3.168-30.375-31.461-30.375-48.75 0-11.91 6.3516-22.914 16.664-28.867 10.316-5.957 23.02-5.957 33.336 0 10.312 5.9531 16.664 16.957 16.664 28.867 0 17.293-27.25 45.582-30.375 48.75-0.77734 0.79297-1.8438 1.2422-2.957 1.25zm0-75c-6.6289 0-12.988 2.6328-17.676 7.3203-4.6914 4.6875-7.3242 11.047-7.3242 17.68 0 10.5 16 30.043 25 39.793 9-9.75 25-29.168 25-39.793 0-6.6328-2.6328-12.992-7.3242-17.68-4.6875-4.6875-11.047-7.3203-17.676-7.3203z"/>
+<path :fill="fill" d="m50 58.332c-4.4219 0-8.6602-1.7539-11.785-4.8789s-4.8828-7.3672-4.8828-11.785c0-4.4219 1.7578-8.6602 4.8828-11.785s7.3633-4.8828 11.785-4.8828 8.6602 1.7578 11.785 4.8828 4.8828 7.3633 4.8828 11.785c0 4.418-1.7578 8.6602-4.8828 11.785s-7.3633 4.8789-11.785 4.8789zm0-25c-3.3711 0-6.4102 2.0312-7.6992 5.1445-1.2891 3.1133-0.57812 6.6992 1.8086 9.082 2.3828 2.3828 5.9648 3.0977 9.0781 1.8086 3.1172-1.293 5.1445-4.3281 5.1445-7.6992 0-2.2109-0.875-4.332-2.4414-5.8945-1.5625-1.5625-3.6797-2.4414-5.8906-2.4414z"/>
+</g>
+</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>

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

@@ -1,7 +1,7 @@
 <template>
-	<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
-    <path :fill="fill" d="M3 43.5V18H45V43.5C45 45.9375 42.9375 48 40.5 48H7.5C5.0625 48 3 45.9375 3 43.5ZM33 25.5V28.5C33 29.3438 33.6562 30 34.5 30H37.5C38.3438 30 39 29.3438 39 28.5V25.5C39 24.6562 38.3438 24 37.5 24H34.5C33.6562 24 33 24.6562 33 25.5ZM33 37.5V40.5C33 41.3438 33.6562 42 34.5 42H37.5C38.3438 42 39 41.3438 39 40.5V37.5C39 36.6562 38.3438 36 37.5 36H34.5C33.6562 36 33 36.6562 33 37.5ZM21 25.5V28.5C21 29.3438 21.6562 30 22.5 30H25.5C26.3438 30 27 29.3438 27 28.5V25.5C27 24.6562 26.3438 24 25.5 24H22.5C21.6562 24 21 24.6562 21 25.5ZM21 37.5V40.5C21 41.3438 21.6562 42 22.5 42H25.5C26.3438 42 27 41.3438 27 40.5V37.5C27 36.6562 26.3438 36 25.5 36H22.5C21.6562 36 21 36.6562 21 37.5ZM9 25.5V28.5C9 29.3438 9.65625 30 10.5 30H13.5C14.3438 30 15 29.3438 15 28.5V25.5C15 24.6562 14.3438 24 13.5 24H10.5C9.65625 24 9 24.6562 9 25.5ZM9 37.5V40.5C9 41.3438 9.65625 42 10.5 42H13.5C14.3438 42 15 41.3438 15 40.5V37.5C15 36.6562 14.3438 36 13.5 36H10.5C9.65625 36 9 36.6562 9 37.5ZM40.5 6C42.9375 6 45 8.0625 45 10.5V15H3V10.5C3 8.0625 5.0625 6 7.5 6H12V1.5C12 0.65625 12.6562 0 13.5 0H16.5C17.3438 0 18 0.65625 18 1.5V6H30V1.5C30 0.65625 30.6562 0 31.5 0H34.5C35.3438 0 36 0.65625 36 1.5V6H40.5Z"/>
-  </svg>
+<svg width="100pt" height="100pt" version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+<path :fill="fill" d="m37.5 8.332c2.3008 0 4.168 1.8672 4.168 4.168v4.168h16.664v-4.168c0-2.3008 1.8672-4.168 4.168-4.168s4.168 1.8672 4.168 4.168v4.168h12.5c4.6016 0 8.332 3.7305 8.332 8.332v54.168c0 4.6016-3.7305 8.332-8.332 8.332h-58.336c-4.6016 0-8.332-3.7305-8.332-8.332v-54.168c0-4.6016 3.7305-8.332 8.332-8.332h12.5v-4.168c0-2.3008 1.8672-4.168 4.168-4.168zm-4.168 16.668h-12.5v12.5h58.336v-12.5h-12.5v4.168c0 2.3008-1.8672 4.1641-4.168 4.1641s-4.168-1.8633-4.168-4.1641v-4.168h-16.664v4.168c0 2.3008-1.8672 4.1641-4.168 4.1641s-4.168-1.8633-4.168-4.1641zm45.836 20.832h-58.336v33.336h58.336z"/>
+</svg>
 </template>
 
 <script setup>

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

@@ -0,0 +1,14 @@
+<template>
+<svg width="100pt" height="100pt" version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+<path :fill="fill" d="m8.332 25c0-4.6016 3.7305-8.332 8.3359-8.332h66.664c4.6055 0 8.3359 3.7305 8.3359 8.332v50c0 4.6016-3.7305 8.332-8.3359 8.332h-66.664c-4.6055 0-8.3359-3.7305-8.3359-8.332zm14.66 0 27.008 23.629 27.004-23.629zm60.34 5.5352-30.59 26.766c-1.5703 1.375-3.9141 1.375-5.4844 0l-30.59-26.766v44.465h66.664z"/>
+</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>

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

@@ -1,7 +1,7 @@
 <template>
-	<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80" fill="none">
-		<path :fill="fill" :class="$attrs.class" d="M40.4192 33.6535H40.4231C44.2049 33.6535 47.2716 36.7242 47.2716 40.506C47.2716 44.2917 44.2049 47.3584 40.4192 47.3584C36.6374 47.3584 33.5667 44.2917 33.5667 40.506C33.5667 36.7362 36.6136 33.6774 40.3794 33.6575L40.3913 33.6535H40.3953L40.4192 33.6535ZM56.0983 44.5582H56.1063C57.0835 44.5582 58.0607 44.9316 58.8035 45.6784L68.8299 55.7049C69.4417 56.3166 69.4417 57.3057 68.8339 57.9215H68.8299C68.5241 58.2274 68.1228 58.3783 67.7217 58.3783C67.3244 58.3783 66.9312 58.2313 66.6253 57.9334H66.6174L66.6134 57.9215L56.5909 47.899V47.895C56.4559 47.76 56.2771 47.6925 56.0984 47.6925C55.9315 47.6925 55.7647 47.752 55.6336 47.8752L41.3171 62.1876C41.0112 62.4935 40.61 62.6484 40.2088 62.6484C39.8077 62.6484 39.4104 62.4935 39.1045 62.1916V62.1955L39.1006 62.1876C38.4888 61.5759 38.4888 60.5828 39.1006 59.971L40.9954 58.0761V57.9768L38.8582 55.8396C38.7232 55.7045 38.5484 55.633 38.3696 55.633C38.2028 55.633 38.0359 55.6926 37.9048 55.8158L37.9485 55.8277L37.9009 55.8158L29.3602 64.3564C29.0543 64.6623 28.6491 64.8173 28.2479 64.8173C27.8586 64.8173 27.4613 64.6663 27.1594 64.3763H27.1555L27.1396 64.3565C26.5278 63.7447 26.5278 62.7516 27.1396 62.1398L35.6644 53.619L35.6684 53.611H35.6723C36.3993 52.8881 37.3447 52.5186 38.2981 52.5028H38.314C38.3299 52.4988 38.3537 52.4988 38.3696 52.4988C39.3468 52.4988 40.328 52.8722 41.0748 53.6191L43.212 55.7563L43.3114 55.7602L53.3974 45.6742C54.1283 44.9473 55.0777 44.5739 56.0351 44.5619H56.051H56.047C56.0669 44.5579 56.0825 44.5582 56.0983 44.5582ZM52.6543 8.00019V8.00416H52.6384C52.2967 8.00416 51.9512 8.04786 51.6016 8.13922L7.01895 20.0842C7.00703 20.0882 6.99511 20.0921 6.98319 20.0961L6.97922 20.1001C4.83012 20.696 3.56291 22.9165 4.13891 25.0735L14.0818 62.1837C14.5704 64.0031 16.219 65.2028 18.0146 65.2028C18.1417 65.2028 18.2688 65.1988 18.3959 65.1869L18.4038 29.5066C18.4038 25.975 21.2203 23.099 24.732 23.0037L24.7399 23.0077C24.7955 23.0037 24.8511 22.9998 24.9067 22.9998V23.0037H59.8L56.5903 11.0191C56.1017 9.19968 54.4537 8.00019 52.6543 8.00019ZM24.9071 25.4356H24.8912H24.8713H24.8673C22.6348 25.4595 20.8354 27.2749 20.8354 29.5074V67.9243C20.8354 70.1727 22.6587 71.996 24.9071 72H71.067C73.3154 71.996 75.1348 70.1727 75.1388 67.9243V29.5074C75.1348 27.259 73.3154 25.4356 71.067 25.4356H24.9071Z"/>
-	</svg>
+<svg width="100pt" height="100pt" version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+<path d="m75.102 23.398c0-1.8984-1.8984-3.3008-3.8008-2.8984l-28.199 6.1992c-1.3984 0.30078-2.3984 1.5-2.3984 2.8984v4.8984l34.5-7.5-0.003906-3.5977zm0 9.7031-34.5 7.5v34.5c0 4.8984-3.6992 9.1992-8.8008 10.102h-0.19922c-6.6992 1.3008-12.898-3.6016-12.898-10 0-4.8984 3.6016-9.1016 8.6992-10l7-1.3008v-34.301c0-4.1016 3-7.6992 7.3008-8.6016l28.199-6.1992c5.8984-1.3008 11.5 2.8984 11.5 8.6016v42.699c0 4.8984-3.6992 9.1992-8.8008 10.102h-0.19922c-6.6992 1.3008-12.898-3.6016-12.898-10 0-4.8984 3.6016-9.1016 8.6992-10l7-1.3008-0.003906-21.801zm0 27.898-5.6992 1.1016c-2.1016 0.39844-3.6992 2.1992-3.6992 4.1992 0 2.6992 2.6016 4.6992 5.3984 4.1992h0.19922c2.1992-0.39844 3.8008-2.1992 3.8008-4.3008zm-40.801 8.8984-5.6992 1.1016c-2.1016 0.39844-3.6992 2.1992-3.6992 4.1992 0 2.6992 2.6016 4.6992 5.3984 4.1992h0.19922c2.1992-0.39844 3.8008-2.1992 3.8008-4.3008z" fill-rule="evenodd"/>
+</svg>
 </template>
 
 <script setup>

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

@@ -0,0 +1,14 @@
+<template>
+<svg width="100pt" height="100pt" version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+<path :fill="fill" d="m73.676 100.02c-2.3125 0-4.6094-0.375-6.8008-1.1055-15.309-5.1328-29.223-13.734-40.652-25.141-11.406-11.426-20.008-25.34-25.137-40.648-1.3555-4.0273-1.4727-8.3711-0.33984-12.469 1.1367-4.0977 3.4727-7.7617 6.707-10.52l7.918-6.7812c2.875-2.4648 6.6289-3.6562 10.398-3.3008 3.7734 0.35156 7.2383 2.2227 9.6016 5.1836l10.047 12.57c3.2891 4.1289 3.6406 9.8711 0.87891 14.371l-4.582 7.4375h-0.003906c-1.0117 1.6406-0.76563 3.7656 0.59766 5.1328l12.918 12.918c1.3633 1.3633 3.4844 1.6094 5.1289 0.59766l7.4414-4.582c4.4961-2.7656 10.242-2.4141 14.371 0.87891l12.57 10.059c2.957 2.3672 4.8281 5.832 5.1836 9.6016 0.35547 3.7695-0.83594 7.5234-3.3008 10.398l-6.7852 7.918c-4.0312 4.7383-9.9375 7.4727-16.16 7.4805zm-49.223-91.691c-1.3398 0-2.6406 0.48047-3.6562 1.3555l-7.9219 6.7852c-4.0391 3.4375-5.5781 8.9883-3.8867 14.02 4.7188 14.082 12.633 26.883 23.125 37.395 10.516 10.488 23.316 18.402 37.398 23.121 5.0273 1.6914 10.582 0.15625 14.023-3.8828l6.7773-7.918c0.99219-1.1562 1.4727-2.6719 1.3281-4.1914-0.14062-1.5195-0.89844-2.918-2.0898-3.8711l-12.57-10.059c-1.375-1.0977-3.293-1.2148-4.793-0.28906l-7.4375 4.582c-4.9258 3.0586-11.309 2.3125-15.395-1.8008l-12.918-12.918v0.003906c-4.1172-4.0938-4.8672-10.488-1.8008-15.418l4.582-7.4375h0.003906c0.92188-1.5 0.80469-3.418-0.29297-4.793l-10.074-12.566c-1.0664-1.3398-2.6875-2.1211-4.4023-2.1172z"/>
+</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>

package/src/modules/icons/icons.client.js

@@ -1,25 +1,33 @@
 // Entities
+import IconAddress from './entities/IconAddress.vue';
 import IconBell from './entities/IconBell.vue';
 import IconCalendar from './entities/IconCalendar.vue';
 import IconCatalog from './entities/IconCatalog.vue';
 import IconCommunity from './entities/IconCommunity.vue';
 import IconDate from './entities/IconDate.vue';
+import IconDiscount from './entities/IconDiscount.vue';
 import IconEarn from './entities/IconEarn.vue';
+import IconEmail from './entities/IconEmail.vue';
 import IconEvents from './entities/IconEvents.vue';
 import IconFeatured from './entities/IconFeatured.vue';
+import IconFile from './entities/IconFile.vue';
 import IconFollowing from './entities/IconFollowing.vue';
 import IconGallery from './entities/IconGallery.vue';
 import IconGroups from './entities/IconGroups.vue';
 import IconHome from './entities/IconHome.vue';
 import IconEntityInfo from './entities/IconInfo.vue';
 import IconLeftovers from './entities/IconLeftovers.vue';
+import IconList from './entities/IconList.vue';
+import IconMusic from './entities/IconMusic.vue';
 import IconOrders from './entities/IconOrders.vue';
 import IconPayments from './entities/IconPayments.vue';
+import IconPhone from './entities/IconPhone.vue';
 import IconPopular from './entities/IconPopular.vue';
 import IconPrice from './entities/IconPrice.vue';
 import IconProducts from './entities/IconProducts.vue';
 import IconProfile from './entities/IconProfile.vue';
 import IconRecent from './entities/IconRecent.vue';
+import IconSettings from './entities/IconSettings.vue';
 import IconShopcart from './entities/IconShopcart.vue';
 import IconTime from './entities/IconTime.vue';
 
@@ -28,29 +36,41 @@ import LabelAppStore from './labels/LabelAppStore.vue';
 import LabelGooglePlay from './labels/LabelGooglePlay.vue';
 
 // Actions
+import IconDuplicate from './actions/IconDuplicate.vue';
+import IconShow from './actions/IconShow.vue';
 import IconShopcartAdd from './actions/IconShopcartAdd.vue';
 
 // Navigation
 import IconAdd from './navigation/IconAdd.vue';
 import IconArrow from './navigation/IconArrow.vue';
+import IconAttach from './navigation/IconAttach.vue';
+import IconCheck from './navigation/IconCheck.vue';
 import IconCheckmark from './navigation/IconCheckmark.vue';
 import IconChevronBottom from './navigation/IconChevronBottom.vue';
 import IconChevronLeft from './navigation/IconChevronLeft.vue';
 import IconChevronRight from './navigation/IconChevronRight.vue';
 import IconCross from './navigation/IconCross.vue';
 import IconDelete from './navigation/IconDelete.vue';
+import IconDoubleCheck from './navigation/IconDoubleCheck.vue';
 import IconEdit from './navigation/IconEdit.vue';
 import IconEllipsis from './navigation/IconEllipsis.vue';
 import IconFilter from './navigation/IconFilter.vue';
+import IconHeart from './navigation/IconHeart.vue';
 import IconInfo from './navigation/IconInfo.vue';
 import IconLike from './navigation/IconLike.vue';
 import IconMinus from './navigation/IconMinus.vue';
 import IconMute from './navigation/IconMute.vue';
+import IconPause from './navigation/IconPause.vue';
+import IconPlay from './navigation/IconPlay.vue';
 import IconPlus from './navigation/IconPlus.vue';
+import IconRefresh from './navigation/IconRefresh.vue';
 import IconSearch from './navigation/IconSearch.vue';
+import IconSend from './navigation/IconSend.vue';
+import IconShuffle from './navigation/IconShuffle.vue';
 import IconSort from './navigation/IconSort.vue';
 import IconUnMute from './navigation/IconUnMute.vue';
 import IconUpload from './navigation/IconUpload.vue';
+import IconVolume from './navigation/IconVolume.vue';
 
 // Placeholders
 import PlaceholderChat from './placeholders/PlaceholderChat.vue';
@@ -74,80 +94,114 @@ import Reddit from './socials/reddit.vue';
 import Telegram from './socials/telegram.vue';
 import Twitter from './socials/twitter.vue';
 import Vk from './socials/vk.vue';
+import Whatsapp from './socials/whatsapp.vue';
 import Youtube from './socials/youtube.vue';
 
+// Logos
+import Logotype from './logos/Logotype.vue';
+
 export {
+  // Socials
   Dribbble,
   Facebook,
+  Instagram,
+  Line,
+  Linkedin,
+  Reddit,
+  Telegram,
+  Twitter,
+  Vk,
+  Whatsapp,
+  Youtube,
+  
+  // Navigation
   IconAdd,
   IconArrow,
-  IconBell,
-  IconCalendar,
-  IconCatalog,
+  IconAttach,
+  IconCheck,
   IconCheckmark,
   IconChevronBottom,
   IconChevronLeft,
   IconChevronRight,
-  // Entities
-  IconCommunity,
-  // Navigation
   IconCross,
-  IconDate,
   IconDelete,
-  IconEarn,
+  IconDoubleCheck,
   IconEdit,
   IconEllipsis,
+  IconFilter,
+  IconHeart,
+  IconInfo,
+  IconLike,
+  IconMinus,
+  IconMute,
+  IconPause,
+  IconPlay,
+  IconPlus,
+  IconRefresh,
+  IconSearch,
+  IconSend,
+  IconShuffle,
+  IconSort,
+  IconUnMute,
+  IconUpload,
+  IconVolume,
+  
+  // Entities
+  IconAddress,
+  IconBell,
+  IconCalendar,
+  IconCatalog,
+  IconCommunity,
+  IconDate,
+  IconDiscount,
+  IconEarn,
+  IconEmail,
   IconEntityInfo,
   IconEvents,
   IconFeatured,
-  IconFilter,
+  IconFile,
   IconFollowing,
   IconGallery,
   IconGroups,
   IconHome,
-  IconInfo,
   IconLeftovers,
-  IconLike,
-  IconMinus,
-  IconMute,
+  IconList,
+  IconMusic,
   IconOrders,
   IconPayments,
-  IconPlus,
+  IconPhone,
   IconPopular,
   IconPrice,
   IconProducts,
   IconProfile,
   IconRecent,
-  IconSearch,
+  IconSettings,
   IconShopcart,
+  IconTime,
+  
   // Actions
+  IconDuplicate,
+  IconShow,
   IconShopcartAdd,
-  IconSort,
-  IconTime,
-  IconUnMute,
-  IconUpload,
-  Instagram,
-  LabelAppStore,
+  
   // Labels
+  LabelAppStore,
   LabelGooglePlay,
-  Line,
-  Linkedin,
+  
+  // Logos
+  Logotype,
+  
+  // Placeholders
   PlaceholderChat,
   PlaceholderImage,
   PlaceholderOrganizationPic,
-  // Placeholders
   PlaceholderUserpic,
-  Reddit,
+  
+  // Skeletons
   SkeletonBlogpost,
   SkeletonEvent,
-  // Skeletons
   SkeletonEventShort,
   SkeletonOrganization,
-  Telegram,
-  Twitter,
-  // Socials
-  Vk,
-  Youtube,
 };
 
 import iconsRouter from './router/icons.router.js';