Error: Snapshot `RadioGroup > renders with variant card correctly 1` mismatched - Expected + Received @@ -1,28 +1,28 @@ "<div role="radiogroup" aria-orientation="vertical" aria-required="false" dir="ltr" data-orientation="vertical" style="outline-color: none; outline-style: none; outline-width: initial;" id="v-0-0" class="relative" tabindex="0"> <fieldset class="flex flex-col gap-2.5"> <!--v-if--> - <div class="flex items-start border-2 border-[var(--ui-border-muted)] rounded-lg text-sm p-3.5 data-[checked=true]:border-[var(--ui-primary)]" data-checked="false"> + <div class="flex flex-row-reverse items-center justify-between border-2 border-[var(--ui-border-muted)] rounded-lg text-sm p-3.5 data-[checked=true]:border-[var(--ui-primary)]" data-checked="false"> - <div class="flex items-center h-5"><button class="rounded-full ring ring-inset ring-[var(--ui-border-accented)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)] hidden size-4" tabindex="-1" data-orientation="vertical" data-active="false" data-reka-collection-item="" id="v-0-0:1" role="radio" type="button" aria-checked="false" data-state="unchecked" required="false" aria-label="1" value="1"> + <div class="flex items-center h-5"><button class="rounded-full ring ring-inset ring-[var(--ui-border-accented)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)] ml-4 size-4" tabindex="-1" data-orientation="vertical" data-active="false" data-reka-collection-item="" id="v-0-0:1" role="radio" type="button" aria-checked="false" data-state="unchecked" required="false" aria-label="1" value="1"> <!----> <!----> </button></div> <div class="ms-2"><label for="v-0-0:1" class="block font-medium text-[var(--ui-text)]">Option 1</label> <!--v-if--> </div> </div> - <div class="flex items-start border-2 border-[var(--ui-border-muted)] rounded-lg text-sm p-3.5 data-[checked=true]:border-[var(--ui-primary)]" data-checked="false"> + <div class="flex flex-row-reverse items-center justify-between border-2 border-[var(--ui-border-muted)] rounded-lg text-sm p-3.5 data-[checked=true]:border-[var(--ui-primary)]" data-checked="false"> - <div class="flex items-center h-5"><button class="rounded-full ring ring-inset ring-[var(--ui-border-accented)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)] hidden size-4" tabindex="-1" data-orientation="vertical" data-active="false" data-reka-collection-item="" id="v-0-0:2" role="radio" type="button" aria-checked="false" data-state="unchecked" required="false" aria-label="2" value="2"> + <div class="flex items-center h-5"><button class="rounded-full ring ring-inset ring-[var(--ui-border-accented)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)] ml-4 size-4" tabindex="-1" data-orientation="vertical" data-active="false" data-reka-collection-item="" id="v-0-0:2" role="radio" type="button" aria-checked="false" data-state="unchecked" required="false" aria-label="2" value="2"> <!----> <!----> </button></div> <div class="ms-2"><label for="v-0-0:2" class="block font-medium text-[var(--ui-text)]">Option 2</label> <!--v-if--> </div> </div> - <div class="flex items-start border-2 border-[var(--ui-border-muted)] rounded-lg text-sm p-3.5 data-[checked=true]:border-[var(--ui-primary)]" data-checked="false"> + <div class="flex flex-row-reverse items-center justify-between border-2 border-[var(--ui-border-muted)] rounded-lg text-sm p-3.5 data-[checked=true]:border-[var(--ui-primary)]" data-checked="false"> - <div class="flex items-center h-5"><button class="rounded-full ring ring-inset ring-[var(--ui-border-accented)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)] hidden size-4" tabindex="-1" data-orientation="vertical" data-active="false" data-re