refactor(VSelectionControlGroup): tuning pass (#15250)

packages/vuetify/src/components/VSelectionControlGroup/VSelectionControlGroup.sass

@@ -1,8 +1,4 @@
-@use 'sass:map'
-@use 'sass:list'
-@use '../../styles/settings'
-@use '../../styles/tools'
 @use './variables' as *
 
 .v-selection-control-group
-  grid-area: control
+  grid-area: $selection-control-group-grid-area

packages/vuetify/src/components/VSelectionControlGroup/VSelectionControlGroup.tsx

@@ -2,8 +2,8 @@
 import './VSelectionControlGroup.sass'
 
 // Composables
-import { useProxiedModel } from '@/composables/proxiedModel'
 import { IconValue } from '@/composables/icons'
+import { useProxiedModel } from '@/composables/proxiedModel'
 
 // Utilities
 import { computed, provide, toRef } from 'vue'
@@ -67,17 +67,15 @@ export const VSelectionControlGroup = defineComponent({
       type: toRef(props, 'type'),
     })
 
-    useRender(() => {
-      return (
-        <div
-          class="v-selection-control-group"
-          aria-labelled-by={ props.type === 'radio' ? id.value : undefined }
-          role={ props.type === 'radio' ? 'radiogroup' : undefined }
-        >
-          { slots?.default?.() }
-        </div>
-      )
-    })
+    useRender(() => (
+      <div
+        class="v-selection-control-group"
+        aria-labelled-by={ props.type === 'radio' ? id.value : undefined }
+        role={ props.type === 'radio' ? 'radiogroup' : undefined }
+      >
+        { slots?.default?.() }
+      </div>
+    ))
 
     return {}
   },

packages/vuetify/src/components/VSelectionControlGroup/__tests__/VSelectionControlGroup.spec.cy.tsx

@@ -0,0 +1,14 @@
+/// <reference types="../../../../types/cypress" />
+
+import { VSelectionControlGroup } from '..'
+import { generate } from '@/../cypress/templates'
+
+const props = {}
+
+const stories = {
+  Default: <VSelectionControlGroup />,
+}
+// Tests
+describe('VSelectionControlGroup', () => {
+  generate({ stories, props, component: VSelectionControlGroup })
+})

packages/vuetify/src/components/VSelectionControlGroup/_variables.scss

@@ -1,4 +1 @@
-@use '../../styles/settings';
-@use '../../styles/tools';
-
-// Defaults
+$selection-control-group-grid-area: control !default;