fix: base component focus color in form (#5760)

packages/@core/ui-kit/form-ui/src/form-render/form-field.vue

@@ -321,7 +321,7 @@ onUnmounted(() => {
           <VbenRenderContent :content="label" />
         </template>
       </FormLabel>
-      <div class="flex-auto overflow-hidden">
+      <div class="flex-auto overflow-hidden p-[1px]">
         <div :class="cn('relative flex w-full items-center', wrapperClass)">
           <FormControl :class="cn(controlClass)">
             <slot

packages/@core/ui-kit/shadcn-ui/src/components/select/select.vue

@@ -35,4 +35,8 @@ const props = withDefaults(defineProps<Props>(), {
 button[role='combobox'][data-placeholder] {
   color: hsl(var(--muted-foreground));
 }
+
+button {
+  --ring: var(--primary);
+}
 </style>

packages/@core/ui-kit/shadcn-ui/src/ui/input/Input.vue

@@ -30,3 +30,8 @@ const modelValue = useVModel(props, 'modelValue', emits, {
     "
   />
 </template>
+<style lang="scss" scoped>
+input {
+  --ring: var(--primary);
+}
+</style>