@ozdao/martyrs 0.2.547 → 0.2.549

package/src/modules/governance/views/components/partials/VotingResults.vue

@@ -0,0 +1,127 @@
+<script setup>
+import { defineProps, computed } from 'vue';
+import { IconCheck, IconCross, IconSend } from '@martyrs/src/modules/icons/icons.client.js';
+
+const props = defineProps({
+  results: {
+    type: Object,
+    required: true
+  },
+  votes: {
+    type: Array,
+    default: () => []
+  }
+});
+
+const { totalVotes, yesVotes, noVotes, abstainVotes, percentageYes, percentageNo, threshold } = props.results;
+const percentageAbstain = computed(() => 100 - percentageYes - percentageNo);
+const thresholdMet = computed(() => percentageYes >= threshold * 100);
+
+const formatDate = (dateString) => {
+  return new Date(dateString).toLocaleString('en-US', {
+    month: 'short',
+    day: 'numeric',
+    hour: '2-digit',
+    minute: '2-digit',
+  });
+};
+
+const getVoteColor = (vote) => {
+  switch (vote) {
+    case 'yes': return 't-green-nice';
+    case 'no': return 't-red-nice';
+    case 'abstain': return 't-grey';
+    default: return 't-grey';
+  }
+};
+</script>
+
+<template>
+  <div class="flex flex-column gap-semi">
+    <div>
+      <div class="flex flex-justify-between flex-v-center mn-b-small">
+        <h3 class="h5 t-medium">Voting Results</h3>
+        <div :class="`flex flex-v-center gap-thin ${thresholdMet ? 't-green-nice' : 't-red-nice'}`">
+          <IconCheck v-if="thresholdMet" class="i-medium" :fill="'currentColor'" />
+          <IconCross v-else class="i-medium" :fill="'currentColor'" />
+          <span class="t-medium">{{ thresholdMet ? 'Threshold Met' : 'Threshold Not Met' }}</span>
+        </div>
+      </div>
+
+      <div class="bg-light radius-medium pd-medium mn-b-medium">
+        <div class="flex flex-justify-between flex-v-center mn-b-thin">
+          <span class="p-small t-medium t-grey">Total Votes</span>
+          <span class="h2 t-medium">{{ totalVotes }}</span>
+        </div>
+        <div class="p-small t-grey">
+          Threshold: {{ (threshold * 100).toFixed(0) }}% approval required
+        </div>
+      </div>
+
+      <div class="w-100 h-8r bg-light radius-medium o-hidden flex">
+        <div
+          v-if="percentageYes > 0"
+          class="bg-green-nice flex flex-center flex p-small t-white t-medium"
+          :style="{ width: `${percentageYes}%` }"
+        >
+          <span v-if="percentageYes >= 15">{{ percentageYes.toFixed(0) }}%</span>
+        </div>
+        <div
+          v-if="percentageNo > 0"
+          class="bg-red-nice flex flex-center flex p-small t-white t-medium"
+          :style="{ width: `${percentageNo}%` }"
+        >
+          <span v-if="percentageNo >= 15">{{ percentageNo.toFixed(0) }}%</span>
+        </div>
+        <div
+          v-if="percentageAbstain > 0"
+          class="bg-grey flex flex-center flex p-small t-white t-medium"
+          :style="{ width: `${percentageAbstain}%` }"
+        >
+          <span v-if="percentageAbstain >= 15">{{ percentageAbstain.toFixed(0) }}%</span>
+        </div>
+      </div>
+
+      <div class="cols-3 gap-regular mn-t-medium">
+        <div class="t-center">
+          <div class="h2 t-medium t-green-nice">{{ yesVotes }}</div>
+          <div class="p-small t-grey">Yes ({{ percentageYes.toFixed(1) }}%)</div>
+        </div>
+        <div class="t-center">
+          <div class="h2 t-medium t-red-nice">{{ noVotes }}</div>
+          <div class="p-small t-grey">No ({{ percentageNo.toFixed(1) }}%)</div>
+        </div>
+        <div class="t-center">
+          <div class="h2 t-medium t-grey">{{ abstainVotes }}</div>
+          <div class="p-small t-grey">Abstain ({{ percentageAbstain.toFixed(1) }}%)</div>
+        </div>
+      </div>
+    </div>
+
+    <div>
+      <h4 class="h5 t-medium mn-b-medium flex flex-v-center">
+        <IconSend class="i-medium mn-r-thin" :fill="'currentColor'" />
+        All Votes ({{ votes.length }})
+      </h4>
+      <div class="flex flex-column gap-small">
+        <div v-for="(vote, index) in votes" :key="index" class="bg-light radius-medium pd-medium">
+          <div class="flex flex-justify-between flex-v-start mn-b-thin">
+            <div class="flex flex-v-center gap-small">
+              <div class="i-big radius-extra bg-grey flex flex-center flex t-medium">
+                {{ vote.userName.charAt(0) }}
+              </div>
+              <div>
+                <div class="p-regular t-medium">{{ vote.userName }}</div>
+                <div class="p-micro t-grey">{{ formatDate(vote.createdAt) }}</div>
+              </div>
+            </div>
+            <span :class="`t-medium t-capitalize ${getVoteColor(vote.vote)}`">
+              {{ vote.vote }}
+            </span>
+          </div>
+          <p v-if="vote.comment" class="p-small t-grey mn-l-13r">{{ vote.comment }}</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

package/src/modules/governance/views/router/goverance.router.js

@@ -7,6 +7,7 @@ export function createGovernanceRoutes(prefix = '', options = {}) {
 
   const routes = {
     path: options.basePath || 'governance',
+    component: () => import(/* webpackChunkName: 'governance-layout' */ '../components/layouts/Governance.vue'),
     meta: {
       title: {
         en: 'Governance',
@@ -15,10 +16,22 @@ export function createGovernanceRoutes(prefix = '', options = {}) {
       title_hide: true,
     },
     children: [
+      // Index route
+      {
+        path: '',
+        name: nameWithPrefix('Governance'),
+        meta: {
+          title: {
+            en: 'Governance',
+            ru: 'Управление',
+          },
+          title_hide: false,
+        },
+        component: () => import(/* webpackChunkName: 'Governance' */ '../components/pages/Governance.vue'),
+      },
       // Initiatives routes
       {
         path: 'initiatives',
-        name: nameWithPrefix('Initiatives'),
         meta: {
           title: {
             en: 'Initiatives',
@@ -77,9 +90,47 @@ export function createGovernanceRoutes(prefix = '', options = {}) {
             beforeEnter: [validationAuth.requiresAuth],
             component: options.page_initiative_edit || defineAsyncComponent(() => import(/* webpackChunkName: 'Governance' */ '../components/pages/InitiativeCreate.vue')),
           },
+          {
+            path: ':id/roadmap',
+            name: nameWithPrefix('Roadmap'),
+            meta: {
+              title: {
+                en: 'Roadmap',
+                ru: 'Дорожная карта',
+              },
+              title_hide: false,
+            },
+            component: () => import(/* webpackChunkName: 'Governance' */ '../components/pages/Roadmap.vue'),
+          },
+          {
+            path: ':id/milestones',
+            name: nameWithPrefix('InitiativeMilestones'),
+            meta: {
+              title: {
+                en: 'Milestones',
+                ru: 'Вехи',
+              },
+              title_hide: false,
+            },
+            component: () => import(/* webpackChunkName: 'Governance' */ '../components/pages/InitiativeMilestones.vue'),
+          },
         ],
       },
 
+      // Milestones routes
+      {
+        path: 'milestones/:id',
+        name: nameWithPrefix('Milestone'),
+        meta: {
+          title: {
+            en: 'Milestone',
+            ru: 'Веха',
+          },
+          title_hide: false,
+        },
+        component: () => import(/* webpackChunkName: 'Governance' */ '../components/pages/Milestone.vue'),
+      },
+
       // Tasks routes
       {
         path: 'tasks',

package/src/modules/governance/views/store/initiatives.js

@@ -20,7 +20,7 @@ const initiativesState = reactive({
 const initiativesActions = {
   async getAllInitiatives() {
     try {
-      const response = await $axios.get('/api/initiatives');
+      const response = await $axios.get('/api/initiatives/read');
       initiativesState.all = response.data;
       return response.data;
     } catch (error) {
@@ -30,7 +30,7 @@ const initiativesActions = {
   },
   async getInitiativeById(id) {
     try {
-      const response = await $axios.get(`/api/initiatives/${id}`);
+      const response = await $axios.get('/api/initiatives/read', { params: { _id: id } });
       initiativesState.current = response.data;
       return response.data;
     } catch (error) {
@@ -40,7 +40,7 @@ const initiativesActions = {
   },
   async createInitiative(initiative) {
     try {
-      const response = await $axios.post('/api/initiatives', initiative);
+      const response = await $axios.post('/api/initiatives/create', initiative);
       initiativesState.all.push(response.data);
       return response.data;
     } catch (error) {
@@ -50,8 +50,11 @@ const initiativesActions = {
   },
   async updateInitiative(initiative) {
     try {
-      const response = await $axios.put(`/api/initiatives/${initiative.id}`, initiative);
-      const index = initiativesState.all.findIndex(i => i.id === initiative.id);
+      const response = await $axios.put('/api/initiatives/update', {
+        _id: initiative._id || initiative.id,
+        ...initiative
+      });
+      const index = initiativesState.all.findIndex(i => (i._id || i.id) === (initiative._id || initiative.id));
       if (index !== -1) {
         initiativesState.all[index] = response.data;
       }
@@ -63,8 +66,8 @@ const initiativesActions = {
   },
   async deleteInitiative(id) {
     try {
-      await $axios.delete(`/api/initiatives/${id}`);
-      initiativesState.all = initiativesState.all.filter(i => i.id !== id);
+      await $axios.post('/api/initiatives/delete', { _id: id });
+      initiativesState.all = initiativesState.all.filter(i => (i._id || i.id) !== id);
     } catch (error) {
       setError(error);
       throw error;

package/src/modules/governance/views/store/tasks.js

@@ -20,7 +20,7 @@ const tasksState = reactive({
 const tasksActions = {
   async getAllTasks() {
     try {
-      const response = await $axios.get('/api/tasks');
+      const response = await $axios.get('/api/tasks/read');
       tasksState.all = response.data;
       return response.data;
     } catch (error) {
@@ -30,7 +30,7 @@ const tasksActions = {
   },
   async getTaskById(id) {
     try {
-      const response = await $axios.get(`/api/tasks/${id}`);
+      const response = await $axios.get('/api/tasks/read', { params: { _id: id } });
       tasksState.current = response.data;
       return response.data;
     } catch (error) {
@@ -40,7 +40,7 @@ const tasksActions = {
   },
   async createTask(task) {
     try {
-      const response = await $axios.post('/api/tasks', task);
+      const response = await $axios.post('/api/tasks/create', task);
       tasksState.all.push(response.data);
       return response.data;
     } catch (error) {
@@ -50,8 +50,11 @@ const tasksActions = {
   },
   async updateTask(task) {
     try {
-      const response = await $axios.put(`/api/tasks/${task.id}`, task);
-      const index = tasksState.all.findIndex(t => t.id === task.id);
+      const response = await $axios.put('/api/tasks/update', {
+        _id: task._id || task.id,
+        ...task
+      });
+      const index = tasksState.all.findIndex(t => (t._id || t.id) === (task._id || task.id));
       if (index !== -1) {
         tasksState.all[index] = response.data;
       }
@@ -63,8 +66,8 @@ const tasksActions = {
   },
   async deleteTask(id) {
     try {
-      await $axios.delete(`/api/tasks/${id}`);
-      tasksState.all = tasksState.all.filter(t => t.id !== id);
+      await $axios.post('/api/tasks/delete', { _id: id });
+      tasksState.all = tasksState.all.filter(t => (t._id || t.id) !== id);
     } catch (error) {
       setError(error);
       throw error;

package/src/modules/governance/views/store/votes.js

@@ -22,7 +22,7 @@ const votingsState = reactive({
 const votingsActions = {
   async getAllVotings() {
     try {
-      const response = await $axios.get('/api/votings');
+      const response = await $axios.get('/api/votings/read');
       votingsState.all = response.data;
       return response.data;
     } catch (error) {
@@ -32,7 +32,7 @@ const votingsActions = {
   },
   async getVotingById(id) {
     try {
-      const response = await $axios.get(`/api/votings/${id}`);
+      const response = await $axios.get('/api/votings/read', { params: { _id: id } });
       votingsState.current = response.data;
       return response.data;
     } catch (error) {
@@ -42,7 +42,7 @@ const votingsActions = {
   },
   async createVoting(voting) {
     try {
-      const response = await $axios.post('/api/votings', voting);
+      const response = await $axios.post('/api/votings/create', voting);
       votingsState.all.push(response.data);
       return response.data;
     } catch (error) {
@@ -52,8 +52,11 @@ const votingsActions = {
   },
   async updateVoting(voting) {
     try {
-      const response = await $axios.put(`/api/votings/${voting.id}`, voting);
-      const index = votingsState.all.findIndex(v => v.id === voting.id);
+      const response = await $axios.put('/api/votings/update', {
+        _id: voting._id || voting.id,
+        ...voting
+      });
+      const index = votingsState.all.findIndex(v => (v._id || v.id) === (voting._id || voting.id));
       if (index !== -1) {
         votingsState.all[index] = response.data;
       }
@@ -65,8 +68,8 @@ const votingsActions = {
   },
   async deleteVoting(id) {
     try {
-      await $axios.delete(`/api/votings/${id}`);
-      votingsState.all = votingsState.all.filter(v => v.id !== id);
+      await $axios.post('/api/votings/delete', { _id: id });
+      votingsState.all = votingsState.all.filter(v => (v._id || v.id) !== id);
     } catch (error) {
       setError(error);
       throw error;

package/src/modules/governance/views/store/votings.js

@@ -28,7 +28,7 @@ const votesActions = {
   },
   async getVotesForVoting(votingId) {
     try {
-      const response = await $axios.get(`/api/votings/${votingId}/votes`);
+      const response = await $axios.get('/api/votes/read', { params: { voting: votingId } });
       return response.data;
     } catch (error) {
       setError(error);
@@ -37,7 +37,7 @@ const votesActions = {
   },
   async getUserVotes(userId) {
     try {
-      const response = await $axios.get(`/api/users/${userId}/votes`);
+      const response = await $axios.get('/api/votes/read', { params: { voter: userId } });
       return response.data;
     } catch (error) {
       setError(error);
@@ -46,8 +46,11 @@ const votesActions = {
   },
   async updateVote(id, vote) {
     try {
-      const response = await $axios.put(`/api/votes/${id}`, vote);
-      const index = votesState.all.findIndex(v => v.id === id);
+      const response = await $axios.put('/api/votes/update', {
+        _id: id,
+        ...vote
+      });
+      const index = votesState.all.findIndex(v => (v._id || v.id) === id);
       if (index !== -1) {
         votesState.all[index] = response.data;
       }
@@ -59,8 +62,8 @@ const votesActions = {
   },
   async deleteVote(id) {
     try {
-      await $axios.delete(`/api/votes/${id}`);
-      votesState.all = votesState.all.filter(v => v.id !== id);
+      await $axios.post('/api/votes/delete', { _id: id });
+      votesState.all = votesState.all.filter(v => (v._id || v.id) !== id);
     } catch (error) {
       setError(error);
       throw error;

package/src/modules/inventory/components/forms/AdjustmentForm.vue

@@ -63,7 +63,7 @@
           :class="{ 'bg-main t-black': selectedReason === reason.value, 'bg-light': selectedReason !== reason.value }"
           class="pd-small radius-small flex-column flex-center flex cursor-pointer"
         >
-          <component :is="reason.icon" class="i-regular mn-b-nano" />
+          <component :is="reason.icon" class="i-medium mn-b-nano" />
           <span>{{ reason.label }}</span>
         </div>
       </div>

package/src/modules/landing/components/sections/Examples.vue

@@ -3,7 +3,7 @@
 		<header class="mn-b-big t-center">
 			<h2 class="mn-center text-fade-in"><span class="text-splitted">Example of the Strains</span></h2> 
 		</header>
-		<div class="cols-4 w-100 o-scroll pos-relative gap-medium">
+		<div class="cols-4 w-100 o-scroll pos-relative gap-regular">
       <img loading="lazy"  v-for="(signal,index)  in signals"   class="radius-medium h-max-30r signal" :src="'/images/examples/' + signal">
 		</div>
 	</section>

package/src/modules/landing/components/sections/SectionEarn.vue

@@ -5,8 +5,8 @@
         <img v-if="te('logo')" loading="lazy" class="mn-b-semi h-4r" :src="t('logo')">
 
         <h2 v-if="te('title')" class="mn-b-medium" v-html="t('title')"/>
-        <p v-if="te('description')" class="mn-b-medium p-semi t-transp">{{ t('description') }}</p>  
-        <p v-if="te('subdescription')" class="mn-b-semi p-medium t-transp">{{ t('subdescription')}}</p>
+        <p v-if="te('description')" class="mn-b-medium p-medium t-transp">{{ t('description') }}</p>  
+        <p v-if="te('subdescription')" class="mn-b-semi p-regular t-transp">{{ t('subdescription')}}</p>
 
       <div class="gap-thin cols-2">
         <router-link :to="t('action_link')" class="flex t-center bg-white flex-center flex-column t-black pd-big radius-medium">

package/src/modules/landing/components/sections/SectionFeature.vue

@@ -8,7 +8,7 @@
 				{{title}}
 	    </h2>
 	    
-	    <p class="p-semi t-transp">
+	    <p class="p-medium t-transp">
 	    	{{description}}
 	    </p>
     </div>

package/src/modules/landing/components/sections/SectionFeaturesImages.vue

@@ -3,7 +3,7 @@
 
     <div class="mn-b-big t-center title">
       <h2 class="mn-b-small">{{t('title')}}</h2>
-      <p class="w-m-60r mn-b-big mn-auto t-transp p-semi">
+      <p class="w-m-60r mn-b-big mn-auto t-transp p-medium">
         {{t('subtitle')}}
       </p>
     </div>

package/src/modules/landing/components/sections/SectionFocus.vue

@@ -11,7 +11,7 @@
 				<span class="text-splitted">Welcome to Weeder Farms, your trusted partner in cannabis cultivation. </span>
 			</h2> 
 
-			<p class="element-intro display-block p-semi">We are a team of professional growers, engineers, programmers, and geneticists. We are dedicated to the growth and development of the cannabis industry, offering our extensive experience and knowledge to help cultivators like you succeed.</p>
+			<p class="element-intro display-block p-medium">We are a team of professional growers, engineers, programmers, and geneticists. We are dedicated to the growth and development of the cannabis industry, offering our extensive experience and knowledge to help cultivators like you succeed.</p>
 		</div>
 
 		<div class="cols-2 gap-thin col">

package/src/modules/landing/components/sections/SectionGuide.vue

@@ -2,14 +2,14 @@
   <div class="">
     <div class="mn-b-big d-inline-block">
       <h2 class="mn-b-semi">{{t('title')}}</h2>
-      <p v-if="te('subtitle')" class="t-transp p-semi w-m-60r">{{t('subtitle')}}</p>
+      <p v-if="te('subtitle')" class="t-transp p-medium w-m-60r">{{t('subtitle')}}</p>
     </div>
     <div class="cols-1">
       <Spoiler v-for="item in tm('FAQ')" :key="item.title" class="br-grey-transp-10 br-solid br-1px radius-small o-hidden pd-big mn-b-thin">
         <template #header="{ isOpen }">
           <div class="cursor-pointer w-100 flex-v-center flex-nowrap flex">
             <h3 class="w-100">{{item.title}}</h3>
-            <IconChevronBottom :class="{ 'rotate-180': isOpen }" fill="rgba(var(--grey),0.5)" class="i-semi"/>
+            <IconChevronBottom :class="{ 'rotate-180': isOpen }" fill="rgba(var(--grey),0.5)" class="i-medium"/>
           </div>
         </template>
         <template #content>

package/src/modules/landing/components/sections/SectionHeroToken.vue

@@ -39,7 +39,7 @@
 		/>
 
 		<p 
-			class="w-max-50r mn-b-big t-transp p-semi" 
+			class="w-max-50r mn-b-big t-transp p-medium" 
 			v-html="t('DESCRIPTION')"
 		/>
 

package/src/modules/landing/components/sections/SectionHeroVideo.vue

@@ -13,11 +13,11 @@
 						</span>
 	        </h1>
 	        
-	        <p class="p-semi t-transp">{{ t('viewpoint.description') }}</p>
+	        <p class="p-medium t-transp">{{ t('viewpoint.description') }}</p>
 	      </div>
 
         <div class="pd-big bg-black t-white radius-medium">
-          <p class="p-semi mn-b-small" itemprop="name">{{ t('contacts.name') }}</p>
+          <p class="p-medium mn-b-small" itemprop="name">{{ t('contacts.name') }}</p>
           
           <address class="d-block mn-b-small" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
             <a :href="t('contacts.addressLink')" target="_blank" rel="noopener"> 

package/src/modules/landing/components/sections/SectionJoinUs.vue

@@ -4,7 +4,7 @@
       <span style="font-size: 8rem" class="t-main font-main t-semi">
         {{ userCount }}
       </span>
-      <p class="w-m-33r t-center mn-b-small p-semi">
+      <p class="w-m-33r t-center mn-b-small p-medium">
         {{t('description')}}
     
       </p>

package/src/modules/landing/components/sections/SectionMobileApp.vue

@@ -21,12 +21,12 @@
 
     <div class="pd-big flex flex-h-center flex-column z-index-1 w-1/2">
       <h2 class="mn-t-medium mn-b-medium w-m-40r">{{ t('title') }}</h2>
-      <p class="t-transp mn-b-big p-semi w-m-33r">{{ t('description') }}</p>
+      <p class="t-transp mn-b-big p-medium w-m-33r">{{ t('description') }}</p>
       
-      <div v-if="tm('features').length > 0" class="mn-b-big gap-medium cols-2">
+      <div v-if="tm('features').length > 0" class="mn-b-big gap-regular cols-2">
         <div v-for="feature in tm('features')"  class="feature">
           <h4 class="mn-b-small">{{ feature.title }}</h4>
-          <p class="t-transp p-medium">{{ feature.text }}</p>
+          <p class="t-transp p-regular">{{ feature.text }}</p>
         </div>
       </div>
 

package/src/modules/landing/components/sections/SubscribeNewsletter.vue

@@ -2,7 +2,7 @@
   <div class="pos-relative flex-nowrap flex flex-column flex-center z-index-1">
     <header class="d-inline-block z-index-1 mn-b-big">
       <h2 class="mn-b-semi">{{ t('title') }}</h2>
-      <p class="t-transp p-semi">{{ t('subtitle') }}</p>
+      <p class="t-transp p-medium">{{ t('subtitle') }}</p>
     </header>
 
     <FieldSubscribeNewsletter

package/src/modules/marketplace/views/components/layouts/Marketplace.vue

@@ -29,7 +29,7 @@
 						<div class="cursor-pointer w-100 flex-v-center flex-nowrap flex">
 							<h4 class="w-100">Location</h4>
 							<div class="h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra">
-								<IconChevronBottom :class="{ 'rotate-180 mn-t-micro-negative': isOpen }" fill="rgb(var(--black))" class="i-regular"/>
+								<IconChevronBottom :class="{ 'rotate-180 mn-t-micro-negative': isOpen }" fill="rgb(var(--black))" class="i-medium"/>
 							</div>
 						</div>
 					</template>
@@ -64,7 +64,7 @@
 						<div class="cursor-pointer w-100 flex-v-center flex-nowrap flex">
 							<h4 class="w-100">Delivery Options</h4>
 							<div class="h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra">
-								<IconChevronBottom :class="{ 'rotate-180 mn-t-micro-negative': isOpen }" fill="rgb(var(--black))" class="i-regular"/>
+								<IconChevronBottom :class="{ 'rotate-180 mn-t-micro-negative': isOpen }" fill="rgb(var(--black))" class="i-medium"/>
 							</div>
 						</div>
 					</template>
@@ -93,7 +93,7 @@
 						<div class="cursor-pointer w-100 flex-v-center flex-nowrap flex">
 							<h4 class="w-100">Payment Options</h4>
 							<div class="h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra">
-								<IconChevronBottom :class="{ 'rotate-180 mn-t-micro-negative': isOpen }" fill="rgb(var(--black))" class="i-regular"/>
+								<IconChevronBottom :class="{ 'rotate-180 mn-t-micro-negative': isOpen }" fill="rgb(var(--black))" class="i-medium"/>
 							</div>
 						</div>
 					</template>

package/src/modules/marketplace/views/components/sections/SectionMenu.vue

@@ -26,7 +26,7 @@
 							{{category.name}}
 						</h3>
 					
-						<p v-if="category.url === 'buds'" class="mn-t-thin mn-b-thin t-transp t-black p-medium">
+						<p v-if="category.url === 'buds'" class="mn-t-thin mn-b-thin t-transp t-black p-regular">
 							Unveiling the Exceptional User Curated Best Buds
 						</p>
 						

package/src/modules/music/components/forms/AlbumForm.vue

@@ -2,14 +2,14 @@
   <div class="pd-medium">
     <h2 class="h2 mn-b-medium">{{ editMode ? 'Edit Album' : 'Create Album' }}</h2>
     
-    <form @submit.prevent="submitForm" class="cols-1 gap-medium">
+    <form @submit.prevent="submitForm" class="cols-1 gap-regular">
       <!-- Basic Info Section -->
       <div class="bg-light pd-medium radius-medium">
         <h3 class="h3 mn-b-medium">Basic Information</h3>
         
         <!-- Album Cover -->
         <div class="mn-b-medium">
-          <p class="p-semi mn-b-small">Album Cover</p>
+          <p class="p-medium mn-b-small">Album Cover</p>
           <UploadImage
             v-model:photo="album.coverArt"
             uploadPath="albums/covers"

package/src/modules/music/components/forms/ArtistForm.vue

@@ -2,15 +2,15 @@
   <div class="pd-medium">
     <h2 class="h2 mn-b-medium">{{ editMode ? 'Edit Artist' : 'Create Artist' }}</h2>
     
-    <form @submit.prevent="submitForm" class="cols-1 gap-medium">
+    <form @submit.prevent="submitForm" class="cols-1 gap-regular">
       <!-- Basic Info Section -->
       <div class="bg-light pd-medium radius-medium">
         <h3 class="h3 mn-b-medium">Basic Information</h3>
         
-        <div class="cols-2 mobile:cols-1 gap-medium">
+        <div class="cols-2 mobile:cols-1 gap-regular">
           <!-- Artist Photo -->
           <div>
-            <p class="p-semi mn-b-small">Artist Photo</p>
+            <p class="p-medium mn-b-small">Artist Photo</p>
             <UploadImage
               v-model:photo="artist.photoUrl"
               uploadPath="artists/photos"
@@ -21,7 +21,7 @@
           
           <!-- Artist Cover -->
           <div>
-            <p class="p-semi mn-b-small">Cover Image</p>
+            <p class="p-medium mn-b-small">Cover Image</p>
             <UploadImage
               v-model:photo="artist.coverUrl"
               uploadPath="artists/covers"