fix!: remove useless CheckboxGroup components

Author: lepture

docs/content/components/checkbox-group.md

@@ -0,0 +1,9 @@
+---
+title: Checkbox Group
+status: alpha
+source: https://github.com/typlog/ui/tree/main/src/components/checkbox
+reka: https://reka-ui.com/docs/components/checkbox-group
+radix: https://www.radix-ui.com/themes/docs/components/checkbox-group
+---
+
+<Example name="checkbox-group/Nested.vue" />

docs/examples/checkbox-group/Nested.vue

@@ -0,0 +1,51 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { CheckboxGroup, Checkbox } from '#components'
+
+const scopes = ref(['tenant:read'])
+</script>
+
+<template>
+  <div class="text-sm">
+    <div class="flex items-center gap-2 mb-2">
+      <span class="font-medium">Token Scopes</span>
+      <span>{{ scopes }}</span>
+    </div>
+    <CheckboxGroup v-model="scopes">
+      <label class="flex items-center gap-1">
+        <Checkbox parent />
+        <span>Tenant Permissions</span>
+      </label>
+      <label class="pl-4 flex items-center gap-1">
+        <Checkbox value="tenant:read" />
+        <span>Tenant Read Permission</span>
+      </label>
+      <label class="pl-4 flex items-center gap-1">
+        <Checkbox value="tenant:write" />
+        <span>Tenant Write Permission</span>
+      </label>
+      <label class="pl-4 flex items-center gap-1">
+        <Checkbox value="tenant:admin" />
+        <span>Tenant Admin Permission</span>
+      </label>
+    </CheckboxGroup>
+    <CheckboxGroup v-model="scopes">
+      <label class="flex items-center gap-1">
+        <Checkbox parent />
+        <span>User Profile</span>
+      </label>
+      <label class="pl-4 flex items-center gap-1">
+        <Checkbox value="user:read" />
+        <span>Read user profile</span>
+      </label>
+      <label class="pl-4 flex items-center gap-1">
+        <Checkbox value="user:write" />
+        <span>Update user profile</span>
+      </label>
+      <label class="pl-4 flex items-center gap-1">
+        <Checkbox value="user:tenants" />
+        <span>Fetch user's tenants</span>
+      </label>
+    </CheckboxGroup>
+  </div>
+</template>

src/components/checkbox/Checkbox.vue

@@ -3,7 +3,6 @@ import type { CheckboxRootEmits, CheckboxRootProps } from 'reka-ui'
 import type { ColorType } from '../types'
 
 export interface CheckboxProps extends CheckboxRootProps {
-  parent?: boolean
   color?: ColorType
   variant?: 'surface' | 'soft'
   size?: '1' | '2' | '3'
@@ -22,7 +21,7 @@ const props = withDefaults(defineProps<CheckboxProps>(), {
   variant: 'surface',
 })
 
-const forwarded = useForwardPropsEmitsWithout(props, emits, ['parent', 'color', 'size', 'variant', 'highContrast'])
+const forwarded = useForwardPropsEmitsWithout(props, emits, ['color', 'size', 'variant', 'highContrast'])
 const resetClass = buildPropsClass(props, ['size', 'variant', 'highContrast'])
 </script>
 

src/components/checkbox/CheckboxGroupControl.vue

@@ -4,18 +4,6 @@ export {
 } from './Checkbox.vue'
 
 export {
-  default as CheckboxGroup,
-  type CheckboxGroupProps,
-} from './CheckboxGroup.vue'
-
-export {
-  default as CheckboxGroupRoot,
-} from './CheckboxGroupRoot.vue'
-
-export {
-  default as CheckboxGroupItem,
-} from './CheckboxGroupItem.vue'
-
-export {
-  default as CheckboxGroupControl,
-} from './CheckboxGroupControl.vue'
+  CheckboxGroupRoot as CheckboxGroup,
+  type CheckboxGroupRootProps as CheckboxGroupProps,
+} from 'reka-ui'

src/components/checkbox/CheckboxGroupItem.vue

@@ -27,7 +27,7 @@ export interface TextFieldProps {
 </script>
 
 <script setup lang="ts">
-import { computed, useTemplateRef } from 'vue'
+import { useTemplateRef } from 'vue'
 import { buildPropsClass } from '../util'
 
 defineOptions({