refactor: 💡 convert radio and checkbox to nested structure

addons/rose/addon/components/rose/form/checkbox.js

@@ -1,11 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/form/checkbox';
-import ComponentAutoId from '../../../mixins/component-auto-id';
-
-/**
- * A simple HTML `<input type="checkbox">` element.
- */
-export default Component.extend(ComponentAutoId, {
-  layout,
-  tagName: '',
-});

addons/rose/addon/components/rose/form/checkbox/index.js

@@ -0,0 +1,10 @@
+import Component from '@glimmer/component';
+import { generateComponentID } from '../../../../utilities/component-auto-id';
+
+export default class RoseFormCheckboxComponent extends Component {
+
+  // =attributes
+
+  id = generateComponentID();
+
+}

addons/rose/addon/components/rose/form/radio/group.js

@@ -1,10 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../../templates/components/rose/form/radio/group';
-
-/**
- * A `<input type="radio" name="radio-group">` element.
- */
-export default Component.extend({
-  layout,
-  tagName: '',
-});

addons/rose/addon/components/rose/form/radio/radio.js

@@ -1,13 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../../templates/components/rose/form/radio/radio';
-import ComponentAutoId from '../../../../mixins/component-auto-id';
-
-/**
- * A `<input type="radio">` element.
- * `value` and `selectedValue` must be equal to select
- *  radiofield.
- */
-export default Component.extend(ComponentAutoId, {
-  layout,
-  tagName: '',
-});

addons/rose/addon/components/rose/form/radio/radio/index.js

@@ -0,0 +1,10 @@
+import Component from '@glimmer/component';
+import { generateComponentID } from '../../../../../utilities/component-auto-id';
+
+export default class RoseFormRadioRadioComponent extends Component {
+
+  // =attributes
+
+  id = generateComponentID();
+
+}