Initial commit: Add project files

frontend/src/shared/ui/components/KsCheckbox.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { computed, useId } from 'vue'
+import { useUiAdapter } from '../adapter/useUiAdapter'
+const props = defineProps<{ modelValue: boolean; label: string; inputId?: string; disabled?: boolean }>()
+const emit = defineEmits<{ 'update:modelValue': [value: boolean] }>()
+const adapter = useUiAdapter()
+const generatedId = useId()
+const resolvedId = computed(() => props.inputId ?? `ks-check-${generatedId}`)
+</script>
+<template><label class="ks-check" :for="resolvedId"><component :is="adapter.components.Checkbox" :input-id="resolvedId" :model-value="modelValue" :disabled="disabled" @update:model-value="emit('update:modelValue', $event)" /><span>{{ label }}</span></label></template>
+<style scoped>.ks-check { display: inline-flex; align-items: center; gap: var(--ks-space-2); cursor: pointer; }</style>