@ozdao/martyrs 0.2.483 → 0.2.485

package/dist/martyrs/src/modules/icons/navigation/IconHeart.vue.js

@@ -0,0 +1,34 @@
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  width: "26",
+  height: "26",
+  viewBox: "0 0 26 26",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = ["fill"];
+const _sfc_main = {
+  __name: "IconHeart",
+  props: {
+    fill: {
+      type: String,
+      default: "rgb(var(--black))"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", _hoisted_1, [
+        createElementVNode("path", {
+          fill: __props.fill,
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z"
+        }, null, 8, _hoisted_2)
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=IconHeart.vue.js.map

package/dist/martyrs/src/modules/icons/navigation/IconHeart.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconHeart.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/icons/pages/IconsPage.vue.cjs

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const IconInfo = require("../navigation/IconInfo.vue.cjs");
+const IconInfo$1 = require("../navigation/IconInfo.vue.cjs");
 const IconMinus = require("../navigation/IconMinus.vue.cjs");
 const IconEllipsis = require("../navigation/IconEllipsis.vue.cjs");
 const IconPlus = require("../navigation/IconPlus.vue.cjs");
+const IconHeart = require("../navigation/IconHeart.vue.cjs");
 const IconCheckmark = require("../navigation/IconCheckmark.vue.cjs");
 const IconPause = require("../navigation/IconPause.vue.cjs");
 const IconAdd = require("../navigation/IconAdd.vue.cjs");
@@ -30,7 +31,7 @@ const IconSend = require("../navigation/IconSend.vue.cjs");
 const IconArrow = require("../navigation/IconArrow.vue.cjs");
 const IconPlay = require("../navigation/IconPlay.vue.cjs");
 const IconShuffle = require("../navigation/IconShuffle.vue.cjs");
-const IconInfo$1 = require("../entities/IconInfo.vue.cjs");
+const IconInfo = require("../entities/IconInfo.vue.cjs");
 const IconPrice = require("../entities/IconPrice.vue.cjs");
 const IconCalendar = require("../entities/IconCalendar.vue.cjs");
 const IconPayments = require("../entities/IconPayments.vue.cjs");
@@ -46,8 +47,11 @@ const IconProducts = require("../entities/IconProducts.vue.cjs");
 const IconCatalog = require("../entities/IconCatalog.vue.cjs");
 const IconShopcart = require("../entities/IconShopcart.vue.cjs");
 const IconRecent = require("../entities/IconRecent.vue.cjs");
+const IconList = require("../entities/IconList.vue.cjs");
+const IconSettings = require("../entities/IconSettings.vue.cjs");
 const IconEarn = require("../entities/IconEarn.vue.cjs");
 const IconPopular = require("../entities/IconPopular.vue.cjs");
+const IconDiscount = require("../entities/IconDiscount.vue.cjs");
 const IconDate = require("../entities/IconDate.vue.cjs");
 const IconFeatured = require("../entities/IconFeatured.vue.cjs");
 const IconLeftovers = require("../entities/IconLeftovers.vue.cjs");
@@ -71,6 +75,7 @@ const youtube = require("../socials/youtube.vue.cjs");
 const line = require("../socials/line.vue.cjs");
 const IconDuplicate = require("../actions/IconDuplicate.vue.cjs");
 const IconShopcartAdd = require("../actions/IconShopcartAdd.vue.cjs");
+const IconShow = require("../actions/IconShow.vue.cjs");
 const LabelGooglePlay = require("../labels/LabelGooglePlay.vue.cjs");
 const LabelAppStore = require("../labels/LabelAppStore.vue.cjs");
 const Logotype = require("../logos/Logotype.vue.cjs");
@@ -96,6 +101,106 @@ const _hoisted_8 = {
 const _sfc_main = {
   __name: "IconsPage",
   setup(__props) {
+    const iconsMap = {
+      navigation: {
+        IconInfo: IconInfo$1.default,
+        IconMinus: IconMinus.default,
+        IconEllipsis: IconEllipsis.default,
+        IconPlus: IconPlus.default,
+        IconHeart: IconHeart.default,
+        IconCheckmark: IconCheckmark.default,
+        IconPause: IconPause.default,
+        IconAdd: IconAdd.default,
+        IconVolume: IconVolume.default,
+        IconUnMute: IconUnMute.default,
+        IconCross: IconCross.default,
+        IconDoubleCheck: IconDoubleCheck.default,
+        IconSearch: IconSearch.default,
+        IconChevronRight: IconChevronRight.default,
+        IconLike: IconLike.default,
+        IconDelete: IconDelete.default,
+        IconCheck: IconCheck.default,
+        IconFilter: IconFilter.default,
+        IconAttach: IconAttach.default,
+        IconRefresh: IconRefresh.default,
+        IconUpload: IconUpload.default,
+        IconSort: IconSort.default,
+        IconChevronBottom: IconChevronBottom.default,
+        IconChevronLeft: IconChevronLeft.default,
+        IconEdit: IconEdit.default,
+        IconMute: IconMute.default,
+        IconSend: IconSend.default,
+        IconArrow: IconArrow.default,
+        IconPlay: IconPlay.default,
+        IconShuffle: IconShuffle.default
+      },
+      entities: {
+        IconInfo: IconInfo.default,
+        IconPrice: IconPrice.default,
+        IconCalendar: IconCalendar.default,
+        IconPayments: IconPayments.default,
+        IconBell: IconBell.default,
+        IconTime: IconTime.default,
+        IconCommunity: IconCommunity.default,
+        IconGallery: IconGallery.default,
+        IconFile: IconFile.default,
+        IconFollowing: IconFollowing.default,
+        IconEvents: IconEvents.default,
+        IconHome: IconHome.default,
+        IconProducts: IconProducts.default,
+        IconCatalog: IconCatalog.default,
+        IconShopcart: IconShopcart.default,
+        IconRecent: IconRecent.default,
+        IconList: IconList.default,
+        IconSettings: IconSettings.default,
+        IconEarn: IconEarn.default,
+        IconPopular: IconPopular.default,
+        IconDiscount: IconDiscount.default,
+        IconDate: IconDate.default,
+        IconFeatured: IconFeatured.default,
+        IconLeftovers: IconLeftovers.default,
+        IconOrders: IconOrders.default,
+        IconMusic: IconMusic.default,
+        IconProfile: IconProfile.default,
+        IconGroups: IconGroups.default
+      },
+      placeholders: {
+        PlaceholderOrganizationPic: PlaceholderOrganizationPic.default,
+        PlaceholderChat: PlaceholderChat.default,
+        PlaceholderImage: PlaceholderImage.default,
+        PlaceholderUserpic: PlaceholderUserpic.default
+      },
+      socials: {
+        vk: vk.default,
+        instagram: instagram.default,
+        telegram: telegram.default,
+        twitter: twitter.default,
+        linkedin: linkedin.default,
+        reddit: reddit.default,
+        dribbble: dribbble.default,
+        facebook: facebook.default,
+        youtube: youtube.default,
+        line: line.default
+      },
+      actions: {
+        IconDuplicate: IconDuplicate.default,
+        IconShopcartAdd: IconShopcartAdd.default,
+        IconShow: IconShow.default
+      },
+      labels: {
+        LabelGooglePlay: LabelGooglePlay.default,
+        LabelAppStore: LabelAppStore.default
+      },
+      logos: {
+        Logotype: Logotype.default
+      },
+      skeletons: {
+        SkeletonEventShort: SkeletonEventShort.default,
+        SkeletonBlogpost: SkeletonBlogpost.default,
+        SkeletonOrganization: SkeletonOrganization.default,
+        SkeletonEvent: SkeletonEvent.default
+      }
+    };
     const categories = vue.ref([]);
     const copiedIcon = vue.ref("");
     const displayNotification = vue.ref(false);
@@ -104,125 +209,13 @@ const _sfc_main = {
       loadIcons();
     });
     function loadIcons() {
-      categories.value = [
-        {
-          name: "navigation",
-          icons: [
-            { name: "IconInfo", component: IconInfo.default },
-            { name: "IconMinus", component: IconMinus.default },
-            { name: "IconEllipsis", component: IconEllipsis.default },
-            { name: "IconPlus", component: IconPlus.default },
-            { name: "IconCheckmark", component: IconCheckmark.default },
-            { name: "IconPause", component: IconPause.default },
-            { name: "IconAdd", component: IconAdd.default },
-            { name: "IconVolume", component: IconVolume.default },
-            { name: "IconUnMute", component: IconUnMute.default },
-            { name: "IconCross", component: IconCross.default },
-            { name: "IconDoubleCheck", component: IconDoubleCheck.default },
-            { name: "IconSearch", component: IconSearch.default },
-            { name: "IconChevronRight", component: IconChevronRight.default },
-            { name: "IconLike", component: IconLike.default },
-            { name: "IconDelete", component: IconDelete.default },
-            { name: "IconCheck", component: IconCheck.default },
-            { name: "IconFilter", component: IconFilter.default },
-            { name: "IconAttach", component: IconAttach.default },
-            { name: "IconRefresh", component: IconRefresh.default },
-            { name: "IconUpload", component: IconUpload.default },
-            { name: "IconSort", component: IconSort.default },
-            { name: "IconChevronBottom", component: IconChevronBottom.default },
-            { name: "IconChevronLeft", component: IconChevronLeft.default },
-            { name: "IconEdit", component: IconEdit.default },
-            { name: "IconMute", component: IconMute.default },
-            { name: "IconSend", component: IconSend.default },
-            { name: "IconArrow", component: IconArrow.default },
-            { name: "IconPlay", component: IconPlay.default },
-            { name: "IconShuffle", component: IconShuffle.default }
-          ]
-        },
-        {
-          name: "entities",
-          icons: [
-            { name: "IconInfo", component: IconInfo$1.default },
-            { name: "IconPrice", component: IconPrice.default },
-            { name: "IconCalendar", component: IconCalendar.default },
-            { name: "IconPayments", component: IconPayments.default },
-            { name: "IconBell", component: IconBell.default },
-            { name: "IconTime", component: IconTime.default },
-            { name: "IconCommunity", component: IconCommunity.default },
-            { name: "IconGallery", component: IconGallery.default },
-            { name: "IconFile", component: IconFile.default },
-            { name: "IconFollowing", component: IconFollowing.default },
-            { name: "IconEvents", component: IconEvents.default },
-            { name: "IconHome", component: IconHome.default },
-            { name: "IconProducts", component: IconProducts.default },
-            { name: "IconCatalog", component: IconCatalog.default },
-            { name: "IconShopcart", component: IconShopcart.default },
-            { name: "IconRecent", component: IconRecent.default },
-            { name: "IconEarn", component: IconEarn.default },
-            { name: "IconPopular", component: IconPopular.default },
-            { name: "IconDate", component: IconDate.default },
-            { name: "IconFeatured", component: IconFeatured.default },
-            { name: "IconLeftovers", component: IconLeftovers.default },
-            { name: "IconOrders", component: IconOrders.default },
-            { name: "IconMusic", component: IconMusic.default },
-            { name: "IconProfile", component: IconProfile.default },
-            { name: "IconGroups", component: IconGroups.default }
-          ]
-        },
-        {
-          name: "placeholders",
-          icons: [
-            { name: "PlaceholderOrganizationPic", component: PlaceholderOrganizationPic.default },
-            { name: "PlaceholderChat", component: PlaceholderChat.default },
-            { name: "PlaceholderImage", component: PlaceholderImage.default },
-            { name: "PlaceholderUserpic", component: PlaceholderUserpic.default }
-          ]
-        },
-        {
-          name: "socials",
-          icons: [
-            { name: "vk", component: vk.default },
-            { name: "instagram", component: instagram.default },
-            { name: "telegram", component: telegram.default },
-            { name: "twitter", component: twitter.default },
-            { name: "linkedin", component: linkedin.default },
-            { name: "reddit", component: reddit.default },
-            { name: "dribbble", component: dribbble.default },
-            { name: "facebook", component: facebook.default },
-            { name: "youtube", component: youtube.default },
-            { name: "line", component: line.default }
-          ]
-        },
-        {
-          name: "actions",
-          icons: [
-            { name: "IconDuplicate", component: IconDuplicate.default },
-            { name: "IconShopcartAdd", component: IconShopcartAdd.default }
-          ]
-        },
-        {
-          name: "labels",
-          icons: [
-            { name: "LabelGooglePlay", component: LabelGooglePlay.default },
-            { name: "LabelAppStore", component: LabelAppStore.default }
-          ]
-        },
-        {
-          name: "logos",
-          icons: [
-            { name: "Logotype", component: Logotype.default }
-          ]
-        },
-        {
-          name: "skeletons",
-          icons: [
-            { name: "SkeletonEventShort", component: SkeletonEventShort.default },
-            { name: "SkeletonBlogpost", component: SkeletonBlogpost.default },
-            { name: "SkeletonOrganization", component: SkeletonOrganization.default },
-            { name: "SkeletonEvent", component: SkeletonEvent.default }
-          ]
-        }
-      ];
+      categories.value = Object.entries(iconsMap).map(([categoryName, icons]) => ({
+        name: categoryName,
+        icons: Object.entries(icons).map(([name, component]) => ({
+          name,
+          component
+        }))
+      }));
     }
     function formatCategoryName(name) {
       return name.charAt(0).toUpperCase() + name.slice(1);
@@ -271,6 +264,6 @@ const _sfc_main = {
     };
   }
 };
-const IconsPage = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-4b92037a"]]);
+const IconsPage = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-e6d7e69a"]]);
 exports.default = IconsPage;
 //# sourceMappingURL=IconsPage.vue.cjs.map

package/dist/martyrs/src/modules/icons/pages/IconsPage.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconsPage.vue.cjs","sources":["../../../../../../src/modules/icons/pages/IconsPage.vue"],"sourcesContent":["<template>\n  <div class=\"pd-medium\">\n    <h2 class=\"mn-b-medium\">Martyrs Icons Gallery</h2>\n    \n    <div v-for=\"(category, index) in categories\" :key=\"index\" class=\"mn-b-large\">\n      <h3 class=\"mn-b-medium t-medium\">{{ formatCategoryName(category.name) }} ({{ category.icons.length }})</h3>\n      <div class=\"cols-6 gap-thin\">\n        <div \n          v-for=\"(icon, iconIndex) in category.icons\" \n          :key=\"iconIndex\" \n          class=\"aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column flex hover-scale-1 cursor-pointer\"\n          @click=\"copyIconName(icon.name, category.name)\"\n        >\n          <div class=\"flex-center flex h-60\">\n            <component :is=\"icon.component\" class=\"w-2r h-2r\" />\n          </div>\n          <div class=\"pd-t-thin pd-b-thin t-center t-small t-truncate\">\n            {{ icon.name }}\n          </div>\n          <div v-if=\"copiedIcon === icon.name\" class=\"pd-thin bg-black radius-small t-small t-white pos-absolute pos-t-0 pos-r-0 mn-t-thin mn-r-thin\">\n            Copied!\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div v-if=\"displayNotification\" class=\"notification bg-third pd-small radius-medium pos-fixed pos-b-0 pos-r-0 mn-b-large mn-r-large\">\n      {{ notificationMessage }}\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\n// Import navigation icons\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue';\nimport IconMinus from '@martyrs/src/modules/icons/navigation/IconMinus.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\nimport IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue';\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\nimport IconPause from '@martyrs/src/modules/icons/navigation/IconPause.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\nimport IconVolume from '@martyrs/src/modules/icons/navigation/IconVolume.vue';\nimport IconUnMute from '@martyrs/src/modules/icons/navigation/IconUnMute.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\nimport IconDoubleCheck from '@martyrs/src/modules/icons/navigation/IconDoubleCheck.vue';\nimport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\nimport IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\nimport IconLike from '@martyrs/src/modules/icons/navigation/IconLike.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconCheck from '@martyrs/src/modules/icons/navigation/IconCheck.vue';\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue';\nimport IconAttach from '@martyrs/src/modules/icons/navigation/IconAttach.vue';\nimport IconRefresh from '@martyrs/src/modules/icons/navigation/IconRefresh.vue';\nimport IconUpload from '@martyrs/src/modules/icons/navigation/IconUpload.vue';\nimport IconSort from '@martyrs/src/modules/icons/navigation/IconSort.vue';\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue';\nimport IconChevronLeft from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue';\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\nimport IconMute from '@martyrs/src/modules/icons/navigation/IconMute.vue';\nimport IconSend from '@martyrs/src/modules/icons/navigation/IconSend.vue';\nimport IconArrow from '@martyrs/src/modules/icons/navigation/IconArrow.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconShuffle from '@martyrs/src/modules/icons/navigation/IconShuffle.vue';\n\n// Import entities icons\nimport IconInfoEntities from '@martyrs/src/modules/icons/entities/IconInfo.vue';\nimport IconPrice from '@martyrs/src/modules/icons/entities/IconPrice.vue';\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue';\nimport IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue';\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\nimport IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue';\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue';\nimport IconFile from '@martyrs/src/modules/icons/entities/IconFile.vue';\nimport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue';\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\nimport IconHome from '@martyrs/src/modules/icons/entities/IconHome.vue';\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue';\nimport IconCatalog from '@martyrs/src/modules/icons/entities/IconCatalog.vue';\nimport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue';\nimport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue';\nimport IconEarn from '@martyrs/src/modules/icons/entities/IconEarn.vue';\nimport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue';\nimport IconDate from '@martyrs/src/modules/icons/entities/IconDate.vue';\nimport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue';\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue';\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue';\nimport IconMusic from '@martyrs/src/modules/icons/entities/IconMusic.vue';\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue';\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue';\n\n// Import placeholders icons\nimport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue';\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue';\n\n// Import socials icons\nimport Vk from '@martyrs/src/modules/icons/socials/vk.vue';\nimport Instagram from '@martyrs/src/modules/icons/socials/instagram.vue';\nimport Telegram from '@martyrs/src/modules/icons/socials/telegram.vue';\nimport Twitter from '@martyrs/src/modules/icons/socials/twitter.vue';\nimport Linkedin from '@martyrs/src/modules/icons/socials/linkedin.vue';\nimport Reddit from '@martyrs/src/modules/icons/socials/reddit.vue';\nimport Dribbble from '@martyrs/src/modules/icons/socials/dribbble.vue';\nimport Facebook from '@martyrs/src/modules/icons/socials/facebook.vue';\nimport Youtube from '@martyrs/src/modules/icons/socials/youtube.vue';\nimport Line from '@martyrs/src/modules/icons/socials/line.vue';\n\n// Import actions icons\nimport IconDuplicate from '@martyrs/src/modules/icons/actions/IconDuplicate.vue';\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue';\n\n// Import labels icons\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue';\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue';\n\n// Import logos icons\nimport Logotype from '@martyrs/src/modules/icons/logos/Logotype.vue';\n\n// Import skeletons icons\nimport SkeletonEventShort from '@martyrs/src/modules/icons/skeletons/SkeletonEventShort.vue';\nimport SkeletonBlogpost from '@martyrs/src/modules/icons/skeletons/SkeletonBlogpost.vue';\nimport SkeletonOrganization from '@martyrs/src/modules/icons/skeletons/SkeletonOrganization.vue';\nimport SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue';\n\nconst categories = ref([]);\nconst copiedIcon = ref('');\nconst displayNotification = ref(false);\nconst notificationMessage = ref('');\n\nonMounted(() => {\n  loadIcons();\n});\n\nfunction loadIcons() {\n  categories.value = [\n    {\n      name: 'navigation',\n      icons: [\n        { name: 'IconInfo', component: IconInfo },\n        { name: 'IconMinus', component: IconMinus },\n        { name: 'IconEllipsis', component: IconEllipsis },\n        { name: 'IconPlus', component: IconPlus },\n        { name: 'IconCheckmark', component: IconCheckmark },\n        { name: 'IconPause', component: IconPause },\n        { name: 'IconAdd', component: IconAdd },\n        { name: 'IconVolume', component: IconVolume },\n        { name: 'IconUnMute', component: IconUnMute },\n        { name: 'IconCross', component: IconCross },\n        { name: 'IconDoubleCheck', component: IconDoubleCheck },\n        { name: 'IconSearch', component: IconSearch },\n        { name: 'IconChevronRight', component: IconChevronRight },\n        { name: 'IconLike', component: IconLike },\n        { name: 'IconDelete', component: IconDelete },\n        { name: 'IconCheck', component: IconCheck },\n        { name: 'IconFilter', component: IconFilter },\n        { name: 'IconAttach', component: IconAttach },\n        { name: 'IconRefresh', component: IconRefresh },\n        { name: 'IconUpload', component: IconUpload },\n        { name: 'IconSort', component: IconSort },\n        { name: 'IconChevronBottom', component: IconChevronBottom },\n        { name: 'IconChevronLeft', component: IconChevronLeft },\n        { name: 'IconEdit', component: IconEdit },\n        { name: 'IconMute', component: IconMute },\n        { name: 'IconSend', component: IconSend },\n        { name: 'IconArrow', component: IconArrow },\n        { name: 'IconPlay', component: IconPlay },\n        { name: 'IconShuffle', component: IconShuffle }\n      ]\n    },\n    {\n      name: 'entities',\n      icons: [\n        { name: 'IconInfo', component: IconInfoEntities },\n        { name: 'IconPrice', component: IconPrice },\n        { name: 'IconCalendar', component: IconCalendar },\n        { name: 'IconPayments', component: IconPayments },\n        { name: 'IconBell', component: IconBell },\n        { name: 'IconTime', component: IconTime },\n        { name: 'IconCommunity', component: IconCommunity },\n        { name: 'IconGallery', component: IconGallery },\n        { name: 'IconFile', component: IconFile },\n        { name: 'IconFollowing', component: IconFollowing },\n        { name: 'IconEvents', component: IconEvents },\n        { name: 'IconHome', component: IconHome },\n        { name: 'IconProducts', component: IconProducts },\n        { name: 'IconCatalog', component: IconCatalog },\n        { name: 'IconShopcart', component: IconShopcart },\n        { name: 'IconRecent', component: IconRecent },\n        { name: 'IconEarn', component: IconEarn },\n        { name: 'IconPopular', component: IconPopular },\n        { name: 'IconDate', component: IconDate },\n        { name: 'IconFeatured', component: IconFeatured },\n        { name: 'IconLeftovers', component: IconLeftovers },\n        { name: 'IconOrders', component: IconOrders },\n        { name: 'IconMusic', component: IconMusic },\n        { name: 'IconProfile', component: IconProfile },\n        { name: 'IconGroups', component: IconGroups }\n      ]\n    },\n    {\n      name: 'placeholders',\n      icons: [\n        { name: 'PlaceholderOrganizationPic', component: PlaceholderOrganizationPic },\n        { name: 'PlaceholderChat', component: PlaceholderChat },\n        { name: 'PlaceholderImage', component: PlaceholderImage },\n        { name: 'PlaceholderUserpic', component: PlaceholderUserpic }\n      ]\n    },\n    {\n      name: 'socials',\n      icons: [\n        { name: 'vk', component: Vk },\n        { name: 'instagram', component: Instagram },\n        { name: 'telegram', component: Telegram },\n        { name: 'twitter', component: Twitter },\n        { name: 'linkedin', component: Linkedin },\n        { name: 'reddit', component: Reddit },\n        { name: 'dribbble', component: Dribbble },\n        { name: 'facebook', component: Facebook },\n        { name: 'youtube', component: Youtube },\n        { name: 'line', component: Line }\n      ]\n    },\n    {\n      name: 'actions',\n      icons: [\n        { name: 'IconDuplicate', component: IconDuplicate },\n        { name: 'IconShopcartAdd', component: IconShopcartAdd }\n      ]\n    },\n    {\n      name: 'labels',\n      icons: [\n        { name: 'LabelGooglePlay', component: LabelGooglePlay },\n        { name: 'LabelAppStore', component: LabelAppStore }\n      ]\n    },\n    {\n      name: 'logos',\n      icons: [\n        { name: 'Logotype', component: Logotype }\n      ]\n    },\n    {\n      name: 'skeletons',\n      icons: [\n        { name: 'SkeletonEventShort', component: SkeletonEventShort },\n        { name: 'SkeletonBlogpost', component: SkeletonBlogpost },\n        { name: 'SkeletonOrganization', component: SkeletonOrganization },\n        { name: 'SkeletonEvent', component: SkeletonEvent }\n      ]\n    }\n  ];\n}\n\nfunction formatCategoryName(name) {\n  return name.charAt(0).toUpperCase() + name.slice(1);\n}\n\nfunction copyIconName(iconName, categoryName) {\n  // Copy the icon import to clipboard\n  const importStatement = `import ${iconName} from '@martyrs/src/modules/icons/${categoryName}/${iconName}.vue';`;\n  navigator.clipboard.writeText(importStatement);\n  \n  copiedIcon.value = iconName;\n  notificationMessage.value = `Copied: ${importStatement}`;\n  displayNotification.value = true;\n  \n  setTimeout(() => {\n    copiedIcon.value = '';\n    setTimeout(() => {\n      displayNotification.value = false;\n    }, 2000);\n  }, 1000);\n}\n</script>\n\n<style scoped>\n.h-60 {\n  height: 60%;\n}\n\n.notification {\n  z-index: 100;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  transition: all 0.3s ease;\n  animation: fadeIn 0.3s;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n</style>"],"names":["ref","onMounted","IconInfo","IconMinus","IconEllipsis","IconPlus","IconCheckmark","IconPause","IconAdd","IconVolume","IconUnMute","IconCross","IconDoubleCheck","IconSearch","IconChevronRight","IconLike","IconDelete","IconCheck","IconFilter","IconAttach","IconRefresh","IconUpload","IconSort","IconChevronBottom","IconChevronLeft","IconEdit","IconMute","IconSend","IconArrow","IconPlay","IconShuffle","IconInfoEntities","IconPrice","IconCalendar","IconPayments","IconBell","IconTime","IconCommunity","IconGallery","IconFile","IconFollowing","IconEvents","IconHome","IconProducts","IconCatalog","IconShopcart","IconRecent","IconEarn","IconPopular","IconDate","IconFeatured","IconLeftovers","IconOrders","IconMusic","IconProfile","IconGroups","PlaceholderOrganizationPic","PlaceholderChat","PlaceholderImage","PlaceholderUserpic","Vk","Instagram","Telegram","Twitter","Linkedin","Reddit","Dribbble","Facebook","Youtube","Line","IconDuplicate","IconShopcartAdd","LabelGooglePlay","LabelAppStore","Logotype","SkeletonEventShort","SkeletonBlogpost","SkeletonOrganization","SkeletonEvent"],"mappings":"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"}
+{"version":3,"file":"IconsPage.vue.cjs","sources":["../../../../../../src/modules/icons/pages/IconsPage.vue"],"sourcesContent":["<template>\n  <div class=\"pd-medium\">\n    <h2 class=\"mn-b-medium\">Martyrs Icons Gallery</h2>\n    \n    <div v-for=\"(category, index) in categories\" :key=\"index\" class=\"mn-b-large\">\n      <h3 class=\"mn-b-medium t-medium\">{{ formatCategoryName(category.name) }} ({{ category.icons.length }})</h3>\n      <div class=\"cols-6 gap-thin\">\n        <div \n          v-for=\"(icon, iconIndex) in category.icons\" \n          :key=\"iconIndex\" \n          class=\"aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column flex hover-scale-1 cursor-pointer\"\n          @click=\"copyIconName(icon.name, category.name)\"\n        >\n          <div class=\"flex-center flex h-60\">\n            <component :is=\"icon.component\" class=\"w-2r h-2r\" />\n          </div>\n          <div class=\"pd-t-thin pd-b-thin t-center t-small t-truncate\">\n            {{ icon.name }}\n          </div>\n          <div v-if=\"copiedIcon === icon.name\" class=\"pd-thin bg-black radius-small t-small t-white pos-absolute pos-t-0 pos-r-0 mn-t-thin mn-r-thin\">\n            Copied!\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div v-if=\"displayNotification\" class=\"notification bg-third pd-small radius-medium pos-fixed pos-b-0 pos-r-0 mn-b-large mn-r-large\">\n      {{ notificationMessage }}\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\n// Import navigation icons\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue';\nimport IconMinus from '@martyrs/src/modules/icons/navigation/IconMinus.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\nimport IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue';\nimport IconHeart from '@martyrs/src/modules/icons/navigation/IconHeart.vue';\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\nimport IconPause from '@martyrs/src/modules/icons/navigation/IconPause.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\nimport IconVolume from '@martyrs/src/modules/icons/navigation/IconVolume.vue';\nimport IconUnMute from '@martyrs/src/modules/icons/navigation/IconUnMute.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\nimport IconDoubleCheck from '@martyrs/src/modules/icons/navigation/IconDoubleCheck.vue';\nimport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\nimport IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\nimport IconLike from '@martyrs/src/modules/icons/navigation/IconLike.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconCheck from '@martyrs/src/modules/icons/navigation/IconCheck.vue';\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue';\nimport IconAttach from '@martyrs/src/modules/icons/navigation/IconAttach.vue';\nimport IconRefresh from '@martyrs/src/modules/icons/navigation/IconRefresh.vue';\nimport IconUpload from '@martyrs/src/modules/icons/navigation/IconUpload.vue';\nimport IconSort from '@martyrs/src/modules/icons/navigation/IconSort.vue';\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue';\nimport IconChevronLeft from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue';\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\nimport IconMute from '@martyrs/src/modules/icons/navigation/IconMute.vue';\nimport IconSend from '@martyrs/src/modules/icons/navigation/IconSend.vue';\nimport IconArrow from '@martyrs/src/modules/icons/navigation/IconArrow.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconShuffle from '@martyrs/src/modules/icons/navigation/IconShuffle.vue';\n\n// Import entities icons\nimport IconInfoEntities from '@martyrs/src/modules/icons/entities/IconInfo.vue';\nimport IconPrice from '@martyrs/src/modules/icons/entities/IconPrice.vue';\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue';\nimport IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue';\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\nimport IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue';\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue';\nimport IconFile from '@martyrs/src/modules/icons/entities/IconFile.vue';\nimport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue';\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\nimport IconHome from '@martyrs/src/modules/icons/entities/IconHome.vue';\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue';\nimport IconCatalog from '@martyrs/src/modules/icons/entities/IconCatalog.vue';\nimport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue';\nimport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue';\nimport IconList from '@martyrs/src/modules/icons/entities/IconList.vue';\nimport IconSettings from '@martyrs/src/modules/icons/entities/IconSettings.vue';\nimport IconEarn from '@martyrs/src/modules/icons/entities/IconEarn.vue';\nimport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue';\nimport IconDiscount from '@martyrs/src/modules/icons/entities/IconDiscount.vue';\nimport IconDate from '@martyrs/src/modules/icons/entities/IconDate.vue';\nimport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue';\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue';\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue';\nimport IconMusic from '@martyrs/src/modules/icons/entities/IconMusic.vue';\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue';\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue';\n\n// Import placeholders icons\nimport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue';\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue';\n\n// Import socials icons\nimport Vk from '@martyrs/src/modules/icons/socials/vk.vue';\nimport Instagram from '@martyrs/src/modules/icons/socials/instagram.vue';\nimport Telegram from '@martyrs/src/modules/icons/socials/telegram.vue';\nimport Twitter from '@martyrs/src/modules/icons/socials/twitter.vue';\nimport Linkedin from '@martyrs/src/modules/icons/socials/linkedin.vue';\nimport Reddit from '@martyrs/src/modules/icons/socials/reddit.vue';\nimport Dribbble from '@martyrs/src/modules/icons/socials/dribbble.vue';\nimport Facebook from '@martyrs/src/modules/icons/socials/facebook.vue';\nimport Youtube from '@martyrs/src/modules/icons/socials/youtube.vue';\nimport Line from '@martyrs/src/modules/icons/socials/line.vue';\n\n// Import actions icons\nimport IconDuplicate from '@martyrs/src/modules/icons/actions/IconDuplicate.vue';\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue';\nimport IconShow from '@martyrs/src/modules/icons/actions/IconShow.vue';\n\n// Import labels icons\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue';\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue';\n\n// Import logos icons\nimport Logotype from '@martyrs/src/modules/icons/logos/Logotype.vue';\n\n// Import skeletons icons\nimport SkeletonEventShort from '@martyrs/src/modules/icons/skeletons/SkeletonEventShort.vue';\nimport SkeletonBlogpost from '@martyrs/src/modules/icons/skeletons/SkeletonBlogpost.vue';\nimport SkeletonOrganization from '@martyrs/src/modules/icons/skeletons/SkeletonOrganization.vue';\nimport SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue';\n\n// Icons map to avoid duplication\nconst iconsMap = {\n  navigation: {\n    IconInfo,\n    IconMinus,\n    IconEllipsis,\n    IconPlus,\n    IconHeart,\n    IconCheckmark,\n    IconPause,\n    IconAdd,\n    IconVolume,\n    IconUnMute,\n    IconCross,\n    IconDoubleCheck,\n    IconSearch,\n    IconChevronRight,\n    IconLike,\n    IconDelete,\n    IconCheck,\n    IconFilter,\n    IconAttach,\n    IconRefresh,\n    IconUpload,\n    IconSort,\n    IconChevronBottom,\n    IconChevronLeft,\n    IconEdit,\n    IconMute,\n    IconSend,\n    IconArrow,\n    IconPlay,\n    IconShuffle\n  },\n  entities: {\n    IconInfo: IconInfoEntities,\n    IconPrice,\n    IconCalendar,\n    IconPayments,\n    IconBell,\n    IconTime,\n    IconCommunity,\n    IconGallery,\n    IconFile,\n    IconFollowing,\n    IconEvents,\n    IconHome,\n    IconProducts,\n    IconCatalog,\n    IconShopcart,\n    IconRecent,\n    IconList,\n    IconSettings,\n    IconEarn,\n    IconPopular,\n    IconDiscount,\n    IconDate,\n    IconFeatured,\n    IconLeftovers,\n    IconOrders,\n    IconMusic,\n    IconProfile,\n    IconGroups\n  },\n  placeholders: {\n    PlaceholderOrganizationPic,\n    PlaceholderChat,\n    PlaceholderImage,\n    PlaceholderUserpic\n  },\n  socials: {\n    vk: Vk,\n    instagram: Instagram,\n    telegram: Telegram,\n    twitter: Twitter,\n    linkedin: Linkedin,\n    reddit: Reddit,\n    dribbble: Dribbble,\n    facebook: Facebook,\n    youtube: Youtube,\n    line: Line\n  },\n  actions: {\n    IconDuplicate,\n    IconShopcartAdd,\n    IconShow\n  },\n  labels: {\n    LabelGooglePlay,\n    LabelAppStore\n  },\n  logos: {\n    Logotype\n  },\n  skeletons: {\n    SkeletonEventShort,\n    SkeletonBlogpost,\n    SkeletonOrganization,\n    SkeletonEvent\n  }\n};\n\nconst categories = ref([]);\nconst copiedIcon = ref('');\nconst displayNotification = ref(false);\nconst notificationMessage = ref('');\n\nonMounted(() => {\n  loadIcons();\n});\n\nfunction loadIcons() {\n  categories.value = Object.entries(iconsMap).map(([categoryName, icons]) => ({\n    name: categoryName,\n    icons: Object.entries(icons).map(([name, component]) => ({\n      name,\n      component\n    }))\n  }));\n}\n\nfunction formatCategoryName(name) {\n  return name.charAt(0).toUpperCase() + name.slice(1);\n}\n\nfunction copyIconName(iconName, categoryName) {\n  const importStatement = `import ${iconName} from '@martyrs/src/modules/icons/${categoryName}/${iconName}.vue';`;\n  navigator.clipboard.writeText(importStatement);\n  \n  copiedIcon.value = iconName;\n  notificationMessage.value = `Copied: ${importStatement}`;\n  displayNotification.value = true;\n  \n  setTimeout(() => {\n    copiedIcon.value = '';\n    setTimeout(() => {\n      displayNotification.value = false;\n    }, 2000);\n  }, 1000);\n}\n</script>\n\n<style scoped>\n.h-60 {\n  height: 60%;\n}\n\n.notification {\n  z-index: 100;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  transition: all 0.3s ease;\n  animation: fadeIn 0.3s;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n</style>"],"names":["IconInfo","IconMinus","IconEllipsis","IconPlus","IconHeart","IconCheckmark","IconPause","IconAdd","IconVolume","IconUnMute","IconCross","IconDoubleCheck","IconSearch","IconChevronRight","IconLike","IconDelete","IconCheck","IconFilter","IconAttach","IconRefresh","IconUpload","IconSort","IconChevronBottom","IconChevronLeft","IconEdit","IconMute","IconSend","IconArrow","IconPlay","IconShuffle","IconInfoEntities","IconPrice","IconCalendar","IconPayments","IconBell","IconTime","IconCommunity","IconGallery","IconFile","IconFollowing","IconEvents","IconHome","IconProducts","IconCatalog","IconShopcart","IconRecent","IconList","IconSettings","IconEarn","IconPopular","IconDiscount","IconDate","IconFeatured","IconLeftovers","IconOrders","IconMusic","IconProfile","IconGroups","PlaceholderOrganizationPic","PlaceholderChat","PlaceholderImage","PlaceholderUserpic","Vk","Instagram","Telegram","Twitter","Linkedin","Reddit","Dribbble","Facebook","Youtube","Line","IconDuplicate","IconShopcartAdd","IconShow","LabelGooglePlay","LabelAppStore","Logotype","SkeletonEventShort","SkeletonBlogpost","SkeletonOrganization","SkeletonEvent","ref","onMounted"],"mappings":"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"}