feat(RadioGroup): add indicator on card variant

Author: romhml

docs/content/3.components/radio-group.md

@@ -99,6 +99,34 @@ props:
 ---
 ::
 
+### Variant
+
+Use the `variant` prop to change the variant of the RadioGroup.
+
+::component-code
+---
+prettier: true
+ignore:
+  - defaultValue
+  - items
+external:
+  - items
+props:
+  variant: 'card'
+  defaultValue: 'pro'
+  items:
+    - label: 'Pro'
+      value: 'pro'
+      description: 'Tailored for indie hackers, freelancers and solo founders.'
+    - label: 'Startup'
+      value: 'startup'
+      description: 'Best suited for small teams, startups and agencies.'
+    - label: 'Enterprise'
+      value: 'enterprise'
+      description: 'Ideal for larger teams and organizations.'
+---
+::
+
 ### Legend
 
 Use the `legend` prop to set the legend of the RadioGroup.

src/theme/radio-group.ts

@@ -27,8 +27,8 @@ export default (options: Required<ModuleOptions>) => ({
     variant: {
       radio: {},
       card: {
-        base: 'hidden',
-        item: 'border-2 border-[var(--ui-border-muted)] rounded-lg'
+        base: 'ml-4',
+        item: 'flex-row-reverse items-center justify-between border-2 border-[var(--ui-border-muted)] rounded-lg'
       }
     },
     orientation: {