@ozdao/martyrs 0.2.495 → 0.2.497

package/dist/martyrs/src/modules/globals/views/classes/globals.i18n.js

@@ -1,4 +1,4 @@
-import merge from "../../../../../../_virtual/index.js";
+import merge from "../../../../../../_virtual/index2.js";
 class I18nManager {
   constructor() {
     this.moduleLocales = /* @__PURE__ */ new Map();

package/dist/martyrs/src/modules/globals/views/components/blocks/CardHeader.vue.cjs

@@ -2,14 +2,14 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Tooltip = require("../../../../../components/Tooltip/Tooltip.vue2.cjs");
-const Dropdown = require("../../../../../components/Dropdown/Dropdown.vue.cjs");
+const Tooltip = require("../../../../../components/Tooltip/Tooltip.vue.cjs");
+const Dropdown = require("../../../../../components/Dropdown/Dropdown.vue2.cjs");
 const PlaceholderUserpic = require("../../../../icons/placeholders/PlaceholderUserpic.vue.cjs");
 const PlaceholderOrganizationPic = require("../../../../icons/placeholders/PlaceholderOrganizationPic.vue.cjs");
 const IconEllipsis = require("../../../../icons/navigation/IconEllipsis.vue.cjs");
 const FormReport = require("../../../../reports/components/sections/FormReport.vue.cjs");
 ;/* empty css                                            */
-;/* empty css                                             */
+;/* empty css                                            */
 require("../../../../auth/views/store/auth.cjs");
 require("../../../../organizations/store/memberships.cjs");
 const PhotoStack = require("../elements/PhotoStack.vue.cjs");

package/dist/martyrs/src/modules/globals/views/components/blocks/CardHeader.vue.js

@@ -1,13 +1,13 @@
 import { resolveComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createBlock, withModifiers, resolveDynamicComponent, toDisplayString, withCtx, createTextVNode, Fragment, renderList, normalizeClass } from "vue";
 import { useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../../components/Tooltip/Tooltip.vue2.js";
-import _sfc_main$3 from "../../../../../components/Dropdown/Dropdown.vue.js";
+import _sfc_main$1 from "../../../../../components/Tooltip/Tooltip.vue.js";
+import _sfc_main$3 from "../../../../../components/Dropdown/Dropdown.vue2.js";
 import PlaceholderUserpic from "../../../../icons/placeholders/PlaceholderUserpic.vue.js";
 import PlaceholderOrganizationPic from "../../../../icons/placeholders/PlaceholderOrganizationPic.vue.js";
 import _sfc_main$4 from "../../../../icons/navigation/IconEllipsis.vue.js";
 import _sfc_main$5 from "../../../../reports/components/sections/FormReport.vue.js";
 /* empty css                                          */
-/* empty css                                           */
+/* empty css                                          */
 import "../../../../auth/views/store/auth.js";
 import "../../../../organizations/store/memberships.js";
 import _sfc_main$2 from "../elements/PhotoStack.vue.js";

package/dist/martyrs/src/modules/globals/views/components/blocks/PopupAuth.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const _hoisted_1 = { class: "t-center" };
 const _hoisted_2 = { class: "mn-b-medium" };
 const _hoisted_3 = { class: "mn-b-semi t-transp" };

package/dist/martyrs/src/modules/globals/views/components/blocks/PopupAuth.vue.js

@@ -1,7 +1,7 @@
 import { createBlock, openBlock, withCtx, createElementVNode, toDisplayString, createVNode, createTextVNode } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
-import _sfc_main$2 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$2 from "../../../../../components/Button/Button.vue2.js";
 const _hoisted_1 = { class: "t-center" };
 const _hoisted_2 = { class: "mn-b-medium" };
 const _hoisted_3 = { class: "mn-b-semi t-transp" };

package/dist/martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue.cjs

@@ -5,7 +5,7 @@ const vueI18n = require("vue-i18n");
 const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
 const Loader = require("../../../../../components/Loader/Loader.vue2.cjs");
 const Calendar = require("../../../../../components/Calendar/Calendar.vue2.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const IconShopcartAdd = require("../../../../icons/actions/IconShopcartAdd.vue.cjs");
 const PriceTotal = require("../../../../orders/components/elements/PriceTotal.vue.cjs");
 const rents_store = require("../../../../rents/views/store/rents.store.cjs");

package/dist/martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue.js

@@ -3,7 +3,7 @@ import { useI18n } from "vue-i18n";
 import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
 import Loader from "../../../../../components/Loader/Loader.vue2.js";
 import Calendar from "../../../../../components/Calendar/Calendar.vue2.js";
-import _sfc_main$3 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../../components/Button/Button.vue2.js";
 import _sfc_main$4 from "../../../../icons/actions/IconShopcartAdd.vue.js";
 import _sfc_main$2 from "../../../../orders/components/elements/PriceTotal.vue.js";
 import { loadAvailability } from "../../../../rents/views/store/rents.store.js";

package/dist/martyrs/src/modules/globals/views/components/layouts/Client.vue.cjs

@@ -9,7 +9,7 @@ const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
 require("vue-i18n");
 ;/* empty css                                                      */
 const Loader = require("../../../../../components/Loader/Loader.vue2.cjs");
-;/* empty css                                             */
+;/* empty css                                            */
 require("../../../../orders/store/shopcart.cjs");
 require("../../../../auth/views/store/auth.cjs");
 ;/* empty css                               */

package/dist/martyrs/src/modules/globals/views/components/layouts/Client.vue.js

@@ -7,7 +7,7 @@ import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
 import "vue-i18n";
 /* empty css                                                    */
 import Loader from "../../../../../components/Loader/Loader.vue2.js";
-/* empty css                                           */
+/* empty css                                          */
 import "../../../../orders/store/shopcart.js";
 import "../../../../auth/views/store/auth.js";
 /* empty css                             */

package/dist/martyrs/src/modules/globals/views/components/partials/Header.vue.cjs

@@ -7,8 +7,8 @@ const globals = require("../../store/globals.cjs");
 const shopcart = require("../../../../orders/store/shopcart.cjs");
 const auth = require("../../../../auth/views/store/auth.cjs");
 const NotificationBadge = require("../../../../notifications/components/elements/NotificationBadge.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
-const Select = require("../../../../../components/Select/Select.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const Select = require("../../../../../components/Select/Select.vue.cjs");
 const IconShopcart = require("../../../../icons/entities/IconShopcart.vue.cjs");
 const IconProfile = require("../../../../icons/entities/IconProfile.vue.cjs");
 const IconSearch = require("../../../../icons/navigation/IconSearch.vue.cjs");

package/dist/martyrs/src/modules/globals/views/components/partials/Header.vue.js

@@ -5,8 +5,8 @@ import { state } from "../../store/globals.js";
 import { actions, getters } from "../../../../orders/store/shopcart.js";
 import { state as state$1 } from "../../../../auth/views/store/auth.js";
 import NotificationBadge from "../../../../notifications/components/elements/NotificationBadge.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
-import Select from "../../../../../components/Select/Select.vue2.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
+import Select from "../../../../../components/Select/Select.vue.js";
 import _sfc_main$3 from "../../../../icons/entities/IconShopcart.vue.js";
 import _sfc_main$4 from "../../../../icons/entities/IconProfile.vue.js";
 import _sfc_main$2 from "../../../../icons/navigation/IconSearch.vue.js";

package/dist/martyrs/src/modules/globals/views/components/partials/Navigation.vue.cjs

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 const IconChevronBottom = require("../../../../icons/navigation/IconChevronBottom.vue.cjs");
 const globals = require("../../store/globals.cjs");
 const auth = require("../../../../auth/views/store/auth.cjs");
-;/* empty css                                                 */
+;/* empty css                                                */
 ;/* empty css                                              */
 ;/* empty css                  */
 const _pluginVue_exportHelper = require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs");

package/dist/martyrs/src/modules/globals/views/components/partials/Navigation.vue.js

@@ -3,7 +3,7 @@ import { useRouter, useRoute } from "vue-router";
 import IconChevronBottom from "../../../../icons/navigation/IconChevronBottom.vue.js";
 import { state } from "../../store/globals.js";
 import { state as state$1 } from "../../../../auth/views/store/auth.js";
-/* empty css                                               */
+/* empty css                                              */
 /* empty css                                            */
 /* empty css                */
 import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";

package/dist/martyrs/src/modules/globals/views/components/partials/NavigationBar.vue.cjs

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const IconShopcart = require("../../../../icons/entities/IconShopcart.vue.cjs");
 const IconProfile = require("../../../../icons/entities/IconProfile.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const globals = require("../../store/globals.cjs");
 const shopcart = require("../../../../orders/store/shopcart.cjs");
 const auth = require("../../../../auth/views/store/auth.cjs");

package/dist/martyrs/src/modules/globals/views/components/partials/NavigationBar.vue.js

@@ -3,7 +3,7 @@ import { useRouter, useRoute } from "vue-router";
 import { useI18n } from "vue-i18n";
 import _sfc_main$2 from "../../../../icons/entities/IconShopcart.vue.js";
 import _sfc_main$3 from "../../../../icons/entities/IconProfile.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
 import { state } from "../../store/globals.js";
 import { getters, actions } from "../../../../orders/store/shopcart.js";
 import { state as state$1 } from "../../../../auth/views/store/auth.js";

package/dist/martyrs/src/modules/inventory/components/forms/AdjustmentForm.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Field = require("../../../../components/Field/Field.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const spots = require("../../../spots/store/spots.cjs");
 const variants_store = require("../../../products/store/variants.store.cjs");

package/dist/martyrs/src/modules/inventory/components/forms/AdjustmentForm.vue.js

@@ -1,7 +1,7 @@
 import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, createBlock, Fragment, renderList, normalizeClass, resolveDynamicComponent, toDisplayString } from "vue";
 import { useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions } from "../../../spots/store/spots.js";
 import variantsStore from "../../../products/store/variants.store.js";

package/dist/martyrs/src/modules/inventory/components/forms/StockAlertsForm.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Field = require("../../../../components/Field/Field.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const spots = require("../../../spots/store/spots.cjs");
 const variants_store = require("../../../products/store/variants.store.cjs");

package/dist/martyrs/src/modules/inventory/components/forms/StockAlertsForm.vue.js

@@ -1,7 +1,7 @@
 import { ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString } from "vue";
 import { useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions } from "../../../spots/store/spots.js";
 import variantsStore from "../../../products/store/variants.store.js";

package/dist/martyrs/src/modules/inventory/components/pages/Inventory.vue.cjs

@@ -6,7 +6,7 @@ const mixins = require("../../../globals/views/mixins/mixins.cjs");
 const Table = require("../../../../components/Table/Table.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
-const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
+const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const IconSettings = require("../../../icons/entities/IconSettings.vue.cjs");
 const IconEllipsis = require("../../../icons/navigation/IconEllipsis.vue.cjs");

package/dist/martyrs/src/modules/inventory/components/pages/Inventory.vue.js

@@ -4,7 +4,7 @@ import { useGlobalMixins } from "../../../globals/views/mixins/mixins.js";
 import Table from "../../../../components/Table/Table.vue.js";
 import _sfc_main$1 from "../../../../components/Feed/Feed.vue.js";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
-import _sfc_main$3 from "../../../../components/Dropdown/Dropdown.vue.js";
+import _sfc_main$3 from "../../../../components/Dropdown/Dropdown.vue2.js";
 import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$2 from "../../../icons/entities/IconSettings.vue.js";
 import _sfc_main$4 from "../../../icons/navigation/IconEllipsis.vue.js";

package/dist/martyrs/src/modules/inventory/components/pages/InventoryEdit.vue.cjs

@@ -2,11 +2,11 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-;/* empty css                                         */
-;/* empty css                                              */
+;/* empty css                                          */
+;/* empty css                                             */
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const CardOrderItem = require("../../../orders/components/blocks/CardOrderItem.vue.cjs");
 const CardSpot = require("../../../spots/components/blocks/CardSpot.vue.cjs");

package/dist/martyrs/src/modules/inventory/components/pages/InventoryEdit.vue.js

@@ -1,10 +1,10 @@
 import { ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, unref, Fragment, renderList, createBlock, createCommentVNode, toDisplayString } from "vue";
 import _sfc_main$4 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$7 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$7 from "../../../../components/Button/Button.vue2.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
-/* empty css                                       */
-/* empty css                                            */
+/* empty css                                        */
+/* empty css                                           */
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$3 from "../../../orders/components/blocks/CardOrderItem.vue.js";
 import CardSpot from "../../../spots/components/blocks/CardSpot.vue.js";

package/dist/martyrs/src/modules/music/components/cards/AlbumCard.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Media = require("../../../../components/Media/Media.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");
 const player = require("../../store/player.cjs");
 const albums = require("../../store/albums.cjs");

package/dist/martyrs/src/modules/music/components/cards/AlbumCard.vue.js

@@ -1,6 +1,6 @@
 import { computed, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode, withModifiers, toDisplayString } from "vue";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";
 import { actions } from "../../store/player.js";
 import { state, actions as actions$1 } from "../../store/albums.js";

package/dist/martyrs/src/modules/music/components/cards/ArtistCardSmall.vue.cjs

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Media = require("../../../../components/Media/Media.vue.cjs");
+const IconCheckmark = require("../../../icons/navigation/IconCheckmark.vue.cjs");
+;/* empty css                       */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "artist-card bg-light pd-medium radius-medium flex flex-center gap-big" };
+const _hoisted_2 = { class: "artist-avatar" };
+const _hoisted_3 = {
+  key: 1,
+  class: "w-4r h-4r flex flex center radius-extra radius-full bg-main flex-center"
+};
+const _hoisted_4 = { class: "flex items-center gap-thin" };
+const _hoisted_5 = { class: "mn-b-thin" };
+const _hoisted_6 = { class: "t-small t-transp" };
+const _sfc_main = {
+  __name: "ArtistCardSmall",
+  props: {
+    artist: {
+      type: Object,
+      required: true,
+      validator: (value) => {
+        return value._id && value.name && value.url;
+      }
+    },
+    isFollowing: {
+      type: Boolean,
+      default: false
+    },
+    showFollowButton: {
+      type: Boolean,
+      default: true
+    },
+    artistType: {
+      type: String,
+      default: "Artist"
+    }
+  },
+  emits: ["toggle-follow"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleFollowClick = () => {
+      emit("toggle-follow", props.artist._id);
+    };
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(_component_router_link, {
+          to: __props.artist.url ? { name: "artist", params: { url: __props.artist.url } } : __props.artist.to,
+          class: "flex flex-v-center gap-thin flex-1 hover-opacity"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_2, [
+              __props.artist.photoUrl ? (vue.openBlock(), vue.createBlock(Media.default, {
+                key: 0,
+                url: __props.artist.photoUrl,
+                alt: __props.artist.name,
+                class: "w-4r h-4r radius-full object-fit-cover"
+              }, null, 8, ["url", "alt"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, vue.toDisplayString(__props.artist.name.charAt(0)), 1))
+            ]),
+            vue.createElementVNode("div", null, [
+              vue.createElementVNode("div", _hoisted_4, [
+                vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(__props.artist.name), 1),
+                __props.artist.isVerified ? (vue.openBlock(), vue.createBlock(IconCheckmark.default, {
+                  key: 0,
+                  class: "w-1r h-1r t-primary"
+                })) : vue.createCommentVNode("", true)
+              ]),
+              vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(__props.artistType), 1)
+            ])
+          ]),
+          _: 1
+        }, 8, ["to"]),
+        __props.showFollowButton ? (vue.openBlock(), vue.createBlock(Button.default, {
+          key: 0,
+          onClick: handleFollowClick,
+          color: __props.isFollowing ? "primary" : "transp",
+          size: "small",
+          class: "bg-main"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(__props.isFollowing ? "Following" : "Follow"), 1)
+          ]),
+          _: 1
+        }, 8, ["color"])) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+const ArtistCardSmall = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-7fd022f7"]]);
+exports.default = ArtistCardSmall;
+//# sourceMappingURL=ArtistCardSmall.vue.cjs.map

package/dist/martyrs/src/modules/music/components/cards/ArtistCardSmall.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtistCardSmall.vue.cjs","sources":["../../../../../../../src/modules/music/components/cards/ArtistCardSmall.vue"],"sourcesContent":["<!-- components/cards/ArtistCard.vue -->\n<template>\n  <div class=\"artist-card bg-light pd-medium radius-medium flex flex-center gap-big\">\n    <router-link \n      :to=\"artist.url ? { name: 'artist', params: { url: artist.url } } : artist.to\"\n      class=\"flex flex-v-center gap-thin flex-1 hover-opacity\"\n    >\n      <div class=\"artist-avatar\">\n        <Media \n          v-if=\"artist.photoUrl\"\n          :url=\"artist.photoUrl\"\n          :alt=\"artist.name\"\n          class=\"w-4r h-4r radius-full object-fit-cover\"\n        />\n        <div v-else class=\"w-4r h-4r flex flex center radius-extra radius-full bg-main flex-center\">\n          {{ artist.name.charAt(0) }}\n        </div>\n      </div>\n\n      <div>\n        <div class=\"flex items-center gap-thin\">\n          <span class=\"mn-b-thin\">{{ artist.name }}</span>\n          <IconVerified v-if=\"artist.isVerified\" class=\"w-1r h-1r t-primary\" />\n        </div>\n        <span class=\"t-small t-transp\">{{ artistType }}</span>\n      </div>\n    </router-link>\n\n    <Button \n      v-if=\"showFollowButton\"\n      @click=\"handleFollowClick\"\n      :color=\"isFollowing ? 'primary' : 'transp'\"\n      size=\"small\"\n      class=\"bg-main\"\n    >\n      {{ isFollowing ? 'Following' : 'Follow' }}\n    </Button>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport IconVerified from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\nconst props = defineProps({\n  artist: {\n    type: Object,\n    required: true,\n    validator: (value) => {\n      return value._id && value.name && value.url;\n    }\n  },\n  isFollowing: {\n    type: Boolean,\n    default: false\n  },\n  showFollowButton: {\n    type: Boolean,\n    default: true\n  },\n  artistType: {\n    type: String,\n    default: 'Artist'\n  }\n});\n\nconst emit = defineEmits(['toggle-follow']);\n\nconst handleFollowClick = () => {\n  emit('toggle-follow', props.artist._id);\n};\n</script>\n\n<style scoped>\n.artist-card {\n  transition: all 0.2s ease;\n}\n\n.artist-card:hover {\n  transform: translateY(-5px);\n}\n\n.artist-avatar img {\n  transition: transform 0.2s ease;\n}\n\n.artist-card:hover .artist-avatar img {\n  transform: scale(1.05);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,UAAM,QAAQ;AAsBd,UAAM,OAAO;AAEb,UAAM,oBAAoB,MAAM;AAC9B,WAAK,iBAAiB,MAAM,OAAO,GAAG;AAAA,IACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/cards/ArtistCardSmall.vue.js

@@ -0,0 +1,95 @@
+import { resolveComponent, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, withCtx, createElementVNode, toDisplayString, createTextVNode } from "vue";
+import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import Media from "../../../../components/Media/Media.vue.js";
+import _sfc_main$1 from "../../../icons/navigation/IconCheckmark.vue.js";
+/* empty css                     */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "artist-card bg-light pd-medium radius-medium flex flex-center gap-big" };
+const _hoisted_2 = { class: "artist-avatar" };
+const _hoisted_3 = {
+  key: 1,
+  class: "w-4r h-4r flex flex center radius-extra radius-full bg-main flex-center"
+};
+const _hoisted_4 = { class: "flex items-center gap-thin" };
+const _hoisted_5 = { class: "mn-b-thin" };
+const _hoisted_6 = { class: "t-small t-transp" };
+const _sfc_main = {
+  __name: "ArtistCardSmall",
+  props: {
+    artist: {
+      type: Object,
+      required: true,
+      validator: (value) => {
+        return value._id && value.name && value.url;
+      }
+    },
+    isFollowing: {
+      type: Boolean,
+      default: false
+    },
+    showFollowButton: {
+      type: Boolean,
+      default: true
+    },
+    artistType: {
+      type: String,
+      default: "Artist"
+    }
+  },
+  emits: ["toggle-follow"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleFollowClick = () => {
+      emit("toggle-follow", props.artist._id);
+    };
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_router_link, {
+          to: __props.artist.url ? { name: "artist", params: { url: __props.artist.url } } : __props.artist.to,
+          class: "flex flex-v-center gap-thin flex-1 hover-opacity"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              __props.artist.photoUrl ? (openBlock(), createBlock(Media, {
+                key: 0,
+                url: __props.artist.photoUrl,
+                alt: __props.artist.name,
+                class: "w-4r h-4r radius-full object-fit-cover"
+              }, null, 8, ["url", "alt"])) : (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.artist.name.charAt(0)), 1))
+            ]),
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_4, [
+                createElementVNode("span", _hoisted_5, toDisplayString(__props.artist.name), 1),
+                __props.artist.isVerified ? (openBlock(), createBlock(_sfc_main$1, {
+                  key: 0,
+                  class: "w-1r h-1r t-primary"
+                })) : createCommentVNode("", true)
+              ]),
+              createElementVNode("span", _hoisted_6, toDisplayString(__props.artistType), 1)
+            ])
+          ]),
+          _: 1
+        }, 8, ["to"]),
+        __props.showFollowButton ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 0,
+          onClick: handleFollowClick,
+          color: __props.isFollowing ? "primary" : "transp",
+          size: "small",
+          class: "bg-main"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.isFollowing ? "Following" : "Follow"), 1)
+          ]),
+          _: 1
+        }, 8, ["color"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+const ArtistCardSmall = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7fd022f7"]]);
+export {
+  ArtistCardSmall as default
+};
+//# sourceMappingURL=ArtistCardSmall.vue.js.map

package/dist/martyrs/src/modules/music/components/cards/ArtistCardSmall.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtistCardSmall.vue.js","sources":["../../../../../../../src/modules/music/components/cards/ArtistCardSmall.vue"],"sourcesContent":["<!-- components/cards/ArtistCard.vue -->\n<template>\n  <div class=\"artist-card bg-light pd-medium radius-medium flex flex-center gap-big\">\n    <router-link \n      :to=\"artist.url ? { name: 'artist', params: { url: artist.url } } : artist.to\"\n      class=\"flex flex-v-center gap-thin flex-1 hover-opacity\"\n    >\n      <div class=\"artist-avatar\">\n        <Media \n          v-if=\"artist.photoUrl\"\n          :url=\"artist.photoUrl\"\n          :alt=\"artist.name\"\n          class=\"w-4r h-4r radius-full object-fit-cover\"\n        />\n        <div v-else class=\"w-4r h-4r flex flex center radius-extra radius-full bg-main flex-center\">\n          {{ artist.name.charAt(0) }}\n        </div>\n      </div>\n\n      <div>\n        <div class=\"flex items-center gap-thin\">\n          <span class=\"mn-b-thin\">{{ artist.name }}</span>\n          <IconVerified v-if=\"artist.isVerified\" class=\"w-1r h-1r t-primary\" />\n        </div>\n        <span class=\"t-small t-transp\">{{ artistType }}</span>\n      </div>\n    </router-link>\n\n    <Button \n      v-if=\"showFollowButton\"\n      @click=\"handleFollowClick\"\n      :color=\"isFollowing ? 'primary' : 'transp'\"\n      size=\"small\"\n      class=\"bg-main\"\n    >\n      {{ isFollowing ? 'Following' : 'Follow' }}\n    </Button>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport IconVerified from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\nconst props = defineProps({\n  artist: {\n    type: Object,\n    required: true,\n    validator: (value) => {\n      return value._id && value.name && value.url;\n    }\n  },\n  isFollowing: {\n    type: Boolean,\n    default: false\n  },\n  showFollowButton: {\n    type: Boolean,\n    default: true\n  },\n  artistType: {\n    type: String,\n    default: 'Artist'\n  }\n});\n\nconst emit = defineEmits(['toggle-follow']);\n\nconst handleFollowClick = () => {\n  emit('toggle-follow', props.artist._id);\n};\n</script>\n\n<style scoped>\n.artist-card {\n  transition: all 0.2s ease;\n}\n\n.artist-card:hover {\n  transform: translateY(-5px);\n}\n\n.artist-avatar img {\n  transition: transform 0.2s ease;\n}\n\n.artist-card:hover .artist-avatar img {\n  transform: scale(1.05);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,UAAM,QAAQ;AAsBd,UAAM,OAAO;AAEb,UAAM,oBAAoB,MAAM;AAC9B,WAAK,iBAAiB,MAAM,OAAO,GAAG;AAAA,IACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/cards/PlaylistCard.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Media = require("../../../../components/Media/Media.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");
 const player = require("../../store/player.cjs");
 const playlists = require("../../store/playlists.cjs");

package/dist/martyrs/src/modules/music/components/cards/PlaylistCard.vue.js

@@ -1,6 +1,6 @@
 import { computed, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode, withModifiers, toDisplayString } from "vue";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";
 import { actions as actions$1 } from "../../store/player.js";
 import { actions, state } from "../../store/playlists.js";

package/dist/martyrs/src/modules/music/components/cards/TrackListCard.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Media = require("../../../../components/Media/Media.vue.cjs");
 const IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");
 const IconPause = require("../../../icons/navigation/IconPause.vue.cjs");

package/dist/martyrs/src/modules/music/components/cards/TrackListCard.vue.js

@@ -1,5 +1,5 @@
 import { ref, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, createBlock, toDisplayString, withModifiers, withCtx, createVNode, createTextVNode } from "vue";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
 import Media from "../../../../components/Media/Media.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconPause.vue.js";

package/dist/martyrs/src/modules/music/components/forms/AlbumForm.vue.cjs

@@ -4,8 +4,8 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const IconCross = require("../../../icons/navigation/IconCross.vue.cjs");
 const BlockMultiselect = require("../../../globals/views/components/blocks/BlockMultiselect.vue.cjs");

package/dist/martyrs/src/modules/music/components/forms/AlbumForm.vue.js

@@ -2,8 +2,8 @@ import { reactive, ref, watch, onMounted, createElementBlock, openBlock, createE
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import _sfc_main$4 from "../../../../components/Button/Button.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconCross.vue.js";
 import BlockMultiselect from "../../../globals/views/components/blocks/BlockMultiselect.vue.js";

package/dist/martyrs/src/modules/music/components/forms/ArtistForm.vue.cjs

@@ -4,9 +4,9 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 ;/* empty css                                         */
 const BlockMultiselect = require("../../../globals/views/components/blocks/BlockMultiselect.vue.cjs");

package/dist/martyrs/src/modules/music/components/forms/ArtistForm.vue.js

@@ -2,9 +2,9 @@ import { reactive, ref, watch, onMounted, createElementBlock, openBlock, createE
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$5 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$4 from "../../../../components/Checkbox/Checkbox.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
 /* empty css                                       */
 import BlockMultiselect from "../../../globals/views/components/blocks/BlockMultiselect.vue.js";

package/dist/martyrs/src/modules/music/components/forms/PlaylistForm.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Radio = require("../../../../components/Radio/Radio.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const IconCross = require("../../../icons/navigation/IconCross.vue.cjs");