Replicator - change the set picker to be in the center when in between blocks, but left when under the "Add Block" button

Author: jaygeorge

resources/js/components/fieldtypes/replicator/AddSetButton.vue

@@ -1,5 +1,5 @@
 <template>
-    <set-picker :enabled="enabled" :sets="groups" @added="addSet">
+    <set-picker :enabled="enabled" :sets="groups" :align="variant === 'between' ? 'center' : 'start'" @added="addSet">
         <template #trigger>
             <div class="flex relative pt-2" :class="{ 'pt-6': showConnector }" v-if="variant === 'button'">
                 <div v-if="showConnector" class="absolute group-hover:opacity-0 transition-opacity delay-25 duration-125 inset-y-0 h-full left-3.5 border-l-1 border-gray-400 dark:border-gray-600 border-dashed z-0 dark:bg-dark-700" />

resources/js/components/fieldtypes/replicator/SetPicker.vue

@@ -8,7 +8,7 @@
     <ui-popover
         v-else
         inset
-        align="start"
+        :align="align"
         class="set-picker select-none w-[300px]"
         :open="isOpen"
         @update:open="isOpen = $event"
@@ -98,6 +98,7 @@ export default {
     props: {
         sets: Array,
         enabled: { type: Boolean, default: true },
+        align: { type: String, default: 'start' },
     },
 
     data() {